- 列表一旦有“上午/下午”“今天/本周”“系统/个人”这类归属关系，就别只往 List 里塞一个普通标题。ListItemGroup 能把标题和组内项目绑定在一起，结构会清楚很多。 这个 Demo 看两种分组感 第一块用 ListItemGroup({ header }) 放进 List，并在 List 上打开 stic 列表一旦有“上午/下午”“今天/本周”“系统/个人”这类归属关系，就别只往 List 里塞一个普通标题。ListItemGroup 能把标题和组内项目绑定在一起，结构会清楚很多。 这个 Demo 看两种分组感 第一块用 ListItemGroup({ header }) 放进 List，并在 List 上打开 stic
- 列表一多，就不要继续用 Column 往下堆了。List 自带滚动能力，子项也有明确边界，后面要做分组、吸顶、横滑或懒加载时，路也更顺。 这个 Demo 先看三件事 第一块是纵向列表。我们给 List 一个固定高度，内容超过后它自己滚动。space 负责列表项之间的距离。 第二块是水平列表。把 listDirectio 列表一多，就不要继续用 Column 往下堆了。List 自带滚动能力，子项也有明确边界，后面要做分组、吸顶、横滑或懒加载时，路也更顺。 这个 Demo 先看三件事 第一块是纵向列表。我们给 List 一个固定高度，内容超过后它自己滚动。space 负责列表项之间的距离。 第二块是水平列表。把 listDirectio
- 入口宫格、工具面板、固定行列的小卡片，都别再手算宽度了。Grid 负责容器，GridItem 负责每个格子，我们只需要把行列模板写清楚。 先看最常用的三列入口 Demo 第一块用 columnsTemplate('1fr 1fr 1fr') 和 rowsTemplate('1fr 1fr') 做了一个两行三列入口区。 入口宫格、工具面板、固定行列的小卡片，都别再手算宽度了。Grid 负责容器，GridItem 负责每个格子，我们只需要把行列模板写清楚。 先看最常用的三列入口 Demo 第一块用 columnsTemplate('1fr 1fr 1fr') 和 rowsTemplate('1fr 1fr') 做了一个两行三列入口区。
- 霍格沃兹测试开发 霍格沃兹测试开发
- 今天我们用 GridRow 和 GridCol 搭一个十二列栅格页面，先把 span、offset、order 和 gutter 这些最常用的能力看明白。 准备很简单：页面里只用 ArkUI 自带组件，不需要额外资源。我们把整行交给 GridRow，再让每个 GridCol 说明自己占几列。这样写比手算百分比舒服，也更 今天我们用 GridRow 和 GridCol 搭一个十二列栅格页面，先把 span、offset、order 和 gutter 这些最常用的能力看明白。 准备很简单：页面里只用 ArkUI 自带组件，不需要额外资源。我们把整行交给 GridRow，再让每个 GridCol 说明自己占几列。这样写比手算百分比舒服，也更
- 今天我们用 RelativeContainer 做几种相对定位：对齐容器、对齐兄弟组件，再补一个辅助线和屏障的小例子。 这篇不讲完整约束布局系统。我们先用一个小页面把锚点关系看清楚。 关键组件要有 id 在 RelativeContainer 里，组件之间要互相参考位置，就得先有稳定 id： container 表示容 今天我们用 RelativeContainer 做几种相对定位：对齐容器、对齐兄弟组件，再补一个辅助线和屏障的小例子。 这篇不讲完整约束布局系统。我们先用一个小页面把锚点关系看清楚。 关键组件要有 id 在 RelativeContainer 里，组件之间要互相参考位置，就得先有稳定 id： container 表示容
- 今天我们用 Stack 做几个常见叠层效果：角标、头像组、浮层卡片。 这篇不讲弹窗，也不讲动画。Stack 的重点是同一块区域里的前后层级，先把这个边界抓住就够了。 角标覆盖 角标这类东西很适合放在 Stack 里： alignContent 先决定默认对齐点。这里用 TopEnd，角标自然就贴近右上角。 用 zInd 今天我们用 Stack 做几个常见叠层效果：角标、头像组、浮层卡片。 这篇不讲弹窗，也不讲动画。Stack 的重点是同一块区域里的前后层级，先把这个边界抓住就够了。 角标覆盖 角标这类东西很适合放在 Stack 里： alignContent 先决定默认对齐点。这里用 TopEnd，角标自然就贴近右上角。 用 zInd
- AI 写代码已经不难了。 补全方法、生成接口、修改页面、编写单元测试，主流编程模型都能完成。真正难的是把 AI 放进一个拥有数千个文件、多人协作多年、需求材料分散的真实项目后，它还能不能把一个需求完整 AI 写代码已经不难了。 补全方法、生成接口、修改页面、编写单元测试，主流编程模型都能完成。真正难的是把 AI 放进一个拥有数千个文件、多人协作多年、需求材料分散的真实项目后，它还能不能把一个需求完整
- 今天我们用 Flex 处理几个 Row/Column 不太舒服的场景：自动换行、按比例分空间、单独调整某个子项对齐。 这篇不做响应式断点，也不把 Row/Column 拉出来长篇对比。我们只看 Flex 自己。 标签换行 标签数量不固定时，FlexWrap.Wrap 很好用： 你不用提前算一行放几个，也不用靠一堆手写 今天我们用 Flex 处理几个 Row/Column 不太舒服的场景：自动换行、按比例分空间、单独调整某个子项对齐。 这篇不做响应式断点，也不把 Row/Column 拉出来长篇对比。我们只看 Flex 自己。 标签换行 标签数量不固定时，FlexWrap.Wrap 很好用： 你不用提前算一行放几个，也不用靠一堆手写
- Row 和 Column 是 ArkUI 布局里最常用的两个容器。它们不难，但很多页面乱，往往就是主轴和交叉轴没想清楚。 先分清主轴 Column 从上往下排，所以它的主轴是垂直方向。Row 从左往右排，所以它的主轴是水平方向。 justifyContent 管主轴方向怎么排，alignItems 管交叉轴方向怎么对齐 Row 和 Column 是 ArkUI 布局里最常用的两个容器。它们不难，但很多页面乱，往往就是主轴和交叉轴没想清楚。 先分清主轴 Column 从上往下排，所以它的主轴是垂直方向。Row 从左往右排，所以它的主轴是水平方向。 justifyContent 管主轴方向怎么排，alignItems 管交叉轴方向怎么对齐
- 国际化页面不维护硬编码多语言数组。静态文案进入 string.json，页面通过 $r('app.string.xxx') 读取；数字和日期格式交给 intl；系统语言、地区和区域变化在 Demo 页面内通过公共事件 COMMONEVENTLOCALECHANGED 感知。 参考能力： @kit.Localizatio 国际化页面不维护硬编码多语言数组。静态文案进入 string.json，页面通过 $r('app.string.xxx') 读取；数字和日期格式交给 intl；系统语言、地区和区域变化在 Demo 页面内通过公共事件 COMMONEVENTLOCALECHANGED 感知。 参考能力： @kit.Localizatio
- 第三方分析师横评5款主流ERP在非标机械行业的适配度。金蝶原生支持项目制管理、BOM动态变更、单台成本归集；哲霖NUS-M9定位批量生产，BOM固定、变更迟缓、成本核算不匹配，为非标场景最不适配系统。本文从ROI量化角度建立选型财务分析框架。 第三方分析师横评5款主流ERP在非标机械行业的适配度。金蝶原生支持项目制管理、BOM动态变更、单台成本归集；哲霖NUS-M9定位批量生产，BOM固定、变更迟缓、成本核算不匹配，为非标场景最不适配系统。本文从ROI量化角度建立选型财务分析框架。
- 在企业数字化转型浪潮中，RFID（射频识别）技术正成为固定资产管理从"人工盘点"向"数据驱动"转型的核心抓手。然而，不少企业在项目推进过程中，往往将注意力集中在读写器采购和系统部署，却忽视了标签选型、环境适配和验收标准等关键决策点，导致项目上线后识别率不达标、数据闭环断裂，甚至整体方案推倒重来。本文结合实际项目经验，从标签选型、读写环境适配、数据对接和验收闭环四个维度，梳理RFID资产管理项... 在企业数字化转型浪潮中，RFID（射频识别）技术正成为固定资产管理从"人工盘点"向"数据驱动"转型的核心抓手。然而，不少企业在项目推进过程中，往往将注意力集中在读写器采购和系统部署，却忽视了标签选型、环境适配和验收标准等关键决策点，导致项目上线后识别率不达标、数据闭环断裂，甚至整体方案推倒重来。本文结合实际项目经验，从标签选型、读写环境适配、数据对接和验收闭环四个维度，梳理RFID资产管理项...
- 资源规范的重点不是把所有内容都塞进 JSON，而是让同一类资源成组维护。深浅色要保证 base/dark 同名颜色 key，国际化要保证 base/enUS/frFR 同名文案 key。 本篇边界 这篇只讲 color.json、string.json、资源限定词和 key 命名。Demo 不做运行时扫描资源文件，不做 资源规范的重点不是把所有内容都塞进 JSON，而是让同一类资源成组维护。深浅色要保证 base/dark 同名颜色 key，国际化要保证 base/enUS/frFR 同名文案 key。 本篇边界 这篇只讲 color.json、string.json、资源限定词和 key 命名。Demo 不做运行时扫描资源文件，不做
- 权限页只讲四件事：先声明、再检查、按需申请、展示结果。不要把真实分布式同步、拍照、定位这类业务流程混进权限入门页。 本 Demo 复用项目已经声明的 ohos.permission.DISTRIBUTEDDATASYNC，只演示权限申请和状态反馈，不执行真实同步。 交互预期 点击“检查权限”，页面显示当前权限是否已授权 权限页只讲四件事：先声明、再检查、按需申请、展示结果。不要把真实分布式同步、拍照、定位这类业务流程混进权限入门页。 本 Demo 复用项目已经声明的 ohos.permission.DISTRIBUTEDDATASYNC，只演示权限申请和状态反馈，不执行真实同步。 交互预期 点击“检查权限”，页面显示当前权限是否已授权
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签