标签 二级标签 作用 特殊属性 备注
Window 窗口 draggable=false 禁止拖动 它可以用来显示信息、交互组件或应用程序的内容。
Img 图片 显示各种格式的图像,如 JPEG、PNG 等。
$lib:index-count 动画播放
interval 动画播放间隔 /毫秒
播放次数 未实现
Div 容器(不可滑动) 用于定义文档中的区块内容。它是一个通用的容器
Label 文本标签 text 内容
-unity-text-align 对齐
简写:uta
UpperLeft UpperCenter UpperRight MiddleLeft
MiddleCenter MiddleRight LowerLeft LowerCenter
LowerRight
Rich 富文本 一种可以包含多种格式的文本(如字体、颜色、大小、链接等)。
Button 按钮 bg-press 按下图 按钮是一个可点击的控件,通常用来触发某个动作
bg-hover 经过图
TextField 文本输入框 placeholder-text 提示符 文本字段是一个可编辑的文本区域,通常用于接收用户输入的单行或多行文本。
GroupBox 单选框组 通常用于将一组相关的控件(如按钮、文本框、复选框等)组织在一起
RadioButton 单选框
Toggle 多选框
ShapedButton 异形按钮
ListView 列表 Fixed-item-height 固定元素高度
SlideListView 滑动列表
SlideScrollView 滑动容器
ProgressBar 进度条
ItemBox 物品输入框 change-evt=”@xxx” 物品改变事件 可将背包中道具、装备等物品放置在这个UI组件中
item-id 物品唯一ID
ItemIcon scale 缩放
ItemShow 物品展示框 item-name 物品名 用于展示道具、装备等物品的UI组件
item-id 物品唯一ID
ItemIcon scale 缩放
ItemAmount text 文本
ItemName text 文本
Alter 刷新父层下的所有内容
Update 修改某个标签属性
Delete 删除某个标签内容
New 创建新的带路径的内容 默认NPC框路径:#DialogsLayer > #NPCDialog ># DefaultWindow
自定义框路径:”#DialogsLayer > #NPCDialog > #自命名
Operation 包含的所有内容都可操作

itembox OK框筛选说明: tag-filter=”” type-filter=”1” uid-filter=”强效太阳水”
tag 支持 & type 和 uid 不支持
物品数据中的tag字段 用于物品分类

通用属性 作用 示范 备注
name 元素名 name = “ThisName”
picking-mode 点击模式 Ignore 穿透 Position 可点击
x 坐标x x = “10px”
y 坐标y y = “10px”
r 右坐标 right = “10px”
b 底坐标 bottom = “10px”
w 宽度 width = “10px”
h 高度 height = “10px”
bg 背景图 bg-image = “XX/XX/XX.png” lib文件内图片使用 $文件路径#图片序号
bg-color 背景颜色 bg-color=”#000000”
font-size 字体大小 font-size = “10px”
font-color 字体颜色 font-color = “#FFFFFF”
display 隐藏显示 display=”flex” / display=”none” None 不显示 Flex 显示
click 点击事件 click = “@事件名称#参数#”例如: click=”@SayHello#’华仔’”
border-w 容器边线宽度 border-w = “3”
border-c 容器边线颜色 border-w = “#330000”
lib 统一设置素材文件 设置了lib时 bg 只需要填序号
style 样式,跟属性兼容,填法不同 style=”x:50%; y:50%; translate:-50% -50%;” 每个属性之间用 ;隔开
slice 九宫格裁剪比例 slice=”10 10 10 10”
translate 偏移 translate=”50px 50px”
scale 缩放当前元素 scale=”50% 50%”
transform-origin 锚点 transform-origin=”50% 50%”
overflow 溢出隐藏 Visible 显示 Hidden 隐藏
padding-top 边框像素上 padding-top: 22px; 控制元素顶部内容与其边框之间的距离
padding-bottom 边框像素下 padding-bottom=”15px”控制元素底部内容与其边框之间的距离
padding-left 边框像素左 padding-left=”15px”元素左侧内容与其边框之间的距离
padding-right 边框像素右 padding-right=”15px”元素右侧内容与其边框之间的距离
-unity-slice-left 九宫格自适应拉伸—左
-unity-slice-right 九宫格自适应拉伸—右
-unity-slice-top 九宫格自适应拉伸—上
-unity-slice-bottom 九宫格自适应拉伸—下

– 富文本框 Rich 允许 直接使用 富文本标签和<链接/@链接>标签 里面没有坐标
– 富文本标签 https://docs.unity3d.com/Manual/UIE-supported-tags.html#style

作者:admin  创建时间:2025-03-13 16:01
最后编辑:admin  更新时间:2025-08-20 18:55