原型库网站—讲师金乌原创发布，可自由转载，请注明出处！

Axure中文官网：www.AxureRP.cn

《AxureRP7.0部件详解》

图片/Image

图片部件可以用来添加图片和插图显示你的设计理念，产品，照片，或更多。

自定义图片按钮

使用图片部件来添加一个自定义图片按钮，然后像给形状按钮添加交互一样，添加鼠标点击、悬停等响应

导入图片和自动大小

拖拽一个图片部件到设计区域并双击导入图片.支持常见图片格式:GIF，JPG，PNG，BMP。
当询问你是否自动调整图片大小时，点击是将图片设置为原始大小，点击否图片将设置为当前部件的大小。

粘贴图片

图片还可以从常用的图表，图形工具和演示工具中复制粘贴到Axure中。
当我们从CSV 或 Excel 复制内容时，可使用右键，选择粘贴为图片/表格/纯文本；或直接Ctrl + V，在弹出的对话框中选择。

添加&编辑图片文字

你可以给导入的图片添加编辑文字，双击导入图片后，右键点击图片选择 编辑文字；还可以给添加的文字编辑样式，如颜色、大小、字体等。

保持比例缩放图片

按住Shift键，同时用鼠标拖动图片部件边角的小手柄，可以按纵横比例缩放图片。

图片交互样式

图片可以添加交互样式，如：鼠标悬停时，鼠标按下时，选中时和禁用时。右键点击图片，并选择 交互样式 或者在 部件属性面板中，都可以进行设置。当添加完交互样式后，在图片的右上角会出现一个黑白色组成的小方块，鼠标悬停在小方块上可以预览交互效果。

图片选择组

和单选按钮组相似，图片也可以被分配到图片选择组，当选择组中的图片设置了选中样式后，点选其中一张图片其他图片都会被设置为默认样式。
要将图片设置到选择组，先选择图片，右键 -- 指定选择组或在部件属性面板底部设置选项组名称。

分割/裁切图片

图片部件可以被水平或垂直的裁切，这样可以非常方便的处理导入的截图
分割 Slice: 将图片分割成多个水平或垂直的部分
裁剪 Crop: 选择你想保留的图片区域
右键点击图片 -- 选择分割/裁切图片，或在部件属性面板中选择。

图片边界和圆角

图片可以通过选择工具栏中的线宽和线条颜色就可以添加边框。
图片也可以通过拖动部件左上角的圆角半径控制手柄，或是进入部件的样式面板设置圆角。

图片的不透明度

图片还可以调整透明度，在部件样式面板中输入不透明度即可。

图片优化

大图片会使你的RP文件增大，还会影响浏览质量，使用图片优化可以在不改变图片大小的前提下减小图片大小，但是这有可能影响图片质量。
要优化图片，右键点击图片并选择 优化图片。

常用图片交互

给图片按钮添加链接

给图片添加图片热区

突出显示图片

AxureRP7.0基础教程系列 部件详解 图片/Image