- 博客(4)
- 收藏
- 关注
RSS订阅原创 HarmonyOS ArkTS 创建网格 Grid/GridItem：写得顺、适配稳、滚动不卡的那套方法
HarmonyOS ArkTS 网格布局(Grid/GridItem)开发指南 本文系统介绍了鸿蒙ArkTS中网格布局的核心概念和实用方法： 基本概念：Grid作为容器定义行列划分，GridItem作为单元格放置内容 核心配置：通过rowsTemplate/columnsTemplate定义行列比例(使用fr单位)，rowsGap/columnsGap设置间距 三种典型实现： 固定网格(九宫格/计算器) 可滚动网格(商品列表) 响应式网格(跨设备适配) 开发建议： GridItem内可灵活构建各种卡片布局
2025-12-19 08:56:02
226
原创 HarmonyOS ArkTS 创建瀑布流 WaterFlow：从“能跑起来”到“真正在项目里好用”的写法
本文介绍了HarmonyOS ArkTS中WaterFlow瀑布流布局的实用开发技巧。主要内容包括： WaterFlow的核心概念：多列容器+高度不等的卡片自动填充 基础实现示例：通过columnsTemplate设置两列布局，使用FlowItem构建高度不一的卡片 常见需求实现：上拉加载更多的处理方案，包括状态管理和数据追加 与Grid布局的区别：WaterFlow更适合高度不一致的卡片排列 项目实践建议：包含筛选栏、内容流和底部提示的完整结构 文章从基础到进阶，帮助开发者将WaterFlow从"
2025-12-19 08:54:17
519
原创 HarmonyOS ArkTS Stack 实战：做一个“悬浮按钮 + 遮罩弹层 + 底部菜单”的完整小项目
本文介绍了如何使用 HarmonyOS ArkTS Stack 实现一个包含悬浮按钮、遮罩弹层和底部菜单的完整小项目。文章通过一个三层结构的Demo展示了Stack的典型用法： 页面内容层（封面图+渐变遮罩+标题） 遮罩层（半透明黑色遮罩） 弹层（底部弹出菜单） 项目结构分为入口文件、主页面和两个组件文件。主页面采用大Stack作为"舞台"，包含四个部分：页面内容Column、遮罩层Rect、底部菜单FabMenu和悬浮按钮FAB。特别强调了zIndex层级控制的重要性，以及如何用Sta
2025-12-18 16:20:09
430
原创 ArkTS Text 文本组件详细指南
Text('这是一个非常长的标题，可能会换行')Text('这是摘要/副标题，较小号字体')主标题最多两行摘要始终一行在布局里弹性好、对齐规范。✔不管界面多复杂，Text 都是基础✔控制行数 / 超出方式是最重要的两个属性✔结合布局（Row/Column/Flex）使用能写出优雅结构✔别直接写硬编码颜色/大小，用设计规范或主题更易维护。
2025-12-18 16:19:15
454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人