标签：axure教程 axure基础教程 axurerp7教程
原型库网站—讲师金乌原创发布，可自由转载，请注明出处！
Axure中文官网：www.AxureRP.cn
《AxureRP7.0部件详解》
图片/Image
图片部件可以用来添加图片和插图显示你的设计理念，产品，照片，或更多。
自定义图片按钮
使用图片部件来添加一个自定义图片按钮，然后像给形状按钮添加交互一样，添加鼠标点击、悬停等响应
导入图片和自动大小
拖拽一个图片部件到设计区域并双击导入图片.支持常见图片格式:GIF，JPG，PNG，BMP。
当询问你是否自动调整图片大小时，点击是将图片设置为原始大小，点击否图片将设置为当前部件的大小。
粘贴图片
图片还可以从常用的图表，图形工具和演示工具中复制粘贴到Axure中。
当我们从CSV 或 Excel 复制内容时，可使用右键，选择粘贴为图片/表格/纯文本；或直接Ctrl + V，在弹出的对话框中选择。
添加&编辑图片文字
你可以给导入的图片添加编辑文字，双击导入图片后，右键点击图片选择 编辑文字；还可以给添加的文字编辑样式，如颜色、大小、字体等。
保持比例缩放图片
按住Shift键，同时用鼠标拖动图片部件边角的小手柄，可以按纵横比例缩放图片。
图片交互样式
图片可以添加交互样式，如：鼠标悬停时，鼠标按下时，选中时和禁用时。右键点击图片，并选择 交互样式 或者在 部件属性面板中，都可以进行设置。当添加完交互样式后，在图片的右上角会出现一个黑白色组成的小方块，鼠标悬停在小方块上可以预览交互效果。
图片选择组
和单选按钮组相似，图片也可以被分配到图片选择组，当选择组中的图片设置了选中样式后，点选其中一张图片其他图片都会被设置为默认样式。
要将图片设置到选择组，先选择图片，右键 -- 指定选择组或在部件属性面板底部设置选项组名称。
分割/裁切图片
图片部件可以被水平或垂直的裁切，这样可以非常方便的处理导入的截图
分割 Slice: 将图片分割成多个水平或垂直的部分
裁剪 Crop: 选择你想保留的图片区域
右键点击图片 -- 选择分割/裁切图片，或在部件属性面板中选择。
图片边界和圆角
图片可以通过选择工具栏中的线宽和线条颜色就可以添加边框。
图片也可以通过拖动部件左上角的圆角半径控制手柄，或是进入部件的样式面板设置圆角。
图片的不透明度
图片还可以调整透明度，在部件样式面板中输入不透明度即可。
图片优化
大图片会使你的RP文件增大，还会影响浏览质量，使用图片优化可以在不改变图片大小的前提下减小图片大小，但是这有可能影响图片质量。
要优化图片，右键点击图片并选择 优化图片。
常用图片交互
给图片按钮添加链接
给图片添加图片热区
突出显示图片
AxureRP7.0基础教程系列 部件详解 图片/Image
标签：axure教程 axure基础教程 axurerp7教程
原文地址：http://8420678.blog.51cto.com/8410678/1545169
