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如何添加单选框,详细教程
  • 热门搜索
    ip电话怎么打 眼肿了怎么快速消肿 宁波工程学院怎么样 三亚哪里好玩 如何改变自己 银行预留手机号码怎么改 伊利牛奶怎么样 如何复制 wps如何删除空白页 项羽哪里人