m0_71977266的博客

Component//装饰器仅能装饰struct关键字声明的数据结构struct/*自定义组件基于struct实现*/ Demo {/*用于定义自定义组件的声明式UI描述，自定义组件必须定义build()函数。*/build() {Column(){Row() {是否开启组件冻结。这各部分先了解一下自定义组件和页面的关系自定义组件：就是用@Component装饰的UI小零件，它能把多个系统组件拼在一起，像搭积木一样，方便我们重复使用UI设计。

组件导航就像是咱们手机应用里的“交通警察”，它负责指挥不同的页面怎么跳转、怎么显示。它有三种显示模式，就像是三种不同的交通规则：单栏模式就像是一条直线，你只能按顺序走；分栏模式就像是十字路口，你可以同时看到两个方向的路；自适应模式就像是智能导航，它会根据你的手机屏幕大小来决定怎么走最合适。导航里还有个重要的东西叫路由操作，它就像是导航里的“地图”，告诉你从哪儿到哪儿该怎么走。以前我们得用NavRouter这个“老地图”，但现在有了NavPathStack这个“新导航”，用起来更方便、更直观了。

导航转场，就是手机App里一个页面变到另一个页面的动画效果，让用户感觉更流畅。想要做好这个效果，推荐使用Navigation组件。它就像是一个“导航员”，能帮你轻松地管理页面之间的跳转。再搭配上NavDestination组件，就像是给每个页面都标了个“地址”，让“导航员”知道要跳到哪里。这样，你就能很方便地定义页面之间的跳转关系，还能加上酷炫的动画效果，让用户爱上你的App！总之，Navigation组件和NavDestination组件是做导航转场的好帮手。

当我们用Grid来摆放东西（子组件）时，如果没说清楚要摆几行几列，还有每行每列要多宽多高，Grid就会自己看着办。这样，即使我们没有具体说每行每列怎么样，Grid也能根据我们给的方向和数量限制，来摆放子组件，让布局看起来既灵活又符合要求。ArkUI是一个用于开发应用界面的框架，它提供了Grid和GridItem两个组件来帮助我们快速创建网格布局。注意：Grid的子组件必须是GridItem组件。GridLayoutOptions对象说明。假设我们要做一个简单的九宫格图片展示。

在Stack布局中，若需调整兄弟组件的堆叠顺序，可利用zindex属性。具体而言，z-index值较高的组件会覆盖并显示在z-index值较低的组件之上。因此，通过为组件分配不同的z-index值，你可以灵活地控制它们在Stack容器中的显示层级。zIndex值越大，显示层级越高，zIndex值大的组件会覆盖在zIndex值小的组件上方。Stack容器组件实现元素重叠与位置固定，适用于需要页面层叠和精确位置定位的场景。除了Alignment以外还有通用属性。

布局容器：具有布局能力的容器组件，可以承载其他元素作为其子元素，布局容器会对其子元素进行尺寸计算和布局排列。布局子元素：布局容器内部的元素。主轴主轴：线性布局容器在布局方向上的轴线，子元素默认沿主轴排列。Row容器主轴为水平方向，Column容器主轴为垂直方向。交叉轴：垂直于主轴方向的轴线。Row容器交叉轴为垂直方向，Column容器交叉轴为水平方向。间距：布局子元素的间距。Column布局Row布局图片间距在Column和Row的组件中的主轴交叉轴相互组合会有四种不同的情况。