HarmonyOS鸿蒙NEXT多媒体发布案例

HarmonyOS鸿蒙NEXT多媒体发布案例

HarmonyOS Next应用开发案例（持续更新中……）

本案例完整代码，请访问：https://gitee.com/harmonyos-cases/cases/tree/master/CommonAppDevelopment/feature/publishmultimediaupdates

本案例已上架HarmonyOS NEXT开源组件市场，如需获取或移植该案例，可安装此插件。开发者可使用插件获取鸿蒙组件，添加到业务代码中直接编译运行。

介绍

本示例主要介绍使用[@ohos.file.photoAccessHelper](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-photoaccesshelper-V5#photoaccesshelpergetphotoaccesshelper)实现访问系统相册获取媒体资源的多媒体发布场景。 该场景多用于社交软件朋友圈、评论动态发布的场景。

效果预览图

使用说明

1. 点击右上角添加标志，弹出分享菜单。
2. 分别点击文字、照片、视频发布按键，弹出发布内容的自定义弹窗。
3. 在系统相册中选择相应的媒体资源进行发布。

实现思路

1. 使用LazyForEach+cachedCount+@Reusable实现懒加载列表，并且缓存附近组件。源码参考PublishMultimediaUpdates.ets和OneMoment.ets。

高性能知识点

参考了长列表加载性能优化，使用了里面的LazyForEach+cacheCount+@Reusable实现长列表不卡顿滑动。

工程结构&模块类型

listslidetohistory                  // har包
|---constants                    // 列表常量
|   |---ListConstants               // 列表常量
|---model                        // 模型
|   |---BasicDataSource             // 列表LazyForEach数据类 +图文数据类
|   |---mockdata                    // 模拟列表数据内容          
|---components            // 组件
|   |---ImageText                   // 图标+文字组件
|   |---OneMoment                   // 列表内图文混排组件
|---pages 
|   |---CommentInputDialog          // 内容输入弹窗
|   |---PublishMultimediaUpdates    // 多媒体发布主页面 

模块依赖

[@ohos/routermodule(动态路由)](https://gitee.com/harmonyos-cases/cases/tree/master/CommonAppDevelopment/common/routermodule)

参考资料

1. LazyForEach详细用法