【代码案例】HarmonyOS NEXT 多媒体发布案例

     List({ space: ListConstants.LIST_SPACE, scroller: this.listScroller }) {
       // TODO：高性能知识点：列表数据较多，不需要全部渲染上屏，采用LazyForEach。
       LazyForEach(this.commentList, (moment: FriendMoment) => {
         ListItem() {
           OneMoment({ moment: moment });
 
         }
       }, (moment: FriendMoment) => moment.id)
     }
     // TODO：高性能知识点：为保证滑动流畅，采用cachedCount缓存前后节点。
     .cachedCount(this.cachedCountNumber)
     .width($r('app.string.publish_multimedia_updates_layout_100'))
     .height($r('app.string.publish_multimedia_updates_layout_94'))
     .listDirection(Axis.Vertical)
     .divider({
       strokeWidth: $r('app.integer.publish_multimedia_updates_divider_width'),
       color: $r('app.color.publish_multimedia_updates_divider_color'),
       startMargin: $r('app.integer.publish_multimedia_updates_list_divider_margin'),
       endMargin: $r('app.integer.publish_multimedia_updates_list_divider_margin')
     })

   async getPictureFromAlbum() {
     // 拉起相册，选择图片
     let PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
     // 选择图库内媒体资源种类
     PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
     // 设置最大媒体文件选择数量
     PhotoSelectOptions.maxSelectNumber = this.maxSelectMedia;
     // 创建photoPicker
     let photoPicker = new photoAccessHelper.PhotoViewPicker();
     // 使用photoAccessHelper获取媒体资源信息
     let photoSelectResult: photoAccessHelper.PhotoSelectResult = await photoPicker.select(PhotoSelectOptions);
     // 获取对应资源文件uri地址
     this.selectedImages = photoSelectResult.photoUris[0];
 
   } 

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