首页 > 电脑专区 > 电脑教程 >

如何利用Axure RP 8设计软件按钮生成菜单项目

来源:互联网 2023-02-21 17:54:49 版权归原作者所有,如有侵权,请联系我们

Axure RP 8设计软件中的按钮除了操作点击事件,还可以做成菜单显示出来。在页面载入时,控制按钮显示成菜单项,这样就可以看到按钮转换成菜单模式了。下面利用一个实例说明,操作如下:wsG办公区 - 实用经验教程分享!

如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

工具/原料

  • Axure RP 8
  • 截图工具
  • 浏览器

方法/步骤

  • 1

    第一步,打开Auxre RP 8设计软件,新建页面page2,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 1此文章非法爬取自百度经验
  • 2

    第二步,在“基本元件”中拖四个“主要按钮”,放在画布上,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 3

    第三步,在空白区域点击选择“页面载入时”,弹出“用例编辑”窗口,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 4

    第四步,分别选中四个按钮,设置其文本显示内容,对应于菜单上的文字内容,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 5

    第五步,设置完毕后,查看画布上主要按钮显示效果,发现跟拖入时一样,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 6

    第六步,为了显示菜单选中和未选中的区别,选中第一个主要按钮修改背景色,设置完毕后预览该静态页面,如下图所示:wsG办公区 - 实用经验教程分享!

    如何利用Axure RP 8设计软件按钮生成菜单项目wsG办公区 - 实用经验教程分享!

  • 注意事项

    • 注意主要按钮应用场景
    • 注意页面在载入时就显示菜单项目

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!wsG办公区 - 实用经验教程分享!


    标签: 操作系统利用设计项目

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号