CHAPTER 2 基础部件

2.1 图像部件

图像部件是Axure中用来插入图片的工具，通过图像部件可以把JPG、GIF、PNG等格式的图片导入Axure中。

导入图片

STEP 01 拖动图像部件到页面编辑区域，并双击图像部件，打开本地资源管理器。

STEP 02 单击需要导入的图片（JPEG、GIF、PNG、BMP和SVG格式），然后单击“Open”（打开）按钮。

STEP 03 选择是否要优化图像。

如果导入的图像过大，会自动询问是否优化图像。

❑ 选择“是”，自动降低图片大小。

❑ 选择“否”，不对图片进行任何调整。

粘贴图片

STEP 01 按Ctrl+C，复制电脑本地的图片或网页上的图片。

STEP 02 在页面编辑区域，按Ctrl+V，或者单击右键，选择“选择性粘贴”→“粘贴为图片”。

STEP 03 如果图片过大，会优化图片。

拖入图片

Axure也可以直接从电脑桌面将图片拖入Axure中，其他步骤和前面介绍的导入图片步骤一致，同时图片过大也会提醒进行优化。

分割图片

Axure中能够简单地对图片进行分割，不需要借助Photoshop等专业的图片编辑软件。

STEP 01 单击选中图片，单击鼠标右键，选择“分割图片”，或者直接在工具栏中选择分割工具。

STEP 02 移动区域中的横、竖字线，分割图片。

根据需要，可以选择“十”字切割、横向切割或纵向切割。

在图片切割状态下，按下键盘上的Esc键或者“取消”按钮，可以退出切割状态。

STEP 03 分割完成后，分离图片查看分割效果。

裁剪图片

Axure中能够简单地对图片进行裁剪，不需要借助Photoshop等专业的图片编辑软件。

STEP 01 单击选中图片，单击鼠标右键，选择“裁剪图片”，或者直接在工具栏中选择裁剪工具。

STEP 02 调整图中黑色虚线框的小正方型的大小，调整需要裁剪的范围。

STEP 03 选择裁剪类型。

制作圆形头像

在很多时候，我们需要使用一些圆形样式的头像来表达这是一个用户，RP7版本之前一般都是用Photoshop进行处理，然后复制到Axure中，RP8版本直接通过一些简单的设置得到这样的效果。

STEP 01 在Axure中导入一张合适的图片，裁剪为正方形，如下图所示。

STEP 02 单击选中裁剪后的图片，设置圆角半径为100。

另外，也可以直接移动图片左上角的黄黄色小三角形，拖动调整圆角半径的大小。