构建时间轴(横轴)鸿蒙示例代码

鸿蒙场景化示例代码技术工程师
发布于 2025-3-7 17:31
1222浏览
0收藏

本文原创发布在华为开发者社区

介绍

本示例通过List组件实现时间轴(横轴)构建。

构建时间轴(横轴)源码链接

效果预览

构建时间轴(横轴)鸿蒙示例代码-鸿蒙开发者社区

使用说明

打开应用后,时间轴构建完成,用户可以拖动时间轴进行查看。

实现思路

  • 通过List组件构建时间轴,使用foreach进行循环构建。
List(){
  ForEach(this.list,(item:DList)=>{
    ListItem(){...}
    .width('40%')
  })
}
.alignListItem(ListItemAlign.Center)
.listDirection(Axis.Horizontal)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

分类
收藏
回复
举报


回复
    相关推荐