1. 项目介绍

在日常生活中有很多APP都有图片编辑的功能，但由于APP间存在一定的功能差异，开发者往往要为每个APP单独实现一套图片编辑逻辑，使APP的开发成本大大增加。本篇Codelab将为开发者介绍DevEco中集成的图片编辑模板，旨在为开发者提供一个图片编辑模块开发的"地基"，开发者只需要在此基础上添加业务所需的自定义图片编辑算法，从而减少代码量。
本模板主要分为两个部分：界面UI和图片编辑器。
模板界面UI部分主要为开发者提供了：图片编辑界面的设计参考，以及HarmonyOS界面UI开发样例工程。图片编辑器部分提供了实现图片编辑功能的框架以及两个样例图片编辑功能。
效果预览：

1. 顶部App Bar部分：后退（Back）、撤销（Undo）、重做（Redo）以及保存（Save）按钮。
2. 中间区域BackGroundLayer以及CropPicker用于预览图显示以及裁剪框绘制。
3. 底部区域由下往上分为三级菜单，一级菜单用于选择图片编辑功能，二级菜单用于选择次级功能，三级菜单一般用于调节次级功能的编辑参数。

编辑功能展示：

拖动裁剪框，裁剪区域外的图片绘制阴影效果。

预览效果满意后，切换其他功能来确认更改。点击撤销（Undo）按钮，返回上一步预览状态。

2. 代码结构解读

• animation: 动效目录，存放图片编辑过程中的各类动效实现类。
• exceptions：异常目录，存放各类编辑异常。
• handler：图片编辑器核心逻辑目录，包含图片编辑器、图片编辑代理、编辑操作消息队列实现。
• strategy：图片编辑功能实现目录。action中存放编辑器可识别的编辑IEditAction；bean中存放编辑操作所需参数；imp中存放实现action所对应的图片编辑strategy。
• utils：工具类存放目录。
• view：自定义控件存放目录。

3. 相关权限

权限
ohos.permission.READ_MEDIA：用于允许应用读取用户外部存储中的媒体文件信息。

如需获得用户外部存储中的媒体文件信息，请在config.json文件中的module段内添加如下权限声明：