引擎:UI

一、控件介绍

Button 按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式

绑定点击事件

EditBox 输入框

Layout 布局

支持水平排列、垂直排列、背包排列

PageView 页面视图

ProgressBar 进度条

RichText 富文本

绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView 滚动视图

content大小不要调整,加个layout布局组件让其自动撑开即可

案例1

案例2

Slider 滑动器

Toggle 复选框

ToggleGroup 单选框

VidoPlayer 播放器

WebView 网页视图

Widget 对齐

在不同的设备屏幕上让内容一直靠右上角进行适配

Mask 遮罩

托头像到空节点中

给父组件添加遮罩组件

效果

二、控件动画

创建动画片段

制作动画正向

绑定动画播放完毕后要执行的脚本和传入的参数

制作反向动画

绑定使用动画

脚本控制动画

控制动画播放和显示对应图标

注意事项

默认不勾选

绑定脚本

三、实战案例

使聊天框的内容跟随文字显示

相关推荐
向夏威夷 梦断明暄39 分钟前
【GUI-Agent】阿里通义MAI-UI 代码阅读(2)--- 实现
ui
Kim.Li20 小时前
格式塔设计原则全解析:12项核心原则在 UI/UX 中的实战应用指南
ui·产品经理·ux·视觉设计·交互设计
jin1233221 天前
HarmonyOS ArkTS API 24实现声明式 UI 框架与 @Builder 组件复用模式构建三标签页智能账单应用
ui·华为·harmonyos
Getflare2 天前
前端 + UI 设计 + AI:这不是三个工种,是一个新三角能力模型(附自检清单)
前端·人工智能·ui
达子6662 天前
第9章_HarmonyOs图解 用Java开发UI
java·ui·harmonyos
<小智>2 天前
鸿蒙多功能工具箱开发实战(二十四)-单元测试与自动化测试
ui·华为·harmonyos
早点睡啊Y2 天前
深入学LangChain官方文档(二十二):Frontend 高级形态——Headless Tools、Time Travel 与 Generative UI
ui·langchain·状态模式
<小智>3 天前
鸿蒙多功能工具箱开发实战(二十)-性能优化与打包发布
ui·华为·harmonyos
薛定谔的猫-菜鸟程序员3 天前
一个 Skill 如何让大模型拥有专业 UI 能力?——ui-ux-pro-max 架构深度拆解与 Skill 设计方法论
人工智能·ui
<小智>4 天前
鸿蒙多功能工具箱开发实战(十二)-二十四节气与黄历数据展示
ui·华为·harmonyos