Axure入门2:默认元件介绍
【摘要】 Axure入门2:默认元件介绍
Axure自带了一个默认的元件库,这些元件结合样式、交互事件等可以满足大多数的情况。有些有特殊要求的场景跟风格也可以通过导入第三方元件包来补充,有些大型企业也会定制专属元件。
< 1 >
我在实际工作当中,很少用到第三方元件,懒得费时间去找,因为要找到完全符合要求的元件是一个漫长的过程,即使找到了,也有可能被这些元件的样式、风格、操作习惯、功能限制等打败。另外一个就是日常工作中很少需要做到高保真的程度,所以在元件上花太多时间不值得。
以下为每个元件的简单介绍:
基本元件
矩形1:带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
矩形2:不带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
矩形3:不带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
椭圆形:带边框的圆形,可以添加文字,通过样式控制边框、背景色、字体等。
图片:用来加载图片的元件,可以添加文字,通过样式控制边框、字体等。
占位符:占位,多用在团队协作中告诉其他成员这里我占了,但还来得及做具体效果等。
按钮:按钮,可以用矩形+形式替代。
主要按钮:按钮,可以用矩形+形式替代。
链接按钮:按钮,可以用矩形+形式替代。
一级标题:文字标题。
二级标题:文字标题。
三级标题:文字标题。
文本标签:用来展示文字。
文本段落:用来展示较多文字。
水平线:水平线条,可用于分隔,可以调整线条角度。
垂直线:垂直线条,可用于分隔,可以调整线条角度。
热区:多用在图片上某些区域需要交互效果时,放在该区域上把它变成可交互(如:单击)区域。
动态面板:可用在切换、弹出框等动态效果当中,具有很多独有的特性,如:容器、图层、自适应等。
内联框架:内嵌网页浏览,相当于HTML中的iframe。
中继器:实现了内容与样式的分离,复杂交互效果的神器。
表单元件
文本框:普通文本框,通过属性值几乎可以变成常见表单中的任何输入框,如:密码、日期、文件选择等。
多行文本框:可能输入多行的文本框。
下拉列表框:下拉列表框,运行时只能从下拉列表中选择而不能输入。
列表框:普通列表框,建议用中继器代替。
复选框:普通复选框。
单选按钮:单选框,需要建立单选按钮组,否则整个页面同时只有一个能选中。
提交按钮:普通按钮,只是样式跟基本元件中的不一样。
菜单和表格
树状菜单:树状元件,复选效果需要自己用事件控制。
表格:简单的表格,结合中继器可以实现复杂的交互效果。
水平菜单:水平弹出式菜单。
垂直菜单:垂直弹出式菜单。
标记元件:用来做标记的,功能基本一样,只是样式不同。
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)