设计UI - Adobe xd对象介绍

矩形工具

新建矩形

操作步骤：选择矩形工具，快捷键R，鼠标在画板上拖出矩形即可。

拖动定界框周围圆形手柄，可快速调整矩形大小，也可以输入宽和高的参数对矩形大小进行改变。

移动矩形

操作步骤：选择选择工具，快捷键V，选中矩形，可任意改变位置。也可在侧边栏输入对应的坐标。

注意：按住shift键，矩形将沿相对于当前 x 轴和 y 轴的精确水平或垂直方向移动。

旋转矩形

操作步骤：选中矩形后，在定界框外出现选择图标，此时可以旋转矩形任意角度，也可以在侧边栏输入需要旋转的角度。

注意：在旋转的时候，按住shift键，旋转角度会以15°的倍数旋转。

修改圆角

操作步骤：选中矩形，在矩形框内向内拖动四周小黑点，可以快速改变圆角大小，按住alt键，可以单独修改某一个圆角大小。

也可以在侧边栏，输入数值修改圆角大小，同时支持矩形框四个角的圆角大小不同。

修改填充颜色

操作步骤：选中矩形，勾选填充，点击吸管工具，可以吸取屏幕上任意地方颜色填充，点击填充颜色可以添加纯色，线性渐变和径向渐变；

颜色输入方式可以选择Hex、HSB和RGB三种方式。

边界处理

操作步骤：选中矩形，在右侧边栏勾选边界，填充指定的颜色，也可改变边线大小，虚线以及虚线间隙;

阴影处理

操作步骤：选中矩形，在右侧边栏勾选阴影，填充指定的颜色，也可改变阴影位置及模糊度;

模糊效果

操作步骤：选中矩形，在右侧边栏勾选对象模糊，矩形框下边图层将变为模糊效果，可用于制作毛玻璃效果。

切换成对象模糊，则模糊的是矩形块本身相关参数可在侧边栏调整;

其它对象

圆形工具

新建圆形

操作步骤：选择椭圆工具，快捷键E，鼠标在画板上拖出圆形即可。

按住shift可保证拖出为正圆形，按住alt键，保持中点位置不变。

圆形变换

操作步骤：选择选择工具，快捷键V，双击圆形，出现锚点，可以用鼠标拖动锚点，可任意变换形状，点击线上空白地方可添加锚点。

也可以点击锚点，按del键删除锚点。

多边形工具

新建多边形

操作步骤：选择多边形工具，快捷键Y，鼠标在画板上拖出多边形即可。按住shift可拖出正多边形。

拖出后，在右侧边栏，可更改多边形边数，以及圆角大小。

直线工具

新建直线

操作步骤：选择直线工具，快捷键L，鼠标在画板上拖出直线即可。

如果在绘制直线的同时按住Shift键，则可以以固定的角度绘制直线；如果鼠标从左往右拖曳，则在水平方向绘制；

如果是上下拖曳，则绘制出一条垂直线；如果是往左上、右上、左下、右下等方向拖曳，则会以45° 角的方向绘制直线。

往期 · 推荐

实时系统vxWorks - 任务（重要）

设计UI - Adobe xd画板及参考线

实时系统vxWorks - 在线调试

实时系统vxWorks - 虚拟机环境搭建

实时系统vxWorks - zynq7020移植vxWorks