美文网首页Axure - UE产品经理产品设计
Axure 8.0 --一级菜单和二级菜单的制作

Axure 8.0 --一级菜单和二级菜单的制作

作者: 非非非常可爱的小仙女儿 | 来源:发表于2017-11-10 16:38 被阅读143次

    😄 好久么有 更新 简书了呢

    这几天 老大 让我做了一个网页的UE,嗯,我之前做了app的UE还好

    但是

    app和网页 他们各自的交互 有 很多的 不一样 

    也算是

    又学习啦

    接下来

    简单说下基本都会使用到的 一级菜单和二级菜单 用Axure怎么做

    一、首先

    这里是三个矩形排列成的一级菜单二级菜单的展开效果,记得给每个矩形命名,方便后面的添加用例

    二、把你的额二级菜单一起选中--转换成动态面板

    把二级菜单转换成一个动态面板

    三、给动态面板命名--以便于添加用例的时候 方便查找

    给动态面板命名

    四、转换成了动态面板

    转换成了动态面板

    五、把二级菜单设置为隐藏(因为在我们鼠标移入一级菜单的时候才会出现二级菜单的)

    设置为隐藏

    六、给一级菜单 添加用例

    在属性里面找到鼠标移入状态情况下双击出现用例编辑表 找到显示事件--勾选要显示的 二级菜单 动态面板   一定要选择弹出效果(弹出效果--在鼠标移出时 二级菜单会自动隐藏)

    七、好了-生成html 看看效果

    生成html

    效果--鼠标么有 移入 一级菜单的时候

    鼠标为移入一级菜单

    鼠标移入一级菜单

    鼠标移入一级菜单--出现二级菜单的效果

    相关文章

      网友评论

        本文标题:Axure 8.0 --一级菜单和二级菜单的制作

        本文链接:https://www.haomeiwen.com/subject/pbnbmxtx.html