- 今天我们做一个输入事件观察页,看 onTouch、onHover、onMouse 和 onKeyEvent 分别适合什么。 同一个页面在手机、平板、2in1 设备上,输入来源可能完全不同。手指更关心触摸动作,鼠标有悬停和按键,键盘还要先处理焦点。我们先用最小 Demo 看清楚它们的差别。 参考文档: https://d 今天我们做一个输入事件观察页,看 onTouch、onHover、onMouse 和 onKeyEvent 分别适合什么。 同一个页面在手机、平板、2in1 设备上,输入来源可能完全不同。手指更关心触摸动作,鼠标有悬停和按键,键盘还要先处理焦点。我们先用最小 Demo 看清楚它们的差别。 参考文档: https://d
- 今天我们先用一个小页面,把 ArkUI 里最基础的交互边界跑一遍:按钮点击、卡片点击、禁用态和点击区域。 交互响应不是“能点就行”。新手最容易犯的错,是把所有动作都塞进 onClick,然后让用户猜哪里能点、点了会发生什么。我们这篇先不碰复杂手势,只把最普通的点击关系摆清楚。 参考文档: https://develop 今天我们先用一个小页面,把 ArkUI 里最基础的交互边界跑一遍:按钮点击、卡片点击、禁用态和点击区域。 交互响应不是“能点就行”。新手最容易犯的错,是把所有动作都塞进 onClick,然后让用户猜哪里能点、点了会发生什么。我们这篇先不碰复杂手势,只把最普通的点击关系摆清楚。 参考文档: https://develop
- 这一篇我们只看 clipShape。它的作用很直接:把一个组件按指定形状裁掉。图片可以裁,文本标签可以裁,卡片也可以裁。 Demo 里有三种常见用法 第一种是圆形裁剪。头像、入口图标、圆形徽章,都可以用 CircleShape。 第二种是圆角矩形。我们用 RectShape 裁图片和标签。它适合那些“只想把边角收一下” 这一篇我们只看 clipShape。它的作用很直接:把一个组件按指定形状裁掉。图片可以裁,文本标签可以裁,卡片也可以裁。 Demo 里有三种常见用法 第一种是圆形裁剪。头像、入口图标、圆形徽章,都可以用 CircleShape。 第二种是圆角矩形。我们用 RectShape 裁图片和标签。它适合那些“只想把边角收一下”
- 本文详解RFID盘点任务编排全流程:从多库房并发调度、任务状态机(创建→分配→执行→复核→归档),到漏盘补发、差异闭环与复核机制,助力大型资产盘点告别混乱,实现常态化、可追溯的高效管理。 本文详解RFID盘点任务编排全流程:从多库房并发调度、任务状态机(创建→分配→执行→复核→归档),到漏盘补发、差异闭环与复核机制,助力大型资产盘点告别混乱,实现常态化、可追溯的高效管理。
- 这一篇我们看 Path。如果一个图形已经不是圆、线、矩形能舒服表达的样子,就别再用一堆布局硬拼了,直接写路径会更干净。 commands 是重点 Path 的核心是 commands。你可以先记住几个常用字母: M:移动到某个点。 L:连线到某个点。 C:画三次贝塞尔曲线。 Z:闭合当前路径。 Demo 第一块用 M 这一篇我们看 Path。如果一个图形已经不是圆、线、矩形能舒服表达的样子,就别再用一堆布局硬拼了,直接写路径会更干净。 commands 是重点 Path 的核心是 commands。你可以先记住几个常用字母: M:移动到某个点。 L:连线到某个点。 C:画三次贝塞尔曲线。 Z:闭合当前路径。 Demo 第一块用 M
- 这一篇我们把几何图形单独拎出来。Rect、Circle、Ellipse、Line、Polyline、Polygon 都不难,但它们能解决很多“小地方不好看”的问题。 Demo 里先分两类 第一类是基础形状:矩形、圆、椭圆。它们适合做背景块、图标底、状态点。第二类是线和点集:直线、折线、多边形。它们更适合做分隔、走势、徽 这一篇我们把几何图形单独拎出来。Rect、Circle、Ellipse、Line、Polyline、Polygon 都不难,但它们能解决很多“小地方不好看”的问题。 Demo 里先分两类 第一类是基础形状:矩形、圆、椭圆。它们适合做背景块、图标底、状态点。第二类是线和点集:直线、折线、多边形。它们更适合做分隔、走势、徽
- 今天我们先不碰复杂绘图,只把 Shape 当成一块轻量画板来用。页面里那些小背景、小标识、小装饰线,如果每次都切图,维护起来会很累;用 Shape 直接画,很多时候更省事。 先看这个页面画了什么 这个 Demo 分成四块: 第一块把 Rect、Circle、Path 放进同一个 Shape 里,先建立“容器 + 子图形 今天我们先不碰复杂绘图,只把 Shape 当成一块轻量画板来用。页面里那些小背景、小标识、小装饰线,如果每次都切图,维护起来会很累;用 Shape 直接画,很多时候更省事。 先看这个页面画了什么 这个 Demo 分成四块: 第一块把 Rect、Circle、Path 放进同一个 Shape 里,先建立“容器 + 子图形
- 做一个定时推送数据的小功能时,我改变思路:先想失败场景再写代码,针对超时、空数据、重复推送加重试和幂等判断,并统一日志格式便于排查。上线后确实靠日志快速定位过一次告警。本文记录这半小时的投入带来的心得:把简单的事情做稳定,比炫技更重要,稳定本身就是一种能力。 做一个定时推送数据的小功能时,我改变思路:先想失败场景再写代码,针对超时、空数据、重复推送加重试和幂等判断,并统一日志格式便于排查。上线后确实靠日志快速定位过一次告警。本文记录这半小时的投入带来的心得:把简单的事情做稳定,比炫技更重要,稳定本身就是一种能力。
- 本文剖析RFID盘点识别率骤降的根因,聚焦读写器(频段/天线/接口)、标签(抗金属/粘贴位置)选型与现场调优(功率/Q值/天线轮询)三大关键,强调基线测试驱动参数优化,助项目从POC平稳走向批量落地。 本文剖析RFID盘点识别率骤降的根因,聚焦读写器(频段/天线/接口)、标签(抗金属/粘贴位置)选型与现场调优(功率/Q值/天线轮询)三大关键,强调基线测试驱动参数优化,助项目从POC平稳走向批量落地。
- 资产管理系统的权限,往往比想象中复杂。资产有金额、有归属部门,集团型企业还要区分各分子公司之间的数据边界。权限设计如果只做了登录校验,同账号跨部门看到全部资产、角色调整要改代码,这类问题迟早暴露。本文拆解权限模型的两层设计:功能权限与数据权限,并给出多组织场景的落地做法。一、权限模型的两层:能做什么与能看到什么权限要拆成两层看。功能权限回答“这个账号能用哪些菜单、能点哪些按钮”;数据权限回答... 资产管理系统的权限,往往比想象中复杂。资产有金额、有归属部门,集团型企业还要区分各分子公司之间的数据边界。权限设计如果只做了登录校验,同账号跨部门看到全部资产、角色调整要改代码,这类问题迟早暴露。本文拆解权限模型的两层设计:功能权限与数据权限,并给出多组织场景的落地做法。一、权限模型的两层:能做什么与能看到什么权限要拆成两层看。功能权限回答“这个账号能用哪些菜单、能点哪些按钮”;数据权限回答...
- 深浅色适配不是把白底改成黑底。页面里的文字、边框、按钮和状态反馈都要重新检查对比度和语义。 本篇边界 这篇只做页面局部预览,不调用全局 setColorMode,也不改应用级主题策略。真实项目里,全局深浅色切换应由产品策略、系统设置和应用配置一起决定。 WithTheme 只改变主题资源的解析方式;硬编码十六进制颜色不 深浅色适配不是把白底改成黑底。页面里的文字、边框、按钮和状态反馈都要重新检查对比度和语义。 本篇边界 这篇只做页面局部预览,不调用全局 setColorMode,也不改应用级主题策略。真实项目里,全局深浅色切换应由产品策略、系统设置和应用配置一起决定。 WithTheme 只改变主题资源的解析方式;硬编码十六进制颜色不
- 主题不是给页面换一套好看的颜色。主题令牌要回答颜色的职责:哪个是品牌主色,哪个是警示色,哪个代表确认结果,哪个承担主要正文。 本篇边界 这篇只做 CustomTheme / ThemeControl 的最小示例,不扩展成完整设计系统。示例只列 4 个常用颜色令牌,避免一开始维护一大套无人使用的 token。 交互预期 主题不是给页面换一套好看的颜色。主题令牌要回答颜色的职责:哪个是品牌主色,哪个是警示色,哪个代表确认结果,哪个承担主要正文。 本篇边界 这篇只做 CustomTheme / ThemeControl 的最小示例,不扩展成完整设计系统。示例只列 4 个常用颜色令牌,避免一开始维护一大套无人使用的 token。 交互预期
- 今天我们用 stateStyles 给按钮的不同状态配不同外观。 很多新手写按钮时,只写 normal 样式。结果按下、聚焦、禁用都差不多,用户很难判断当前控件到底能不能点、有没有被选中。stateStyles 解决的是这个视觉反馈问题。 参考文档:组件扩展 先说结论 stateStyles 适合: 按下时给反馈。 聚 今天我们用 stateStyles 给按钮的不同状态配不同外观。 很多新手写按钮时,只写 normal 样式。结果按下、聚焦、禁用都差不多,用户很难判断当前控件到底能不能点、有没有被选中。stateStyles 解决的是这个视觉反馈问题。 参考文档:组件扩展 先说结论 stateStyles 适合: 按下时给反馈。 聚
- 今天我们用 @Styles 把几组重复样式收起来。 前面我们一直在写卡片、圆角、边框、背景色。这些东西如果每个组件都复制一遍,页面很快会变得又长又烦。@Styles 的价值很直接:它只复用样式,不生成结构。 参考文档:组件扩展 先分清它和 @Builder @Builder 复用的是一段 UI: 可以有 Column、 今天我们用 @Styles 把几组重复样式收起来。 前面我们一直在写卡片、圆角、边框、背景色。这些东西如果每个组件都复制一遍,页面很快会变得又长又烦。@Styles 的价值很直接:它只复用样式,不生成结构。 参考文档:组件扩展 先分清它和 @Builder @Builder 复用的是一段 UI: 可以有 Column、
- 今天我们把 NavDestination 单独拎出来看。 Navigation 负责管栈,但真正展示内容的是 NavDestination。如果目标页只是一堆随手写进去的组件,标题、参数、返回都散在外面,后面维护会很难受。我们这次做一个最小文章列表,点进去后由目标页自己接住参数、设置标题,并负责返回。 列表页只负责选择 今天我们把 NavDestination 单独拎出来看。 Navigation 负责管栈,但真正展示内容的是 NavDestination。如果目标页只是一堆随手写进去的组件,标题、参数、返回都散在外面,后面维护会很难受。我们这次做一个最小文章列表,点进去后由目标页自己接住参数、设置标题,并负责返回。 列表页只负责选择
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签