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

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

图片.png

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

案例2:自适应
可以根据窗口的分辨率自动调整页面样式。我们需要在页面属性中开启自适应:
图片.png
图片.png

设置好宽高,继承与基本等信息后,就可以进行布局:
图片.png
图片.png
图片.png

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

设置选中时的样式变化:
图片.png

案例4 折叠菜单
把二级菜单隐藏,然后给一级菜单设置单击时的交互事件。
图片.png


爱拉
1 声望1 粉丝

在校大学生,实训web,记录学习


« 上一篇
初识HTML
下一篇 »
Html功能元素