引擎:UI

一、控件介绍

Button 按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式

绑定点击事件

EditBox 输入框

Layout 布局

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

PageView 页面视图

ProgressBar 进度条

RichText 富文本

绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView 滚动视图

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

案例1

案例2

Slider 滑动器

Toggle 复选框

ToggleGroup 单选框

VidoPlayer 播放器

WebView 网页视图

Widget 对齐

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

Mask 遮罩

托头像到空节点中

给父组件添加遮罩组件

效果

二、控件动画

创建动画片段

制作动画正向

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

制作反向动画

绑定使用动画

脚本控制动画

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

注意事项

默认不勾选

绑定脚本

三、实战案例

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

相关推荐
类人_猿10 小时前
PhotoShop批处理
ui·photoshop·批处理·photoshop批处理
PM大明同学11 小时前
Axure PR 9 中继器 02 分页提示
ui·交互·产品经理·axure
十秒耿直拆包选手11 小时前
cmake:定位Qt的ui文件
c++·qt·ui·cmake
engchina12 小时前
使用 Vite + React 19 集成 Tailwind CSS 与 shadcn/ui 组件库完整指南
css·react.js·ui·vite·tailwind·react 19·shadcn
1024小神16 小时前
ios苹果手机使用AScript应用程序实现UI自动化操作,非常简单的一种方式
运维·ui·自动化
画月的亮1 天前
element-ui 使用过程中遇到的一些问题及解决方法
javascript·vue.js·ui
Jackson@ML2 天前
React入门 – 1. 学习React的预备知识
javascript·react.js·ui
laimaxgg2 天前
Qt常用控件之按钮QPushButton
开发语言·c++·qt·ui·qt5
小王不会写code2 天前
Element UI常用组件
javascript·vue.js·ui
招风的黑耳2 天前
数据大屏炫酷UI组件库:B端科技风格PSD资源集
科技·ui