张晓3小时学会Axure图文教程案例篇07 打开关闭弹出层

《张晓3小时学会Axure图文教程案例篇07 打开关闭弹出层》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、3小时学会Axure产品经理原型设计系列教程-实战篇3小时学会Axure图文教程案例篇——07打开关闭弹出层（遮罩层）作者：张晓在论坛上回帖时，如果您未登录论坛，那么系统就会提示您先登录，而提示往往是以一种弹出框的形式出现，这节课我们就来实现一个有关打开关闭弹出层（遮罩层）的Axure交互实例。一、打开关闭弹出层（遮罩层）效果原型软件：AxureRPPro7.0中文汉化版实例描述：1、点击打开弹出层（遮罩层）；2、点击弹出层右上角的关闭，即可关闭弹出层。二、交互设计步骤（一）设计思路：使用动态面板（DynamicPanel）作为弹出层，放置弹出层内涉及的所有控件（W

2、idgets，也称元件/部件），使用用例”鼠标点击时“，设置动作”显示/隐藏“。13小时学会Axure产品经理原型设计系列教程-实战篇（二）实现步骤STEP1：完成控件的布局及命名。将动态面板控件移入至工作区（WireframePane，也称线框图面板），然后将弹出层内要放置的标签（Label）、HTML按钮（HTMLButton）、文本框（TextField）控件移入至动态面板内，并完成各控件的命名；再在动态面板的外部放置一个HTML按钮控件，作为打开弹出层的按钮；最后将”弹出层“动态面板设置为隐藏。STEP2：添加”打开“按钮控件的交互用例。选中”打开“按钮控件

3、，选择用例”鼠标23小时学会Axure产品经理原型设计系列教程-实战篇单击时“，设置动作”显示“弹出层面板。STEP3：添加弹出层”关闭“按钮控件的交互用例。在动态面板中选中”关闭“按钮控件，选择用例”鼠标单击时“，设置动作”隐藏“弹出层面板。33小时学会Axure产品经理原型设计系列教程-实战篇三、下节课程预告案例图文教程：第08节轮播图效果谢谢！4