人工智能2025-10-02 15:49:2073125

鸿蒙HarmonyOS-获取系统照片并解码渲染显示2（附更完整的Demo）

想了解更多内容，鸿蒙S获请访问：

和华为官方合作共建的取系鸿蒙技术社区

https://harmonyos.51cto.com/#zz

声明一下哦，本篇是统照接着我的上一篇文章——#2020征文-手机#获取系统照片并解码渲染显示(附完整demo) 原创来写的。需要的片并可以先读读上一篇文件滴，本篇则是解码在上一篇代码基础上进一步修改而来。

说一下功能的渲染显示升级(较上一版本)：(ps:我也想搞分布式，可目前的附更现实不允许，还是完整等远程模拟器的多设备分布式联调能力开放吧)

1.没有图片会出现提示

2.相册中的所有照片都可显示，并且显示计数

3.应用随打开随刷新

不多说，鸿蒙S获先上demo跑起来的取系效果，如下两张图：第一张图是统照在手机远程模拟器中一张图片都没有时候的显示界面，站群服务器第二张是片并自己打开远程模拟器的照相功能一顿乱点，照了N张之后的解码显示界面

完整的demo在附件中进行下载

老规矩先说升级的大概思路：

1.采用TableLayout布局实现了所有照片的显示

2.添加两个Text用来显示无照片的提示信息和照片的计数信息

3.在onActive生命周期函数中添加方法实现实时刷新

1.采用TableLayout布局实现了所有照片的显示

1.1 在布局文件中添加TableLayout布局代码，需要注意的渲染显示是：这里我外边套了一层ScrollView，这是附更为了在图片多的时候，TableLayout可以滑动

1.2 在java代码中获取到这个布局

TableLayout img_layout; img_layout = (TableLayout)findComponentById(ResourceTable.Id_layout_id); img_layout.setColumnCount(3);

1.3 将新生成的图片放入布局中

Image img = new Image(MainAbilitySlice.this); img.setId(mediaId); img.setHeight(300); img.setWidth(300); img.setMarginTop(20); img.setMarginLeft(20); img.setPixelMap(pixelMap); img.setScaleMode(Image.ScaleMode.ZOOM_CENTER); img_layout.addComponent(img);

2.添加两个Text用来显示无照片的提示信息和照片的计数信息

2.1 首先在布局文件中加入两个text

2.2 在java中获得这两个text组件

Text pre_text,text; pre_text = (Text)findComponentById(ResourceTable.Id_text_pre_id); text = (Text)findComponentById(ResourceTable.Id_text_id);

2.3 利用能不能获取到图片来判断这两个text组件的显示逻辑

if(img_ids.size() > 0){ pre_text.setVisibility(Component.HIDE); text.setVisibility(Component.VISIBLE); text.setText("照片数量："+img_ids.size()); }else{ pre_text.setVisibility(Component.VISIBLE); pre_text.setText("No picture."); text.setVisibility(Component.HIDE); }

3.在onActive生命周期函数中添加方法实现实时刷新

3.1 onActive生命周期函数介绍

Page会在进入INACTIVE状态后来到前台，然后系统调用此回调。Page在此之后进入ACTIVE状态，云南idc服务商该状态是应用与用户交互的状态。所以当你把应用放到后台，打开照相机照相的时候，然后在打开此应用的时候就会调用该生命周期函数

3.2 在onActive函数中添加需要的调用

@Override public void onActive() { super.onActive(); displayPic(); }

3.3 displayPic函数封装了整个展示图片的代码

public void displayPic(){ img_layout.removeAllComponents(); ArrayList<Integer> img_ids = new ArrayList<Integer>(); DataAbilityHelper helper = DataAbilityHelper.creator(getContext()); try { ResultSet result = helper.query(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI, null, null); if(result == null){ pre_text.setVisibility(Component.VISIBLE); }else{ pre_text.setVisibility(Component.HIDE); } while(result != null && result.goToNextRow()){ int mediaId = result.getInt(result.getColumnIndexForName(AVStorage.Images.Media.ID)); Uri uri = Uri.appendEncodedPathToUri(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI,""+mediaId); FileDescriptor filedesc = helper.openFile(uri,"r"); ImageSource.DecodingOptions decodingOpts = new ImageSource.DecodingOptions(); decodingOpts.desiredSize = new Size(300,300); ImageSource imageSource = ImageSource.create(filedesc,null); PixelMap pixelMap = imageSource.createThumbnailPixelmap(decodingOpts,true); Image img = new Image(MainAbilitySlice.this); img.setId(mediaId); img.setHeight(300); img.setWidth(300); img.setMarginTop(20); img.setMarginLeft(20); img.setPixelMap(pixelMap); img.setScaleMode(Image.ScaleMode.ZOOM_CENTER); img_layout.addComponent(img); System.out.println("xxx"+uri); img_ids.add(mediaId); } }catch (DataAbilityRemoteException | FileNotFoundException e){ e.printStackTrace(); } if(img_ids.size() > 0){ pre_text.setVisibility(Component.HIDE); text.setVisibility(Component.VISIBLE); text.setText("照片数量："+img_ids.size()); }else{ pre_text.setVisibility(Component.VISIBLE); pre_text.setText("No picture."); text.setVisibility(Component.HIDE); } }

这个demo目前来说，还算基本能看。。。有时间的我会继续尝试修改完善。

有兴趣的朋友可以关注一下

完整demo的源码见附件

想了解更多内容，请访问：

和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

相关文章