[HarmonyOS Next示例代码] 鸿蒙UI开发 - 列表项交换

 鸿蒙UI开发 - 列表项交换 源码下载地址

介绍

本示例主要实现了List列表项的交换与删除功能。

效果预览

本示例在预览器中的效果：

使用说明：

1.可以在预览器中查看页面效果，也可在对应设备上查看页面效果。

工程目录

├──entry/src/main/ets                              // 代码区
│  ├──constants                                  
│  │  └──CommonConstants.ets                       // 常用常量
│  ├──entryability  
│  │  └──EntryAbility.ets 
│  ├──pages                             
│  │  └──Index.ets                                 // 首页 
│  ├──utils
│  │  └──Logger.ets                                // 日志打印类       
│  └──viewModel
│     ├──AttributeModifier.ets                     // 列表样式类
│     ├──ListExchangeCtrl.ets                      // 列表行为控制类
│     └──ListInfo.ets                              // 列表项信息类    
└──entry/src/main/resources                        // 应用资源目录

具体实现

• 本示例通过组合手势：长按、拖动，以及拖动的距离判断列表项是否需要交换，并使用ListItem组件的swipeAction属性设置划出的删除组件。

相关权限

不涉及。

依赖

不涉及。