引擎:UI

一、控件介绍

Button 按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式

绑定点击事件

EditBox 输入框

Layout 布局

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

PageView 页面视图

ProgressBar 进度条

RichText 富文本

绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView 滚动视图

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

案例1

案例2

Slider 滑动器

Toggle 复选框

ToggleGroup 单选框

VidoPlayer 播放器

WebView 网页视图

Widget 对齐

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

Mask 遮罩

托头像到空节点中

给父组件添加遮罩组件

效果

二、控件动画

创建动画片段

制作动画正向

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

制作反向动画

绑定使用动画

脚本控制动画

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

注意事项

默认不勾选

绑定脚本

三、实战案例

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

相关推荐
修炼前端秘籍的小帅4 天前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
王码码20354 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
2501_921930834 天前
Flutter for OpenHarmony:第三方库实战 chewie 视频播放器UI组件详解
flutter·ui
梵得儿SHI4 天前
Vue3 生态工具实战宝典:UI 组件库 + 表单验证全解析(Element Plus/Ant Design Vue/VeeValidate)
前端·vue.js·ui·elementplus·vue性能优化·antdesignvue·表单验证方案
Unity游戏资源学习屋4 天前
【Unity UI资源包】GUI Pro - Casual Game 专为休闲手游打造的专业级UI资源包
ui·unity
麻瓜呀5 天前
vue2 Element-ui框架相关常见问题-表单组件重置显示异常
运维·服务器·ui
少云清6 天前
【UI自动化测试】4_PO模式 _PO模式封装
ui·po模式
菜鸟小芯6 天前
【GLM-5 陪练式创意 UI 实战】第二篇:创意魔法盒 —— 从 “开心” 到 “科技感”,AI 驱动的 UI 风格迭代
科技·ui