和ArkTS一样，仓颉的新建项目默认是非全屏模式的，如果你的应用颜色比较丰富，就会发现屏幕上方和底部的留白，这是应用自动避让了屏幕上方摄像头区域和底部的导航条区域。但是新的问题出现了，你不让系统自动避让的话，就要自己避让上下方的摄像头和导航条区域。但是通常我们不需要这些留白，而是希望应用占满整个屏幕，这时候需要用到沉浸模式，下面为大家分享具体的实现过程。要避让这些区域，首先要知道它们的尺寸，主要是

只不过和ForEach的一次性加载所有数据不同，懒加载会根据屏幕可使区域按需加载数据，并且当内容滑出屏幕范围时，懒加载又会自动将这些内容销毁。LazyForEach的用法和ForEach相比较为麻烦一些，它的数据源要求IDataSource类型，我们需要先自定义这个数据类型。所以懒加载对于程序的性能有显著的优化，对于用户的体验也有大幅的提升，这一点幽蓝君在ArkTs语言中已经做过对比。当数据比较多

有了数组我们就可以遍历了，仓颉中循环渲染的组件我们目前使用的是Foreach，这里再把Foreach跟大家详细介绍一下，Foreach一共有三个参数，第一个是dataSource，也就是数据源，第二个叫itemGeneratorFunc，是生成子组件的地方，第三个参数叫keyGeneratorFunc，是生成子组件ID的地方，第三个参数不太常用。紧邻导航栏下方的是消息筛选列表，因为列表里元素的样式

剩下的内容就是下面两组的内容部分了，可以看出它们几乎都是一样的，所以我们可以自定义组件来节省代码，再次介绍一下自定义组件的相关内容。导航栏还是老样式，介绍过很多次了，今天不再赘述。这个页面的内容主要还是介绍List容器的使用。##HarmonyOS语言##仓颉##购物#

剩下的内容就是List容器中的内容，也就是主体内容部分，可以看到它们分为三组，每一组拆开来看也都相对简单，都是基础的布局方式。比如中间商品详情部分，它可以分为上下两部分，上面内容部分又可以分为左右两部分，这就是分析布局的基本逻辑。幽蓝君听说HarmonyOS 5.1版本即将推送，6.0版本也快要来了,表示十分期待。##HarmonyOS语言##仓颉##购物#

上述代码演示了Refresh的基本使用，并且使用计时器模拟网络加载效果，两秒后自动加载完成，其中onRefreshing是进入刷新状态的回调，onStateChange为刷新状态改变的回调。计时器的用法也还需要大家再次熟悉一下，Timer.once表示一次性的计时器，Duration.second*2表示执行间隔是2秒，这种写法还是比较独特的。上面代码需要注意的是如何判断列表滑动到了底部，主要是判

订单类型应该是一个滚动的横条，虽然它现在没有占满整个屏幕，但是为了适配更多尺寸和类型的屏幕，我们还是要使用Scroll。最后是订单列表部分，很明显是一个List组件，依然使用layoutWeight占满剩余屏幕。然后店铺名字和发货状态部分使用List的header来实现，大家上午好，最近不断有友友反馈仓颉语言和ArkTs很像，所以要注意不要混淆。今天要分享的是仓颉语言开发商城应用的订单列表页。首先

上面代码中，duration表示动画时长，curve表示动画曲线，delay表示延时，iterations表示循环次数，-1表示无限循环，playMode表示动画模式，这些属性在属性动画中也同样适用。首先我要现在页面上添加加载图片，并且将它的角度设置为变量。仓颉中的动画通常有两种方式，分别是属性动画和显示动画，我们今天以下面的加载动画为例，使用显示动画和属性动画分别实现一下，看看他们有什么区别。大

整个页面由导航栏和List容器两大部分组成，导航栏我们已经分享过多次，今天不再赘述。主要说一下List部分。这个页面的内容看似简单，其实有很多小细节需要注意，主要还是让大家熟悉List容器的使用。##HarmonyOS语言##仓颉##购物#

先介绍一下AppStorage的存储方法，有set和setOrCreate两种方式，区别是set只能设置已经创建了的字段的值，相当于修改值，而setOrCreate方法的作用是如果没有字段时会自动创建，所以我推荐大家使用setOrCreate方法。既然PersistentStorage是在AppStorage的基础上持久化数据，所以PersistentStorage存储的内容是可以通过AppSto