axrue9不显示右侧文件_Axure 9.0基础教程:史上最详细的元件说明,建议你认真看完(一)...

本文详细介绍了Axure 9.0中的基础元件,包括形状元件、图片、水平线和垂直线、图像热区、动态面板、内部框架和中继器等,涵盖其功能、编辑和交互设置。通过实例演示,帮助读者掌握每个元件的用途和应用,提升原型设计能力。
摘要由CSDN通过智能技术生成

f596b02b496e

元件说明摘要:元件作为Axure 9.0的基础功能,线框图的绘制与交互事件的设置都离不开它,熟练掌握并了解每个元件的功能及用途,对原型设计来说尤为重要。这是一篇细到令人发指的关于元件的使用说明,不仅有基础的使用知识讲解,也有一些使用技巧的说明。Axure 9.0与8.0相比并没有增加新的元件,但9.0的元件却更好用,用起来更顺手,更有设计感,它的好用与顺手体现在每一个细节之中。

1.2 元件详解

元件是线框图绘制过程中必不可少的基础元素,线框图是由一些列元件组合而成。因此认识和熟练了解每一个元件的特征,对绘制线框图或者原型来说是非常重要的,本章节就详细讲解每个元件的用途和应用特征。

1.2.1 公用元件

1.2.1.1 形状元件

方框、椭圆、占位符、按钮、标题、标签和文本,这几个元件本质上都属于形状元件。选中元件,可以通过右侧对应的样式面板对元件进行编辑。

添加文本:选中元件,双击元件或右击在弹出菜单中选择“编辑文字”,即可对元件执行添加文本、编辑文本的操作。

选择形状:形状元件可以改变各种形状,包括矩形、三角形、圆形、弧形、五角星、爱心、水滴等。选中元件,右键单击在弹出菜单中选择“选择形状”。

f596b02b496e

选择形状

转换为图片:形状元件转换为图片后,可以保留形状元件上添加的交互和注释。选中元件,右键单击在弹出菜单中选择“转换为图片”。

f596b02b496e

转换为图片

填充:形状元件支持颜色填充和图片填充。颜色填充可通过顶部的工具栏或右侧的样式面板,进行配色。通过形状元件导入的图片,大小和位置固定在形状内部,不同于常规的图片导入。选中形状元件,右键单击下拉菜单中选择“导入图像”或在右侧样式面板选择本地图片,完成导入。

f596b02b496e

颜色填充

f596b02b496e

图片填充

边框:形状元件可以设置边框的颜色、边框线的粗细(厚度)、线条的样式(直线、虚线)以及每条边框线(隐藏部分线框)的可见性。通过顶部工具栏或右侧样式面板均可以设置。

f596b02b496e

设置边框线

编辑控点:通过拖动控点的位置,可以将元件改变成任何你想要的形状,一般元件有4个控点。选中形状元件,右键单击下拉菜单中选择“编辑控点”或点击顶部工具栏中的点,拖拽元件边框上的小菱形位置,可以改变元件现状。

f596b02b496e

编辑控点

变换形状:可以对形状元件进行水平和垂直翻转,对多个形状元件进行布尔运算,改变点的连接方式(直线连接或曲线连接)。选中形状元件、右键单击下拉菜单中选择“变换形状”,弹出的右侧菜单中选择变换方式。

f596b02b496e

变换形状

指定选择组:与单选按钮组效果类似,当组中有一个元件被选中后,其他组元件自动切换为未选中状态,常用语于Table切换或标签导航。若将元件添加到指定的组,首先选中形状元件,右键单击下拉菜单中选择“指定选择组”,编辑选择组名称。

f596b02b496e

指定选择组

工具提示:常用于一些操作提示,如Axure工具栏、页面与大纲、库与母版等相关的操作按钮,鼠标悬停在按钮上方,显示提示信息。选中形状元件,右键单击下拉菜单中选择“工具提示”,编辑提示信息。

f596b02b496e

工具提示

圆角效果:形状元件可以将直角转换为圆角。选中元件,拖动左上角的倒三角手柄来控制圆角的半径,也可以通过右侧样式面板输入角度来调整圆角效果。在样式面板中,还可以设置各圆角的可见性,可以做到部分顶点显示为圆角,部分顶点显示为直角。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值