Axure的基本功能

因为是学习心得,所以就不过多介绍axure的基本信息了,直接介绍案例。
案例1:form表单
Axure的基本功能_第1张图片
直接拖一个矩形过来,放上你需要的表单控件。例如下面的下拉列表框。

图片.png
双击改下拉列表框,出现编辑选项,你可以添加选择内容等。

Axure的基本功能_第2张图片

例如性别选择男、女,这样的单选择框。你需要按Ctrl同时选中两个单选框,然后设置单选按钮组,设置选中就可以实现单选框的互斥。
图片.png
Axure的基本功能_第3张图片

案例2:自适应
可以根据窗口的分辨率自动调整页面样式。我们需要在页面属性中开启自适应:
Axure的基本功能_第4张图片
Axure的基本功能_第5张图片

设置好宽高,继承与基本等信息后,就可以进行布局:
Axure的基本功能_第6张图片
Axure的基本功能_第7张图片
Axure的基本功能_第8张图片

3、交互样式
因为交互样式过多就不一一描述了,举几个简单的例子。
案例3:选项组菜单互斥效果
同时选中多个元件,然后指定选中组。
Axure的基本功能_第9张图片

设置选中时的样式变化:
Axure的基本功能_第10张图片

案例4 折叠菜单
把二级菜单隐藏,然后给一级菜单设置单击时的交互事件。
Axure的基本功能_第11张图片

你可能感兴趣的:(axure前端)