Sample解析图片裁剪组件

基于鸿蒙开源系统，完成图像裁剪组件ohos-Image-Cropper的构建，实现了和Android-Image-Cropper同样的功能，代码已经开源到，欢迎各位开发者下载使用并提出宝贵意见~

背景

ohos-Image-Cropper组件是个简单、灵活、高效的图片裁剪工具，支持图片在裁剪前进行裁剪框移动、旋转、翻转(水平、垂直)的操作，并将最终裁剪结果反馈给用户。

Sample解析

在Sample中，向用户提供了三个界面，分别是：初始界面、功能选择界面、效果展示界面。初始界面包含一个按钮，点击可进入功能选择界面。功能选择界面可对图片进行裁剪、旋转、水平翻转、垂直翻转等操作。当用户选择图片裁剪功能时，会跳转到效果展示界面，展示裁剪后的图片。

如何跳转至功能选择界面?

CropImage是个工具类，可以实现页面跳转功能。此处可以将下面代码放入Button按钮的点击事件中，执行下面代码可以实现从用户的初始界面跳转至功能选择界面。

CropImage.activity()  //初始化CropImage类 

        .setContext(this)//设置上下文       

        .setSource(ResourceTable.Media_baochi)//传入被裁减图片的ID  

        .setBundleName("com.huawei.mytestproject")//传入包名 

        .setAbilityName("com.huawei.mytestproject.MainAbility")//传入类名 

        .setRequset_code(1234)//请求参数设置 

        .start(super.getAbility(),this);//启动跳转 

关于上代码有三点需要注意，一是：为了方便大家使用模拟器运行Sample，被裁减图片使用在鸿蒙的资源管理器ResourceTable中注册过的图片。图片需放在APP项目资源文件夹resource/base/media下面，ResourceTable会扫描资源文件夹，并为每个资源注册一个int型的数值作为资源id。图1展示了图片所在位置，图二展示了图片在ResourceTable中的注册。二是：代码中传入的包名和类名是用于指定图片裁剪后返回的Ability(即效果展示界面)。三是：被裁减图片必须为正方形。

如何获得裁剪图片?

裁剪后的图片是位图格式PixelMap(原因见Library解析)，本节介绍了裁剪后位图的两种获取方法。

方法一

CropImage.handleImage(int result_code , Component image); 

此方法需要传入一个新创建的Component，用以接收被裁剪后的位图，用户后续可以把Component加入到自己的布局中进行显示。

其中result_code为结果参数，通过这个参数判断裁剪是否成功。参数result_code可以从intent中获得，如下面一行代码所示：

int result_code = result.getIntParam("result_code" , 0); 

方法二

PixelMap croppedPixelMap = CropImage.getCroppedPixelMap(); 

此方法可以返回裁剪后的位图，用户可以根据需要自行处理。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!