引擎:UI

一、控件介绍

Button 按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式

绑定点击事件

EditBox 输入框

Layout 布局

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

PageView 页面视图

ProgressBar 进度条

RichText 富文本

绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView 滚动视图

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

案例1

案例2

Slider 滑动器

Toggle 复选框

ToggleGroup 单选框

VidoPlayer 播放器

WebView 网页视图

Widget 对齐

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

Mask 遮罩

托头像到空节点中

给父组件添加遮罩组件

效果

二、控件动画

创建动画片段

制作动画正向

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

制作反向动画

绑定使用动画

脚本控制动画

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

注意事项

默认不勾选

绑定脚本

三、实战案例

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

相关推荐
rjc_lihui1 小时前
IntelliSense: 无法打开 源 文件 “ui_mainwindow.h“ demo\qtdemosrc\mainwindow
ui
老星*20 小时前
Lucide Icons:开源、轻量、设计师友好的现代图标库
ui·开源·github
Swift社区21 小时前
AI 驱动 UI:鸿蒙 ArkUI 的新可能
人工智能·ui·harmonyos
Feng-licong1 天前
告别手写 UI:当 Google Stitch 遇上 Flutter,2026 年的“Vibe Coding”开发流
flutter·ui
一字白首1 天前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
Rabbit_QL2 天前
【前端UI行话】前端 UI 术语速查表
前端·ui·状态模式
console.log('npc')2 天前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
田里的水稻2 天前
EI_openclaw_UI交互
人工智能·ui·机器人
NGBQ121382 天前
Adobe-Photoshop-2026-27.4.0.15-m0nkrus 全解析:专业图片处理软件深度指南
ui·adobe·photoshop
mxwin2 天前
Unity Shader UI 流光效果完全推导指南
ui·unity·游戏引擎·shader·uv