您当前的位置:首页 > 计算机 > 软件应用 > 其它软件

Axure RP-元件操作

时间:10-14来源:作者:点击数:

实例操作-1.添加元件名称

对每个元件命名的好处是,可提高工作效率,在画原型图中快速找到对应的元件。

将元件拖拽至右侧画布中,在右上侧的【元件样式面板】的元件名称文本框中输入元件自定义名称。

添加元件名称

实例操作-2.给矩形元件填充颜色

将矩形元件拖拽至右侧画布中,然后找到【元件样式面板】(如下图),填充方法非常简单,选中颜色就能快速填充,或者输入颜色数值都可以。

图4-元件样式面板

动图4-元件填充

实例操作-3.复制元件

方式一,选中元件,Ctrl + C复制,Ctrl + V粘贴

方式二,按住ctrl键,鼠标选中元件,按住并拖动,可以快速复制一个元件。这个快捷键非常好用,在需要大量复制元件时效率会非常高。

复制元件

实例操作-4.设置元件位置/尺寸

元件的位置和尺寸可以通过鼠标拖拽调整,也可以在元件样式中进行输入调整。

X:指元件在画布中x轴的坐标值。

Y:指元件在画布中y轴的坐标值。

W:指元件的宽度值。

H:值元件的高度值。

在输入数值调整元件尺寸时,鼠标可以点击这个标志,让元件锁定宽高比例

按比例修改元件图像尺寸

实例操作-5.设置元件的默认角度

需要改变角度的元件,按住Ctrl的同时,用鼠标拖拽元件节点到合适的角度,或者也可以在元件的样式中输入角度数值进行设置。

设置元件默认角度

实例操作-6.切割/裁剪图片

在图片的元件属性中,设有切割和剪裁功能的图标,单击即可使用相应功能。

【切割】将图片进行水平与垂直的切割,将图片分割开。

【裁剪】裁剪分为裁剪,剪切,复制。其中:裁剪只保留被选中区域;剪切是将选中部分从原图上扣掉剪切到系统的剪贴板上;复制是将选取的部分复制,对原图没有影响。

(1)切割 Ctrl+Shift+Alt+S

元件图片切割动图操作

(2)裁剪 Ctrl+Shift+Alt+C

实例操作-7.设置元件阴影

用于增加原型的保真程度,提高页面整体的美观度。

选中元件,通过右侧的【样式面板】为形状元件添加各种阴影,可以自由设置阴影的投影位置、大小、颜色以及模糊程度。

设置元件阴影

实例操作-7.组合/取消组合元件

通过快捷键功能图标或者右键菜单可以将多个组件合到一起,达到共同移动/选取/添加等操作。自合/取消组合的快捷键为Ctrl+GCtrl+Shift+G

元件组合操作

实例操作-8.设置形状或者圆角

可以通过拖动元件左上方的原点图标进行调整,也可以在元件样式中设置圆角半径来实现。

图4-设置圆角

动图4-设置圆角

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门