图片

前面的话：图片这个元件可能是原型设计中使用频率最高的一个了。在AXURE中支持的图片格式有 JPG，PNG，GIF，BMP和SVG。

图片的添加

图片的添加有多种方法，如下：

从元件库中拖入

这种最简单的一种方法了。

图片的导入：从左侧拖入图片后，双击该图片元件可从电脑载入你要放入的图片，而且些时载入的图片会自动适应到这个尺寸，

Fit to Image：

9ImageFitToImage.png

菜单中插入

通过菜单顶部的插入按钮

9ImageInsert.png

从本地文件夹中加载

通过单击窗格右上角的“ 添加图像文件夹”图标，可以将电脑本地文件夹添加到“ 元件库 ”窗格。然后，您可以将其中的图像拖到画布上。

每当文件夹的内容在本上发生变化时，Axure RP中会自动更新。

图像文件夹由库列表中的图像图标展示

加载本地图片文件夹

复制并粘贴到画布上

直接从剪贴板中复制并粘贴

以图片来进行填充

注意：图片本身可以作为背景进行填充（填充一般有颜色填充，图片填充）

图片的编辑

色彩调整

可以通过“ 样式”面板顶部的“颜色调整”菜单调整图像的颜色。选中调整颜色框，然后使用滑块或下面的数字字段更改图像的色调，饱和度，亮度和对比度。

单击“ 重置”将字段设置回其默认值，或取消选中“ 调整颜色”以将图像切换回其默认级别。

9ImageColor.png

图片的切割&裁剪

单击右键该图片，可选择切割或裁剪。也可以使用S和C 键盘快捷键。

切割工具将图像分成几个部分，每个部分都成为一个新的图像元件。可以使用水平，垂直或横切切割。

裁剪工具包含几个选项：

• 裁剪：删除选择框外的图像的所有部分
• 剪切：删除选择框内的图像部分并将其复制到剪贴板
• 复制：复制选择框内的图像部分并保持原始图像不变

固定边角距离（保护角落）

调整图像大小时，可以防止图像的角落失真。

右键单击--->变换图像--->固定边角距离， 三角形标记将出现在图像的顶部和左侧，如下图所示：

9ImageCornerProtect.png

注意：在使用此功能时，请确保你已经加载图片到图片元件中，否则失效。

大图的优化

大图优化暂略

注意：优化PNG将删除它可能具有的任何透明度，优化动画GIF将删除其动画。