首页里常见的推荐/关注/我的，或者概览/统计/设置，本质上都是同级页面切换。本文用一个三栏首页示例讲 ArkUI Tabs 的写法：父组件只管 tab 切换，每个 tab 自己维护状态；再对照 Android View 的 TabLayout + ViewPager2 和 Compose 的 TabRow / NavigationBar。
栅格解决的是“同一组卡片排几列”，动态布局解决的是“页面结构什么时候改变”。本文用一个设置面板示例，把 ArkUI 的 onAreaChange、条件渲染和布局模式表串起来：窄屏纵向堆叠，宽屏切成主设置区 + 右侧状态栏；再对照 Android View/Compose 的资源限定符、WindowSizeClass 与 BoxWithConstraints。
同一个“入口宫格/卡片墙”，在手机要两列、平板要三列、横屏要四列：如果你靠 if/else 手写一堆宽高，很快就会失控。本文用一个最小可复用的“功能入口栅格”示例，对照 ArkUI 的 GridRow/GridCol 与 Android（Compose 的 LazyVerticalGrid / View 的 GridLayoutManager），把“列数、间距、span/offset、断点”这套规则落到具体写法。
Row/Column 解决“沿一条轴排”，Stack 解决“覆盖叠放”，Flex 解决“放不下就换行”。但当你要把角标、播放按钮、标题、副标题、操作区同时放进同一张卡片时，真正的难点变成了：控件之间到底怎么互相对齐、互相约束？本文用一个封面卡片示例，对照 ArkUI RelativeContainer 与 Android ConstraintLayout（含 Compose 约束思路），把“约束关系”这件事从心智到写法一次讲清楚。
入门第二篇：我用 10 分钟的 curl 实验跑通 LLM 调用闭环，并把请求、错误处理和日志字段收敛成一个最小 client。
线性布局能把一行排整齐，但一旦组件数量不确定（标签、筛选项、快捷入口），你就会遇到“放不下怎么办”的问题。本文用一个可复用的筛选标签区示例，对照 ArkUI Flex 与 Android（Compose / View）的写法，把 wrap、主轴分布、对齐与间距讲清楚。
继续按 HarmonyOS ArkUI UI 开发里的构建布局顺序往后拆。本文先用一个更小的封面卡片示例讲清 Stack：底图铺满，底部信息浮层覆盖在图片上。多控件相对定位留到 RelativeContainer。
跟着 HarmonyOS 开发者网站的 ArkUI UI 开发布局顺序，从线性布局开始。本文用一个个人中心头部卡片，把 Row、Column、主轴、交叉轴、间距、对齐和 layoutWeight 串起来，并用 Android LinearLayout 与 Compose 做参照。
写 UI 时最容易混淆的是单位：Android 里常见 dp、sp、px，HarmonyOS ArkUI 里常见 vp、fp、px、lpx。本文用同一个设置卡片做例子，先看尺寸和文字应该怎么写，再把这些单位的关系说清楚。
上一篇用 Row/Column/Stack 搭出第一屏骨架，这一篇继续往下走：先用 Text、Button、Toggle 三个基础控件做一个小设置卡片，把显示、样式、点击、开关状态和组件边界分清楚。Android 侧用 Compose 做参照，重点不是对照 API 名字，而是把 UI 写成可读、可复用、可回归的组件。