鸿蒙开发实战-属性面板UI实现/对象数组如何实现自动更新内部值

涉及用法

组件：List，Process

注解：@ObjectLink

其他：aboutToAppear（）

文章目录

目录

文章目录

前言

一、效果实现方法

1.两列展示

2.加载若干ListItem

3.遍历时拿取索引值

二、代码结构

1.图解

2.代码示例

几个小坑

---

前言

一点开发过程中的心得总结，留个档。

目的是将对象数组里的对象数据渲染到ui上，但是发现@state等注释似乎只能监测到数组的一维（也就是说不能检测到数组对象内部的变化情况导致渲染失败）

解决办法是：不再直接用对象数组，而是单独渲染对象；保留数组，但数组存初始化用的值（固定值可以是对象数组，但变量要用一维数组存）；然后用forEach拿取每一个对象，过程中使用数组内的value进行拼装。

注意：本案例中的数组length是固定值。如果是动态生成数组长度注意使用的遍历值是Page.ets中的初始化用数组。

---

一、效果实现方法

1.两列展示

目的是生成多个相同的属性条，组成一个面板。需要两列展示。

*实现方法： List的API：.lanes([num])

2.加载若干ListItem

使用List+ForEach，见文档

鸿蒙开发文档-List