AxureRP7.0基础教程 部件详解 图片/Image
原型库网站— 讲师金乌原创发布，可自由转载，请注明出处！
Axure 中文官网：www.AxureRP.cn
《AxureRP7.0部件详解》
图片/Image
图片部件可以用来添加图片和插图显示你的设计理念，产品，照片，或更多。
自定义图片按钮
通过插入图片组件来创建一个自定义图片按钮，并模仿为形状按钮设计交互的方式，在该按钮上实现鼠标点击和悬停状态的响应效果。
导入图片和自动大小
拖放一个图片组件至设计区域后单击双击以导入图像。该组件支持常见的GIF；JPG；PNG；BMP等文件格式。
在询问是否自动调整图像尺寸时，在选项中选择"是"会将图像设为原始尺寸，在选项中选择"否"则会将其设为当前组件的尺寸。
粘贴图片
Axure支持从常见的图表、图形工具和演示软件中方便地导入图像。当在CSV或Excel文件中复制内容时，请通过右键操作选择保存为图片、表格或纯文本格式。或者直接按下Ctrl + V键盘快捷键，在弹出的对话框中进行相应设置以完成操作。
添加&编辑图片文字
通过双击导入的图片进行文字编辑，在操作界面右键点击图片以设置文字格式；也可以对添加的文字进行样式设置。
保持比例缩放图片
按下Shift键，在执行操作时拖动图片部件边角的小手柄（即鼠标边缘的小手柄），允许您按照宽度和高度的比例对图片进行尺寸调整
图片交互样式
图像支持多种交互样式配置。例如，在以下几种操作场景下：鼠标悬停、单击、拖动选中或关闭该图像的状态等情况下均可触发相应的互动效果。您可以通过右键点击图像或在组件属性面板中设置交互样式选项来实现这些功能。配置完成后，在图像右上方会出现一个小方块显示其当前状态。
图片选择组
与单选按钮组件相仿的是图标的筛选功能，在这种情况下你可以将一个图标添加至图标的筛选区域。一旦该筛选区域内的图标设定了选定样式，则当选中其中一个图标时，默认样式将应用于其余所有图标。为了实现这一目标，请先选定一个图标并执行如下操作：可以通过右键点击并指定其所属的选择组件位置来完成这一操作。
分割/裁切图片
图片组件能够通过横向或纵向的方式进行分割，这种操作极大地方便了对导入截获图像的处理
分割 Slice: 将图片划分为横向或纵向的部分
右键点击图像 -- 选择分割或裁切操作，或者在组件属性面板中完成相关设置
图片边界和圆角
图片可以通过调整工具栏中设置的宽度和颜色来添加边框。此外，在组件左侧顶点处配置滑块即可调节曲线程度，并可通过进入样式面板进一步优化细节。
图片的不透明度
图片还可以调整透明度，在部件样式面板中输入不透明度即可。
图片优化
较大的图像可能会导致您的RP文件变大，并可能影响浏览体验；通过图像优化可以在不调整图像尺寸的情况下缩小图像尺寸，但这种做法可能会降低图像的质量。为了进行图像优化，请右键单击图像并选择‘优化图像’选项。
-
-
- 常用图片交互
-
给图片按钮添加链接
给图片添加图片热区
突出显示图片