精准编辑器

在设计面板中，高精度编辑器可根据你的个性化需求，对选中的元素进行精细化调整，提供全方位的设计控制权：

• 布局： 调整位置与间距

• 尺寸： 通过精确数值修改大小

• 文本： 编辑字体属性与格式

• 图层样式： 调整图层不透明度

• 填充： 自定义背景色或背景图

• 描边： 自定义边框样式

• 交互： 按需为元素设置交互效果

1. 编辑布局

可在选项中修改显示模式、弹性方向、换行方式、对齐与分布方式等参数。

2. 编辑尺寸

选中元素或独立文本后，在尺寸输入框中填写像素值，即可修改其大小。

3. 编辑文本

• 选中元素，即可修改其文本的排版样式。

• 在下拉菜单中选择字体。

可直接输入 RGB 色值（如 rgb(45,45,45)）、十六进制色值（如 #FF00FF），或使用颜色选择器设置字体颜色。

4. 编辑图层样式

在图层样式中，可将选中元素的不透明度设置为 0～1 之间的数值。

5. 编辑填充

可输入 RGB 色值（如 rgb(45,45,45)）、十六进制色值（如 #FF00FF），使用颜色选择器，或选择渐变效果，为选中元素填充背景。

点击【图片】按钮，可自定义背景图片。

6. 编辑描边

在描边面板中输入数值，可自定义选中元素的圆角大小。

在下拉菜单中选择不同的边框样式。

7. 编辑交互

如需为生成的页面设置用户交互效果（如点击、输入、鼠标移动等），可在交互面板中为不同元素编辑对应属性。

在设计面板中，精准编辑器能助你打造专业的 UI 项目。立即体验，感受高效精细的设计能力！