当前位置:粤秀教育 > 艺术 > 艺术问答 > 正文

Axure怎么做导航栏展开与收缩?

发布时间: 来源:只考华师 258

平时工作中会遇到很多需要统计的问题,如何快速绘制出既美观又实用的统计图?可能很多Axure新手小伙伴都有着同样的疑惑,下面粤秀教育将为大家详细的分享Axure制作动态柱状统计图的教程!如果此时你心里众多疑惑:Axure去哪学?怎么学?学多久?那不妨学习体验粤秀教育的Axure自学视频课!资深讲师授课,从基础的Axure软件功能到原型绘制到交互案例,综合全面的带你入门Axure产品原型设计!~

Axure做导航栏展开与收缩教程:

首先咱们先创建一个矩形,参数设置为 长度:256,高度:54,填充颜色:#001529,并去掉该线宽设置为:0,左侧边距:40,咨询右键设置选项组并命名:导航栏(参数可根据自身需要设置)。

Axure怎么做导航栏展开与收缩?

咨询右键设置交互样式,选择【选中】设置了填充和字色的样式,设置后保存,咨询右键选择【转换为动态面板】(样式可根据自身需要设置)。

双击动态面板复制内部面板分别命名为:导航栏一 合并、导航栏一 展开。选择【导航栏一 展开】,再复制三个矩形框内部文字描述为(二级导航栏)(样式可根据自身需要设置)。

以上基础步骤设置完毕后,接下来我们进行交互设置。

选择动态面板内【导航栏一 合并】咨询矩形框,交互内容为:单击时-设置面板状态-目标:已有的动态面板、STATE:导航栏一 展开、推动和拉动元件。

Axure怎么做导航栏展开与收缩?

选择动态面板内【导航栏一 展开】咨询第一个矩形框,交互内容为:单击时-设置面板状态-目标:已有的动态面板、STATE:导航栏一 合并、推动和拉动元件。

选择动态面板内【导航栏一 展开】咨询第二个矩形框,交互内容为:单击时-设置选中-当前元件。并分别对下方两个元件设置同样交互。

最后一步:选择已创建的第一个动态面板进行复制两次依次放置下方,查看预览演示就完成啦~

Axure怎么做导航栏展开与收缩?以上即是关于Axure怎么做导航栏展开与收缩?”的全部精彩内容分享了,希望能够帮助到你!学习更多Axure原型技巧,不妨阅读更多Axure相关文章学习?不管你是想入门产品经理还是已经是PM,那么对于Axure软件的掌握都是必须的!想要学习Axure,就来粤秀教育,专业讲师教学,0基础小白也能够学会~

相关文章
精彩推荐
学习热线
4008-128-711
申请报名

立即申请报名,提升你的技能

  • 姓名

  • 电话*

  • 报读学校

  • 报读专业

立即报名

Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841