引擎:UI

一、控件介绍

Button 按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式

绑定点击事件

EditBox 输入框

Layout 布局

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

PageView 页面视图

ProgressBar 进度条

RichText 富文本

绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView 滚动视图

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

案例1

案例2

Slider 滑动器

Toggle 复选框

ToggleGroup 单选框

VidoPlayer 播放器

WebView 网页视图

Widget 对齐

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

Mask 遮罩

托头像到空节点中

给父组件添加遮罩组件

效果

二、控件动画

创建动画片段

制作动画正向

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

制作反向动画

绑定使用动画

脚本控制动画

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

注意事项

默认不勾选

绑定脚本

三、实战案例

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

相关推荐
默子昂11 小时前
ollama 自定义ui
开发语言·python·ui
星栈独行12 小时前
Makepad 应用如何读文件、调接口、保存数据
前端·程序人生·ui·rust·github
wuhuhuan12 小时前
playwright-getByAltText
ui·playwright
狼哥168621 小时前
《新闻资讯》四、视频模块实现指南
ui·华为·音视频·harmonyos
为何创造硅基生物21 小时前
LVGL
c++·ui
星栈独行1 天前
Rust + Makepad 应用怎么打包发布:Windows、macOS、Linux 全平台交付
windows·程序人生·macos·ui·rust
Mr..Jackey1 天前
瑞佑 RUI Builder 图形化 UI 设计工具
arm开发·人工智能·单片机·ui·人机交互·ra8889·lcd控制芯片
狼哥16861 天前
《新闻资讯》二、公共能力层模块实现指南
ui·华为·harmonyos
挂科边缘1 天前
MonkeyQt组件库,基于 PySide6 搭建的 UI 组件库,68种主题样式
ui·pyside6·monkeyqt
namexingyun2 天前
开源前端生态如何成为 AI UI 生成的“燃料“:shadcn/ui、Tailwind CSS、Storybook 技术价值全解剖
java·前端·人工智能·python·ui·开源·ai编程