AXURE进阶实例 2 (自定义下拉菜单)

 时间:2024-11-04 11:11:05

1、先看效果

AXURE进阶实例 2 (自定义下拉菜单)

3、第二步:批量编辑子选项按钮的悬停,点击和选中的样式 1.批量选中所有按钮 2.点击右侧面板的交互样式中的 鼠标悬停 3.编辑自定义按钮样式用同样的方法,设置下拉框 的交互样式

AXURE进阶实例 2 (自定义下拉菜单)

5、第四步:设置点击下拉框时的选中状态,并根据选中的状态来决定下来菜单是否显示和箭头的上下状态。 1.单击下拉框,切换其选中状态。

AXURE进阶实例 2 (自定义下拉菜单)AXURE进阶实例 2 (自定义下拉菜单)

8、把选中的下来选项回显在下拉框上 这里使用axure函数变量[[This.text]]来设置

AXURE进阶实例 2 (自定义下拉菜单)

9、设置好后,就可以复用了。右键交互事件Case 1复制(Ctrl+c),然后反击下面两个选项,一个一个粘贴(Ctrl+v).

AXURE进阶实例 2 (自定义下拉菜单)

11、再把这个组件设为动态面板然后勾选“自动调整为内容尺寸”,这样的好处时隐藏掉的部分,不再占用空间,更有利于原型的排版。但是有一点,这样做的话,显示隐藏时的推拉组件功能会对动态面板外的组件失效。

AXURE进阶实例 2 (自定义下拉菜单)

12、到这里就大功告成了。案例源文件链接:https://pan.baidu.com/s/1nw4UWMP

  • Axure滚动到元件的动画时间如何配置
  • Axure如何调整文本行高?
  • 教程 | Axure如何设置导航切换功能?
  • CSS3制作多段不同路径的动画
  • axure如何添加单选框,详细教程
  • 热门搜索
    学生旅游 跟团旅游网 澳门 旅游 去泰国旅游需要什么手续 宜兴旅游景点大全 北京包车旅游 海南旅游业 旅游相关 诸城旅游 上海 旅游