功能简介
界面设计的属性区是用于管理UI组件属性的部分。当你在视图区选择任何组件时,该组件的详细信息和可编辑参数会自动显示在此区域。此面板允许你调整诸如样式等参数。
颜色
项 描述
填充 设置颜色,你可以执行以下操作: 更改填充颜色(可使用调色板、Hex 或 RGB 格式) 调整透明度 将自定义颜色添加到最近使用色 直接使用默认颜色image.png
边框/描边
项 描述
样式 设置边框。 实线 虚线 点线
尺寸 设置边框的粗细。
颜色 设置边框颜色,你可以执行以下操作: 更改填充颜色(可使用调色板、Hex 或 RGB 格式) 调整透明度 将自定义颜色添加到最近使用色 直接使用默认颜色image.png
文本样式
项 描述
字体 设置字体。
水平对齐方式 设置字体在文本框内的水平对齐方式。 左对齐 居中对齐 右对齐 两端对齐
颜色 设置字体颜色,你可以执行以下操作: 更改填充颜色(可使用调色板、Hex 或 RGB 格式) 调整透明度 将自定义颜色添加到最近使用色 直接使用默认颜色image.png
样式 设置字体样式: B: 加粗 I: 斜体 U: 下划线 S: 删除线
尺寸 设置文字大小(单位:px)。
垂直对齐方式 设置字体在文本框内的垂直对齐方式。 顶部 居中 底部
行高 设置文本行间距,避免拥挤或间隔过大。
阴影
项 描述
X 设置阴影的水平偏移量(X 轴):正值将阴影向右偏移,负值向左偏移。
Y 设置阴影的垂直偏移(Y 轴):正值向下移动阴影,负值向上移动阴影。
S 设置阴影的扩散程度(模糊等级):值越大,阴影越模糊且范围越广,值为 0 时,阴影边缘保持清晰。
颜色 设置阴影的颜色,你可以执行以下操作: 更改填充颜色(可使用调色板、Hex 或 RGB 格式) 调整透明度 将自定义颜色添加到最近使用色 直接使用默认颜色image.png
圆角
项 描述
角 设置圆角半径: 拖动滑块调节圆角半径。 输入具体数值调整圆角,数值越大,圆角半径越大。 点击image.png,可分别设置四个角的圆角半径数值。
位置与大小
项 描述
位置 你可以调整数值以改变组件位置。
尺寸 设置组件的长度(L)和宽度(W)。点击image.png可锁定当前宽高比;当你调整其中一个数值时,另一个数值会自动变化以保持比例。
角度 设置组件的旋转角度(单位:度)。调整支持范围为 0 到 359。
不透明度 设置组件的透明度(0–100%)。
背景
纯色
在右侧属性面板的背景样式部分,选择纯色。
在背景颜色部分选择背景色。
image.png
图片
在右侧属性面板的背景样式部分,选择图片。
点击上传图片以上传图片背景。如需更换图片,只需在同位置点击替换即可。支持的图片格式有.jpeg、.jpg、.svg 和.png,最大文件大小为 2MB。
可按如下方式调整组件内图片的显示方式:
适应:图片按比例缩放以适应动态面板,以完整显示图片内容为主。这可能会在组件周围产生边缘留白。
填充:图片按比例缩放以强制填满动态面板,图片边缘可能会被裁剪。
拉伸:非等比例拉伸图像以适应动态面板,可能导致变形或画质损失。
image.png
身份鉴权
开启后,触发组件操作需输入访问控制密码。有关密码配置方法,具体参阅:通用
在右侧属性面板中,可启用或禁用身份鉴权选项。
image.png