教程 > 界面介绍 > 属性面板

属性面板

点击右侧面板的“属性”即可打开属性面板,你可以在属性面板中修改、调整工作区元素的各种属性。

因不同元素的可配置属性不同,属性面板会根据的选中对象展示不同的属性。

基本

最顶部的是对齐方式,分别有左对齐、水平居中对齐、右对齐、顶对齐、垂直居中对齐、底对齐、水平等距、垂直等距八种对齐方式。

此处展示了当前选中对象的名称,右侧三个按钮分别为隐藏组件、禁用组件和锁定。

坐标与尺寸,“W”和“H”分别对应宽度和高度,“X”和“Y”则表示横纵坐标。中间的锁形按钮为锁定宽高比功能,开启后,只能对元素的宽高进行等比例的缩放。

响应式局部是摹客原型设计的特色功能,具体的功能用法请在教程分类“响应式布局”中查看。

文本

文本属性可以用来调整文本内容的格式,相关设置有字体、字号、字色、粗体、斜体、下划线、删除线、字间距、行高、对齐方式、大小写格式、首行缩进、竖排、编号、项目符号、自动宽度等。

外形

外形属性用于调整元素的风格样式,包含了透明度、填充、边框、宽度、圆角、百分比圆角、阴影。

扩展

扩展属性主要用于调整部分组件的特殊设置,可以实现更多样式和效果的修改。


数值输入框的四则运算

属性面板的数值输入框均支持四则运算操作。在输入数值时,可使用“+”,“-”,“*”,“/”,对数值进行加减乘除运算。通过Enter提交数值后,即可得到最终的运算结果。

数值输入框的四则运算同样支持括号“()”来规范运算规则。

请注意:四则运算仅支持英文符号。

吸管工具

摹客RP的吸管工具,能够快速吸取摹客RP工作区中的色值,并应用到颜色属性中。

在浏览器中使用吸管工具必须安装插件,支持Chrome及同内核的浏览器,如“360极速浏览器” 、 “奇安信浏览器”等,安装方法详见下方的【安装插件】章节。客户端无需安装插件。


安装插件

点击拾色器中的吸管工具图标,弹出插件安装的弹窗,点击“下载”按钮。

下载完成后需解压文件,然后将文件夹放在一个永久保存的地方,切勿删除,否则会导致插件功能失效。

打开Chrome浏览器,从右上角“选项 - 更多工具”中进入“扩展程序”。

打开右上角的“开发者模式”,点击“加载已解压的扩展程序”,并选择解压得到的文件夹(直接选择文件夹即可,无需选择文件夹中的文件)即可完成安装。

如果你使用的是 “360极速浏览器” 或 “奇安信浏览器” 等Chrome内核的浏览器,虽然拓展程序的功能入口位置不同,但依然可以使用本插件。

比如在“奇安信浏览器”中,需要点击浏览器右上角菜单,依次进入更多工具  >  高级工具 ,然后点击拓展工具(Extension Tools),即可加载已解压的插件安装包了。

如果实在找不到安装入口,也可以尝试在地址栏中输入 chrome://extensions/ 来打开拓展程序的管理页面。