zoukankan      html  css  js  c++  java
  • Axure-----三级下拉菜单的具体实现过程

    ********三级下拉菜单的动画效果:**********

    1、选中三级菜单将其转换为动态面板,命名为treePanel,并隐藏。

    2、选中二级菜单添加交互效果:【切换可见性】,勾选treePanel,【推动/拉动
    元件】向下,由此可完成三级菜单的展开和收起的交互效果。

    3、二级菜单和三级菜单全选,同样点击鼠标右键,选择【转换为动态面板】的选项
    ;然后,把这个新出现的动态面板命名为“subMenu”。

    4、打开subMenu的state1,在步骤2交互的基础之上添加交互效果:【隐藏】外层动
    态面板“subMenu”的动作,并且勾选【拉动元件】的选项。记住此交互要在步骤2
    之前

    5、继续为二级菜单元件的【鼠标单击时】添加第3个动作,也就是上面提到的【显
    示】外层动态面板“subMenu”,同时,在【更多选项】中选择【推动元件】的选项

    6、做好的二级菜单和三级菜单一起选中,根据需求复制几份摆放好。不要单独复制
    二级菜单和三级菜单,必须二级菜单和三级菜单一起复制,这样交互的对应关系才
    会继续有效。

    7、为一级菜单添加【鼠标单击时】的用例,设置动作【切换可见性】,勾选动态面
    板“Submenu”,同时在设置中勾选【推动/拉动元件】。此交互可完成点击一级菜
    单时,就能点一下显示二级菜单,再点一下隐藏二级菜单。

     

    ******制作可以合并单元格的表格******
    1、由于axure本身没有合并单元格的功能,所以使用软件自带的表格元件是无法完
    成合并单元格的

    2、使用矩形来组建表格可以达到该目标,原理就是把重叠部分的边框去掉即可。

    如:由三个边框组成的横向排列的单元格需要合并,则将中间的矩形左右两边边
    框去掉,左边的矩形去掉右边的边框,右边的矩形去掉左边的边。

    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    跳出iframe
    leetcode 225. Implement Stack using Queues
    leetcode 206. Reverse Linked List
    leetcode 205. Isomorphic Strings
    leetcode 203. Remove Linked List Elements
    leetcode 198. House Robber
    leetcode 190. Reverse Bits
    leetcode leetcode 783. Minimum Distance Between BST Nodes
    leetcode 202. Happy Number
    leetcode 389. Find the Difference
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9956586.html
Copyright © 2011-2022 走看看