跳到主要内容

图片

使用图像部件可以将静态图像和动态GIF添加到您的设计中。 Axure支持以下文件类型:JPG,PNG,GIF,BMP和SVG。

添加图像到设计中


库窗格中的空白图像元件

将一个空白图像部件从库窗格拖到画布上。 然后,双击部件或右键单击并选择导入图像,即可在操作系统的文件浏览器中搜索要添加的图像文件。

加载图像时,图像部件将自动调整为要导入图像的原始尺寸。 要防止图像部件调整大小,请在导入图像文件之前选择它并双击其大小调整手柄之一。 调整大小手柄将从黄色变为白色,这表示适合图像功能已关闭。

你可以通过双击调整大小手柄或单击样式窗格中的适合图像来再次启用自动调整功能。

插入菜单

单击界面左上方的插入菜单,然后选择图像在计算机的文件浏览器中浏览图像文件。 选定的图像将被插入到设计画布的中央。

加载本地图像文件夹


你可以通过单击窗格右上方的添加图像文件夹图标,将计算机的本地图像文件夹添加到“库”窗格。 然后,你可以将图像从文件夹拖到画布上。
每当计算机上文件夹的内容更改时,它们的内容也会在Axure RP中自动更新。
图像文件夹由库列表中的图像图标指示。

复制并粘贴到画布上

你可以从流行的图形编辑,图表绘制和演示工具将图像直接复制和粘贴到Axure RP画布上。

将文件拖放到画布上

你可以将图像文件从计算机的文件浏览器中拖放到Axure RP画布上,以创建一个新的图像元件,其中所选图像已加载。

形状元件上的图像填充

你可以将形状元件的背景设置为图像。 但是请记住,以下图像编辑选项不可用于形状元件上的图像填充。

编辑图片


颜色调整

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

单击重置将字段设置回其默认值,或取消选中调整颜色将图像切换回其默认级别,而不会影响你对每个属性的选择。

裁剪和切片

你可以通过右键单击所选图像并对其进行切割或裁剪,然后在上下文菜单中选择任一选项,也可以使用 S 和 C 键盘快捷键。

提示

你还可以自定义顶部的工具栏,以向其添加“切割”和“裁剪”按钮。

切片工具将图像分为几个部分,每个部分都成为一个新的图像元件。 你可以使用水平,垂直或交叉切割进行切片。

裁剪工具包含几个选项:

裁切: 删除选择框外图像的所有部分

剪切: 删除选择框中的图像部分并将其复制到剪贴板

复制: 复制选择框中的图像部分,并使原始图像保持不变

反转

要水平或垂直翻转图像,请右键单击它,然后转到变换图像→水平翻转或垂直翻转。

固定边角

调整图像大小时,可以防止图像的角落变形。 当使用图形的圆角调整不佳时,这很有用。

右键单击图像元件,然后在上下文菜单中选择`变换图像→固定边角。 三角形标记将出现在图像的顶部和左侧,以指示图像的其余部分将不会调整大小的区域。 您可以拖动三角形标记以调整保留区域的大小。

注意

你无法在空白图片元件上保留角落。 尝试执行此操作之前,请确保将图像文件加载到元件中。

旋转图像


使用样式窗格顶部的旋转字段来旋转画布上的选定图像。 该字段接受正和负的度值,最多两位小数。 正值将图像向右旋转,而负值将图像向左旋转。

清除图像


你可以从图像部件清除图像文件,而无需删除元件本身。 在样式窗格中,单击填充部分中的图像,然后单击预览图像右上方的红色X。

添加编辑文本


你可以通过以下选项将文本添加到图像部件或编辑部件文本:

  • 右键单击图像,然后在上下文菜单中选择编辑文本
  • 按住CTRL(Windows)或CMD(Mac)并双击图像以进入文本编辑模式
  • 选择图像并开始输入。 (仅当你禁用了单键快捷方式时,此选项才可用)

优化最大图像


大图像会增加RP文件的大小,并影响Axure RP和Web浏览器中的性能。 优化图像将减小其文件大小,从而减小RP文件的大小。 但是,结果可能会降低图像质量。


当你将大图像导入Axure RP时,系统会询问你是否要对其进行优化。 你还可以通过右键单击并在上下文菜单中选择转换图像→优化图像来优化RP文件中已有的图像。

注意

优化PNG将删除其可能具有的任何透明度,而优化动画GIF将删除其动画。

选择组


你可以在一组形状,线条,图像或动态面板元件之间创建关系,其中通过“设置选择/选中”操作一次只能将一个元件设置为其选定状态。 (这类似于单选按钮组中单选按钮之间的关系。)

要了解更多信息,请查看选择组文章。