- 这篇我们单独看 Radio。 Radio 最适合互斥选择:一组选项里只能选一个。新手很容易把它和 Checkbox 混着用,结果页面看起来能多选,实际业务又只认一个值,用户就会迷糊。 所以这个 Demo 不写表单提交,也不讲状态刷新。我们先把 Radio 自己的边界看清楚:同组单选、默认选中、样式颜色和禁用态。 参考文 这篇我们单独看 Radio。 Radio 最适合互斥选择:一组选项里只能选一个。新手很容易把它和 Checkbox 混着用,结果页面看起来能多选,实际业务又只认一个值,用户就会迷糊。 所以这个 Demo 不写表单提交,也不讲状态刷新。我们先把 Radio 自己的边界看清楚:同组单选、默认选中、样式颜色和禁用态。 参考文
- 这篇我们单独看 Checkbox。 上一篇 Toggle 里已经见过 Checkbox 形态,但那只是为了分清几种开关外观。这一篇不绕了,我们就盯着真正的 Checkbox 组件:单个勾选、多个独立选择、颜色和禁用态。 先说清楚边界:这篇不讲成组管理,也不做全选、反选、列表刷新和表单提交。那些内容以后会放到对应章节。我 这篇我们单独看 Checkbox。 上一篇 Toggle 里已经见过 Checkbox 形态,但那只是为了分清几种开关外观。这一篇不绕了,我们就盯着真正的 Checkbox 组件:单个勾选、多个独立选择、颜色和禁用态。 先说清楚边界:这篇不讲成组管理,也不做全选、反选、列表刷新和表单提交。那些内容以后会放到对应章节。我
- 这篇我们写 TextArea。它看起来只是 TextInput 的多行版本,但真放到页面里,问题会马上冒出来:高度被撑乱、字数没边界、滚动条不好看、禁用态像还能编辑。 所以这个案例不做评论发布,也不做草稿保存。我们只把多行输入框本身处理顺:占位提示、字数计数、最多行数、滚动条、高度适配和禁用态。 参考文档: https 这篇我们写 TextArea。它看起来只是 TextInput 的多行版本,但真放到页面里,问题会马上冒出来:高度被撑乱、字数没边界、滚动条不好看、禁用态像还能编辑。 所以这个案例不做评论发布,也不做草稿保存。我们只把多行输入框本身处理顺:占位提示、字数计数、最多行数、滚动条、高度适配和禁用态。 参考文档: https
- 随着企业资产规模持续扩大,固定资产管理正从手工台账与分散表格,逐步转向系统化、自动化的管理平台。无论是制造企业的生产设备、研发机构的仪器仪表,还是数据中心的服务器与线缆,资产数量多、分布广、变动频繁,给盘点与账实核对带来不小压力。本文围绕2026年的市场情况,对几类常见的固定资产管理系统做功能梳理与对比,供正在选型的企业参考 随着企业资产规模持续扩大,固定资产管理正从手工台账与分散表格,逐步转向系统化、自动化的管理平台。无论是制造企业的生产设备、研发机构的仪器仪表,还是数据中心的服务器与线缆,资产数量多、分布广、变动频繁,给盘点与账实核对带来不小压力。本文围绕2026年的市场情况,对几类常见的固定资产管理系统做功能梳理与对比,供正在选型的企业参考
- 这篇我们写 TextInput。输入框很小,但它特别容易暴露页面粗糙感:占位文字太重、键盘类型不对、密码框没有眼睛图标、错误态只靠用户自己猜。 所以这个案例不做完整登录页,也不讲状态管理。我们先把输入框本体看清楚:普通输入、手机号、邮箱、验证码、密码、错误态和禁用态。 参考文档: https://developer.h 这篇我们写 TextInput。输入框很小,但它特别容易暴露页面粗糙感:占位文字太重、键盘类型不对、密码框没有眼睛图标、错误态只靠用户自己猜。 所以这个案例不做完整登录页,也不讲状态管理。我们先把输入框本体看清楚:普通输入、手机号、邮箱、验证码、密码、错误态和禁用态。 参考文档: https://developer.h
- 这次我们只看 Button。不写登录,不写提交,也不弹窗,先把按钮本身讲明白。 按钮最怕什么?一排全是蓝色,一眼看过去每个都像主操作。用户不知道该点哪个,后面逻辑写得再漂亮也白搭。 所以这个案例只做几种按钮:主按钮、次按钮、危险按钮、弱按钮、整行按钮、并排按钮和禁用态。 参考文档: https://developer. 这次我们只看 Button。不写登录,不写提交,也不弹窗,先把按钮本身讲明白。 按钮最怕什么?一排全是蓝色,一眼看过去每个都像主操作。用户不知道该点哪个,后面逻辑写得再漂亮也白搭。 所以这个案例只做几种按钮:主按钮、次按钮、危险按钮、弱按钮、整行按钮、并排按钮和禁用态。 参考文档: https://developer.
- 这篇我们聊 Image。图片这东西看着简单,真写页面时经常出事:不是路径错了,就是比例歪了,要么封面一铺满就把重点裁没了。 所以这个案例不做花活,只把四种来源放到一页里:media、rawfile、SVG、网络图。最后再看一眼 Contain、Cover、Fill 到底差在哪。 用本地资源是为了稳定,用网络图是为了贴近 这篇我们聊 Image。图片这东西看着简单,真写页面时经常出事:不是路径错了,就是比例歪了,要么封面一铺满就把重点裁没了。 所以这个案例不做花活,只把四种来源放到一页里:media、rawfile、SVG、网络图。最后再看一眼 Contain、Cover、Fill 到底差在哪。 用本地资源是为了稳定,用网络图是为了贴近
- 今天我们写一个很小的 RichEditor。它能编辑图文内容,但我们先不做 Markdown、不做 HTML 转换,也不做保存。 官方文档里也把边界说得很清楚:只是展示图文时,可以先考虑 Text 或 RichText;用户真的要编辑图文内容时,再上 RichEditor。这个 Demo 就按这个边界来。 先准备控制器 今天我们写一个很小的 RichEditor。它能编辑图文内容,但我们先不做 Markdown、不做 HTML 转换,也不做保存。 官方文档里也把边界说得很清楚:只是展示图文时,可以先考虑 Text 或 RichText;用户真的要编辑图文内容时,再上 RichEditor。这个 Demo 就按这个边界来。 先准备控制器
- 今天我们先不急着写编辑器。富文本只是“带样式的内容”,展示和编辑是两件事。 这个 Demo 放了四种选择:Text + Span、StyledString、RichText(HTML) 和 RichEditor。我们先把边界看清楚,后面写代码会少走很多弯路。 少量样式:Text + Span 如果只是几个重点词、一个标 今天我们先不急着写编辑器。富文本只是“带样式的内容”,展示和编辑是两件事。 这个 Demo 放了四种选择:Text + Span、StyledString、RichText(HTML) 和 RichEditor。我们先把边界看清楚,后面写代码会少走很多弯路。 少量样式:Text + Span 如果只是几个重点词、一个标
- 今天我们看 StyledString。它适合把文字、局部样式、段落规则,甚至图片附件,放进同一个字符串对象里管理。 如果只是几段静态文字,Text + Span 已经够用。StyledString 更适合内容本身需要带样式流转的场景,比如从编辑器拿到一段内容,再交给 Text 展示。 先准备一个 TextControl 今天我们看 StyledString。它适合把文字、局部样式、段落规则,甚至图片附件,放进同一个字符串对象里管理。 如果只是几段静态文字,Text + Span 已经够用。StyledString 更适合内容本身需要带样式流转的场景,比如从编辑器拿到一段内容,再交给 Text 展示。 先准备一个 TextControl
- 今天我们把长文本收一收,让页面先给用户一个能扫读的摘要,而不是把整段内容直接铺满屏幕。 这个 Demo 只做一件事:用 maxLines、textOverflow 和 ellipsisMode 控制长文展示,再用一个很小的状态切换“展开 / 收起”。状态这里只是为了让按钮能动起来,我们不在这篇展开讲状态管理。 先做两行 今天我们把长文本收一收,让页面先给用户一个能扫读的摘要,而不是把整段内容直接铺满屏幕。 这个 Demo 只做一件事:用 maxLines、textOverflow 和 ellipsisMode 控制长文展示,再用一个很小的状态切换“展开 / 收起”。状态这里只是为了让按钮能动起来,我们不在这篇展开讲状态管理。 先做两行
- 今天我们继续把 Text 这篇补完整:不只让文字显示出来,还要让一句话里的重点、小标签、小图标都能自然地排在一起。 页面里最常见的问题不是“没有文字”,而是文字都长一个样。标题不像标题,说明太抢眼,关键字没有重点,小图标还被单独塞进 Row 里,最后越写越乱。 这篇我们只盯文本本身。Text 管整段文字,Span 管局 今天我们继续把 Text 这篇补完整:不只让文字显示出来,还要让一句话里的重点、小标签、小图标都能自然地排在一起。 页面里最常见的问题不是“没有文字”,而是文字都长一个样。标题不像标题,说明太抢眼,关键字没有重点,小图标还被单独塞进 Row 里,最后越写越乱。 这篇我们只盯文本本身。Text 管整段文字,Span 管局
- 随着企业数字化转型的深入,RFID技术在资产管理领域的应用持续扩展。2026年,RFID资产管理系统在读写效率、标签兼容性、数据实时同步等方面均有显著进步,企业在选型时需要从技术架构、行业适配度、部署方式等多维度进行评估。本文围绕当前市场上主流的RFID资产管理厂商展开分析,为IT运维及资产管理团队提供选型参考。一、RFID资产管理系统选型需关注的核心维度选型过程中,有几个技术指标值得重点关... 随着企业数字化转型的深入,RFID技术在资产管理领域的应用持续扩展。2026年,RFID资产管理系统在读写效率、标签兼容性、数据实时同步等方面均有显著进步,企业在选型时需要从技术架构、行业适配度、部署方式等多维度进行评估。本文围绕当前市场上主流的RFID资产管理厂商展开分析,为IT运维及资产管理团队提供选型参考。一、RFID资产管理系统选型需关注的核心维度选型过程中,有几个技术指标值得重点关...
- 今天我们用一个小页面把沉浸式顶部讲清楚:背景可以铺进状态栏区域,但文字和按钮别跟着挤上去。 沉浸式布局最容易被误解成“把所有东西都顶到屏幕最上面”。这其实很危险。真正该上去的是背景、图片、色块这类装饰层;标题、按钮、正文这些可读内容,还是要留出安全距离。 第一块先看普通顶部布局。它规整、稳妥,适合大多数工具页。但如果设 今天我们用一个小页面把沉浸式顶部讲清楚:背景可以铺进状态栏区域,但文字和按钮别跟着挤上去。 沉浸式布局最容易被误解成“把所有东西都顶到屏幕最上面”。这其实很危险。真正该上去的是背景、图片、色块这类装饰层;标题、按钮、正文这些可读内容,还是要留出安全距离。 第一块先看普通顶部布局。它规整、稳妥,适合大多数工具页。但如果设
- 今天我们不做性能压测,只把几种常见布局写法摆在一起看:什么时候该少套一层,什么时候该抽一个 Builder。 初学 ArkUI 时,很容易一看到对齐问题就继续套 Row、Column。这样能写出来,但代码读起来会越来越绕。我们先看一个过度嵌套的小块,再看一个更扁平的写法。 第一块故意写得偏绕。只是标题、描述和一点说明, 今天我们不做性能压测,只把几种常见布局写法摆在一起看:什么时候该少套一层,什么时候该抽一个 Builder。 初学 ArkUI 时,很容易一看到对齐问题就继续套 Row、Column。这样能写出来,但代码读起来会越来越绕。我们先看一个过度嵌套的小块,再看一个更扁平的写法。 第一块故意写得偏绕。只是标题、描述和一点说明,
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签