Axure RP 8怎么设计弹窗交互模型?

作者&投稿:邵郊 (若有异议请与网页底部的电邮联系)
~

Aure是一款十分方便的页面交互模型软件。是每一个合格的产品狗必备的技能之一。虽然小编不是产品狗,但是没事也是挺喜欢玩这个软件的。下面,就分三个步骤,首先主界面组合,其次弹窗组合,最后隐藏弹窗。来教教大家Aure如何实现简单的弹窗交互。

一、绘制弹窗

1、打开Axure,小编就以某读书软件的一个活动为例,教教大家如何实现弹窗。

2、我们就按照这个模型。首先,托一个矩形到index,调整好大小。

3、托一个主要按钮到index,调整好位置,将按钮名称改好。

4、这个组合就作为主界面。然后我们开始弄弹窗。

二、弹窗组合

1、将一个矩形和一个主按钮拖到index,改好名称并调整好位置

2、选择这个组合,点击右键,在菜单栏中选择组合

三、隐藏弹窗

1、选择这个组合,右击拉出隐藏栏选择隐藏

2、鼠标左键将弹窗选择隐藏

3、 双击选择 关闭 按钮

四、呼出弹窗按钮设置

1、点击 想要呼出弹窗的按钮 点击如图位置的 鼠标单击时

2、在拉出的菜单中 选择勾选刚才的组合,要把组合内所有的模块都勾选上。点击确定。

3、将 弹窗移动到合适的位置 按键盘F5进行阅览

4、按下键盘F5后,会代开浏览器,然后点击我们刚才设计的交互

5、就会弹出窗口啦!

6、 最后的最后!Axure作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。




文水县15950175826: Axure8怎么设计点击按钮触发控件变化的交互效果 -
须郊得尔: 1、双击打开RP Axure软件工具,默认显示index页面和page1、page2、page32、在元件库中找到“矩形1”,拖曳一个到编辑区域窗口,并设置宽度和高度3、拖曳一个“主要按钮”到编辑窗口,修改其内容为“改变背景颜色”,使宽度使用矩形框4、改变矩形框填充颜色,设置为绿色背景5、选中按钮,查看右侧属性设置框,双击“鼠标单击时”,打开用例编辑窗口6、选中元件“显示/隐藏”,设置显示或隐藏的效果,确定后单击“确定” 注意事项:注意按钮单击事件用例添加.注意显示和隐藏的效果实现.

文水县15950175826: 如何使用Axure RP 8软件设计添加用户界面 -
须郊得尔: 第一步,找到Axure RP 8设计软件快捷方式,双击打开该软件,第二步,由软件生成默认页面,修改页面目录,第三步,在面板中拖曳一个“Box1”控件到编辑窗口,改变该控件宽度和高度,第四步,拖曳三个label和两个Text Field控件到编辑窗口,两个单选按钮以及两个按钮,一个标题控件,第五步,由于用户编号是自动生成的,可以利用禁用功能,用户姓名加了提示,性别默认显示“男”,第六步,设计完毕后,利用浏览器进行预览,

文水县15950175826: 如何利用Axure PR 8制作Button -
须郊得尔: 如何利用Axure PR 8制作Button 第一步,打开Axure RP 8软件,找到“Rounded Rectangle”,拖出一个到Home页面 第二步,拖出两个“Label”和两个“Text Field”到Home界面,并修改了Label标签内容 第三步,再拖出两个“Link Button”...

文水县15950175826: Axure 编辑提交按钮 -
须郊得尔: 默认页:文本框禁用,按钮名为“编辑” 设置“编辑”按钮单击事件:

文水县15950175826: 如何利用Axure RP 8创建下拉框 -
须郊得尔: 首先,将安装好的Axure RP 8软件打开,这时窗口出现Home以及下面的三个Page, 如下图所示:接着,在视图窗口拖出一个Droplist组件,放到编辑设计窗口, 如下图所示:鼠标右键选中下拉框,点击“Edit List Items”,出现“Edit Droplist”窗口, 如下图所示:利用上方绿色的“+”添加下拉框中的选项,就这样添加了九项, 如下图所示:于是,设计好下拉框选项后,单击“F5”进行预览,初始化时如下图所示:6 如果想禁用下拉框,在设计时鼠标右键,点击“Disabled”禁用;并再次预览,如下图所示:

文水县15950175826: axure 8.0怎么添加交互 -
须郊得尔: 任何一个元件都是可以添加交互事件的.拖动你需要的元件到页面.选中该元件,右边的工具栏中,可以看到“鼠标单击时,双击时”等多种交互事件.根据自己需要选择

文水县15950175826: 如何利用Axure RP 8设计按钮控制页面框改变大小 -
须郊得尔: 具体步骤如下: 1、打开Axure RP,然后新建一个原型网页,如下图 2、在打开的界面中,选择底部菜单中的小桶图标,选择背景色 3、设置背景颜色以便于观察背景图片,在这里设置的是浅灰色系 4、背景颜色已经设置好了

文水县15950175826: 如何利用Axure RP 8设置单选按钮组并设置选中 -
须郊得尔: 如何利用Axure RP 8设置单选按钮组并设置选中 具体步骤如下: 1、打开Axure RP,然后新建一个原型网页,如下图2、在打开的界面中,选择底部菜单中的小桶图标,选择背景色3、设置背景颜色以便于观察背景图片,在这里设置的是浅灰色系4、背景颜色已经设置好了, 接下来设置网页背景图片,在工具底部菜单栏中找到背景图片项,然后点击导入按钮5、点击确定,如下图,背景图片就算设置好了

文水县15950175826: 如何利用Axure RP 8制作单选框 -
须郊得尔: 制作单选题中的单选框步骤:添加多个单选按钮;同时选择上这几个单选按钮,右键点击——选择“设置单选按钮组”,输入一个名称;在Axure中将其中一个单选按钮设置选中即可 回答不容易,希望能帮到您,满意请帮忙采纳一下,谢谢 !

文水县15950175826: asp如何实现点击弹出窗口,在弹出窗口内提交并显示数据库信息 -
须郊得尔: 使用js 弹出窗口 然后使用asp 提交数据并显示数据库信息 你可以先设计好提交数据并显示数据库信息 然后从网上找个js弹出窗口代码 加进去

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网