Axure7.0实现MessageBox对话框解析
关关 2018-06-28 来源 : 阅读 1534 评论 0

摘要:Axure是一款快速开发web页面的原型草图的工具,能够很自由的实现页面的切换,快速的确定用户需求。希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。

 Axure是一款快速开发web页面的原型草图的工具,能够很自由的实现页面的切换,快速的确定用户需求。

【效果如下】:

 Axure7.0实现MessageBox对话框解析

【步骤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,文字,如图:

     Axure7.0实现MessageBox对话框解析

【步骤2】:设置链接动作:点击显示MessageBox

选定链接文字,在Widget Interaction and Notes中双击OnClick,打开CaseEditor(OnClick)窗口

选择Widgets->Show/Hide->Show,勾选Configure Actions中的my_panel 【注:之前隐藏的面板的name】

 Axure7.0实现MessageBox对话框解析

【步骤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】

 Axure7.0实现MessageBox对话框解析

 

【步骤4】:调试

Publish->Preivew 或直接使用F5快捷键,即可打开预览页面

 Axure7.0实现MessageBox对话框解析

【步骤5】:发布

Publish->Generate HTML Files... 或者快捷键F8 会生成为网页形式,图同上,略。

 

本文由职坐标整理发布,更多相关内容,请关注职坐标常用软件Axure频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程