求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 
目录
Axure RP安装与激活
1.Windows上安装
2.macOS上安装-Axure教程
3.激活Axure RP 10-Axure教程
4.Axure汉化流程-Axure教程
5.Chrome插件安装-Axure教程
入门
6.Axure RP入门-Axure教程
7.Axure RP操作界面-Axure教程
8.预览和共享原型-Axure教程
9.功能快捷键-Axure教程
10.自动保存备份文件-Axure教程
元件的使用
11.元件的基础操作-Axure教程
12.元件组合-Axure教程
13.元件样式-Axure教程
14.元件库-Axure教程
15.网格,辅助线和边界对齐-Axure教程
基础元件
16.形状元件-Axure教程
17.图像元件-Axure教程
18.热区元件-Axure教程
19.线条元件-Axure教程
20.动态面板元件-Axure教程
21.内嵌框架-Axure教程
22.文本框与多行文本框-Axure教程
23.下拉列表-Axure教程
24.列表框-Axure教程
25.复选框-Axure教程
26.单选按钮-Axure教程
27.树元件-Axure教程
28.表格元件-Axure教程
29.经典菜单元件-Axure教程
30.快照元件-Axure教程
页面的使用
31.管理页面-Axure教程
32.页面样式-Axure教程
母版
33.创建和使用母版-Axure教程
34.母版视图-Axure教程
35.引发事件-Axure教程
交互介绍
36.事件、用例和动作-Axure教程
37.事件清单-Axure教程
38.动作清单-Axure教程
39.文本链接-Axure教程
40.交互样式-Axure教程
41.动画-Axure教程
高级交互
42.变量-Axure教程
43.条件逻辑-Axure教程
44.数学、函数和表达式-Axure教程
45.选项组-Axure教程
46.移动动作边界-Axure教程
中继器
47.中继器元件-Axure教程
48.向中继器动态添加行-Axure教程
49.动态删除中继器行-Axure教程
50.更新中继器行-Axure教程
51.标记中继器行-Axure教程
52.中继器行排序-Axure教程
53.过滤中继器行-Axure教程
54.中继器分页-Axure教程
自适应视图
55.自适应视图-Axure教程
记录您的原型
56.页面和元件注释-Axure教程
57.Word说明书-Axure教程
58.打印-Axure教程
流程图
59.流程图-Axure教程
60.流程连接器-Axure教程
发布你的原型
61.原型播放器-Axure教程
62.自定义HTML输出-Axure教程
63.Web 字体和字体映射-Axure教程
项目团队
64.创建和共享团队项目-Axure教程
65.使用团队项目-Axure教程
66.管理和查看团队项目历史-Axure教程
67.对团队项目进行故障排除-Axure教程
68.将团队项目升级到 RP 10-Axure教程
 
 
目录
图像元件-Axure教程
来源:Axure工坊       编辑: Alice (火龙果软件)
909 次浏览
9次  

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

将图像添加到您的设计中

库窗格中的空白图像元件

从“库”窗格将空白图像元件拖到画布上。然后,双击元件或右键单击并选择导入图像以在操作系统的文件浏览器中搜索图像文件。

当您加载图像时,图像元件将自动调整为正在导入的图像的原始大小。要防止图像元件调整大小,请在导入图像文件之前选择它并双击边框上的黄色小格子,变为白色时表明加载图片时会强制适应当前元件大小。

您可以随时通过双击小方格或单击“样式”窗格中的“适配图像”功能来再次恢复源图片大小。

插入菜单

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

加载本地图像文件夹

您可以通过单击窗格右上角的“添加图像文件夹”图标,将计算机中的本地图像文件夹添加到“库”窗格。然后,您可以将文件夹中的图像拖到画布上。

每当您计算机上的文件夹内容发生变化时,它们也会在 Axure RP 中自动更新。

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

复制并粘贴到画布上

您可以将流行的图形编辑、图表和演示工具中的图像直接复制并粘贴到 Axure RP 画布上。

将文件拖放到画布上

您可以将图像文件从计算机的文件浏览器拖放到 Axure RP 画布上。

形状元件上的图像填充

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

编辑图像

色彩调整

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

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

裁剪和切片

您可以通过右键单击所选图像并在上下文菜单中选择任一选项来切片或裁剪所选图像,或者您可以使用S和C快捷键。

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

裁剪工具包含几个选项:

  • 裁剪:删除选择框之外的图像的所有部分
  • 剪切:删除选择框中的图像部分并将其复制到剪贴板
  • 复制:复制选择框内的图片部分,原图不变

翻转

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

保留角落

您可以在调整图像大小时防止图像的角变形。这在处理具有不能很好调整大小的角的图形(如圆角)时非常有用。

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

旋转图像

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

清除图像

您可以从图像元件中清除图像文件而不删除元件本身。在样式窗格中,单击填充栏处的图片,然后单击在预览图像的右上角红色的X。

添加和编辑文本

您可以通过以下任何选项向图像元件添加文本或编辑其当前文本:

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

优化大图像

大图像会增加RP文件的大小,并影响Axure RP和Web浏览器中的性能。优化图像将减小其文件大小,从而减小 RP 文件的大小。当然,这样可能会降低图像的质量。(优化 PNG 肯能会删除它的透明背景,优化动画 GIF 将删除其动画。)

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


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



909 次浏览
9次