摘要:Axure是一款快速开发web页面的原型草图的工具,能够很自由的实现页面的切换,快速的确定用户需求。希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。
Axure是一款快速开发web页面的原型草图的工具,能够很自由的实现页面的切换,快速的确定用户需求。
【效果如下】:
【步骤1】:添加&修改属性等
添加Lable:设置文字“打开弹出层”
添加Rectangle: 右键设置为隐藏 (Set Hidden),右键设置为动态Panel ( Convert to Dynamic Panel)
双击Rectangle: 设置Dynamic Panel Name: 如 my_panel【注:后面关联使用】
右键单击 Panel States中的条目1,修改名称如 states1
双击Panel States中的states1 打开内嵌页面
添加 Rectangle,button,文字,如图:
【步骤2】:设置链接动作:点击显示MessageBox
选定链接文字,在Widget Interaction and Notes中双击OnClick,打开CaseEditor(OnClick)窗口
选择Widgets->Show/Hide->Show,勾选Configure Actions中的my_panel 【注:之前隐藏的面板的name】
【步骤3】:设置链接动作:点击显示MessageBox中的确认按钮,使MessageBox消失
打开内页my_panel/states1,可以通过双击Panel States中的states1 打开内嵌页面。
选定按钮,在Widget Interaction and Notes中双击OnClick,打开CaseEditor(OnClick)窗口
选择Widgets->Show/Hide->Hide,勾选Configure Actions中的my_panel 【注:之前隐藏的面板的name】
【步骤4】:调试
Publish->Preivew 或直接使用F5快捷键,即可打开预览页面
【步骤5】:发布
Publish->Generate HTML Files... 或者快捷键F8 会生成为网页形式,图同上,略。
本文由职坐标整理发布,更多相关内容,请关注职坐标常用软件Axure频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号