#2020征文-手机#获取系统照片并解码渲染显示(附完整demo)-鸿蒙开发者社区-51CTO.COM

#2020征文-手机#获取系统照片并解码渲染显示(附完整demo) 原创 精华

Mr_qzk
发布于 2020-12-25 17:15
浏览
5收藏

声明一下哦,这是我看了夏曹俊老师在周六的直播预习材料的加持下所写的一个小demo,大家记得都去看夏老师的直播哦,入口主页就有显示。
不多说,先上demo的跑起来的效果,如下两张图:点击显示图片的按钮之后就会显示出一张图片(图片是个什么玩意,知足吧,我拿远程模拟机拍摄的)

完整demo在附件中进行下载

#2020征文-手机#获取系统照片并解码渲染显示(附完整demo)-鸿蒙开发者社区#2020征文-手机#获取系统照片并解码渲染显示(附完整demo)-鸿蒙开发者社区
PS说一下操作步骤吧,把demo烧进手机,记住此时候的手机是没有图片的,先打开照相机拍摄一张图片,然后你就会得到和下面截图一样的什么玩意的图片,然后打开demo,点击显示图片按钮就会显示你拍摄到的图片了)
老规矩还是先说一下大概思路:
1.读取本机的图片,首先你得有权限,所以先想办法获得权限
2.获得权限之后,就可以使用类似数据库的搜索方法来搜索图片的ID了
3.获得ID之后,然后将其转换为uri
4.得到uri之后,然后使用uri生成Pixmap
5.得到Pixmap之后,使用Image来渲染其Pixmap
1.来获得读取照片的权限
在config中添加如下配置文件:

 "reqPermissions": [{
 "name": "ohos.permission.READ_USER_STORAGE"
 }

 

然后在java代码中获取到这个权限

String[] permission = {"ohos.permission.READ_USER_STORAGE"};
requestPermissionsFromUser(permission,0);

2.获得权限之后,就可以使用类似数据库的搜索方法来搜索图片的ID了
 首先获得一个DataAbilityHelper

DataAbilityHelper helper = DataAbilityHelper.creator(getContext());

 

然后调用query查询方法获得图片ID,这里其实只有一张

ResultSet result = helper.query(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI, null, null);
int mediaId = result.getInt(result.getColumnIndexForName(AVStorage.Images.Media.ID));

3.获得ID之后,然后将其转换为uri

Uri uri = Uri.appendEncodedPathToUri(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI,""+mediaId);

4.得到uri之后,然后使用uri生成Pixmap
4.1 先将得到的uri使用openFile的API得到FileDescriptor对象
4.2 使用上一步的对象作为参数新建一个ImageSource对象和这个对象之下的DecodingOptions对象
4.3 然后调用上一步建好的ImageSource对象的createThumbnailPixelmap方法生成Pixmap

FileDescriptor filedesc = helper.openFile(uri,"r");
ImageSource.DecodingOptions decodingOpts = new ImageSource.DecodingOption();
decodingOpts.desiredSize = new Size(300,300);
ImageSource imageSource = ImageSource.create(filedesc,null);
PixelMap pixelMap = imageSource.createThumbnailPixelmap(decodingOpts,true);

 

5.得到Pixmap之后,使用Image来渲染其Pixmap
无论使用何种手段得到一个Image对象,然后调用它的setPixelMap将上一步得到的Pixmap作为参数传进去就OK了。至于别的都是一些对Image其他属性的设置。

Image img = (Image)findComponentById(ResourceTable.Id_image1);
img.setId(mediaId);
img.setHeight(300);
img.setWidth(300);
img.setMarginTop(20);
img.setMarginLeft(20);
img.setPixelMap(pixelMap);
img.setScaleMode(Image.ScaleMode.ZOOM_CENTER);

 

由于时间比较急,所以这个demo比较简单,只可以显示一张图片,下周我应该会在这个demo的基础上继续完善,有兴趣的朋友可以关注一下。
完整demo的源码见附件

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
分类
DisplayPicExample.zip 1.21M 233次下载
6
收藏 5
回复
举报
10条回复
按时间正序
/
按时间倒序
张荣超_九丘教育
张荣超_九丘教育

整理得不错啊,期待更完整的demo~~

回复
2020-12-26 16:58:56
Mr_qzk
Mr_qzk 回复了 张荣超_九丘教育
整理得不错啊,期待更完整的demo~~

看到张荣超老师的留言,受宠若惊呀,从张老师的分享和直播都学到了很多,期待大佬更多的分享~~

回复
2020-12-26 19:12:49
唐佐林
唐佐林

总结不错,我后面有时间来扩展这个案例!

回复
2020-12-26 22:12:17
Mr_qzk
Mr_qzk 回复了 唐佐林
总结不错,我后面有时间来扩展这个案例!

哈哈哈,能得到唐老师的肯定真实太好喽,期待唐老师带我飞

回复
2020-12-28 11:41:56
wx5fe9ad042185c
wx5fe9ad042185c

秦老师好

 

回复
2020-12-28 18:01:56
拓维信息
拓维信息

你确定能拿到图库下面的图片? 为啥我拿到的id是空的  demo也是

回复
2020-12-29 10:29:48
拓维信息
拓维信息

回复
2020-12-29 10:31:11
Mr_qzk
Mr_qzk 回复了 拓维信息
你确定能拿到图库下面的图片? 为啥我拿到的id是空的 demo也是

首先,你应该是拿模拟器测试的吧,新开的模拟器里边是没有图片的,你需要打开相机先拍摄一张

回复
2020-12-29 11:06:02
拓维信息
拓维信息

调试了下  是image 那个控件多次实例化导致为空  ,也就是图库拍了多张照片的时候  应该搬出去就好了

2
回复
2020-12-29 11:15:56
鲜橙加冰
鲜橙加冰

支持一下。

1
回复
2020-12-29 11:45:01
回复
    相关推荐