Axure RP 原型设计实践(Web+APP)
上QQ阅读APP看书,第一时间看更新

3.10 元件操作

选中元件后,元件一般都在各个角带有8个小矩形方块,一个黄色倒三角形和一个灰色小圆点,如选中一个矩形元件选中后,效果如图3-51所示。

图3-51 矩形元件被选中时

内容如下。

1.左上角黄色倒三角形

当选择左上角的“”(黄色倒三角形)图标,并进行拖动,可设置该矩形元件的圆角弧度,也可通过“检视”面板的“样式”选项卡的“圆角半径”属性进行设置。

2.右上角灰色圆点

当单击右上角的“”(灰色圆点)图标时,可将元件设置为默认形状或自定义形状。也可通过“检视”面板的“属性”选项卡的“选择形状”属性,将元件设置为默认形状或自定义形状。

3.1~4号小矩形

可将鼠标移动到号的小矩形位置,当鼠标变成双向箭头,并显示元件的 X 轴坐标、Y 轴坐标、高度和宽度时进行拖动,可缩放矩形元件的高度和宽度。双击这 4 个小矩形,可将矩形缩放到适应当前文本大小。

4.5号和7号小矩形

可将鼠标移动到号的小矩形位置,并显示元件的 X 轴坐标、Y 轴坐标、高度和宽度时进行拖动,可缩放矩形元件的宽度。双击这两个小矩形,可将矩形缩放到适应当前文本宽度。

5.6号和8号小矩形

可将鼠标移动到号的小矩形位置,并显示元件的 X 轴坐标、Y 轴坐标、高度和宽度时进行拖动,可缩放矩形元件的高度。双击这两个小矩形,可将矩形缩放或者到适应当前文本高度。

6.〈Shift〉和1~4号小矩形

可将鼠标移动到号的任何小矩形位置,待鼠标变成双向箭头后,同时按住〈Shift〉键进行操作,可对矩形、图片等元件进行等比缩小或放大,操作时对角矩形的位置将保持不变。

7.〈Ctrl〉和1~4号小矩形

可将鼠标移动到号的小矩形位置后,待鼠标变成旋转形状后,同时按住〈Ctrl〉键,可对矩形和图片等元件进行旋转操作。