Axure RP中父级窗口的使用方法说明

 时间:2024-11-07 13:56:05

在AxureRP工具的使用过程中,在交互事件的打开链接中打开位置处有个选项是“父级窗口”,如下图所示,这个选项该怎么使用,今天老师那里学习了一下,目前将该经验记录在这里,和大家进行分享。

Axure RP中父级窗口的使用方法说明

工具/原料

AxureRP8.0

方法/步骤

1、正常打开AxureRP工具,为了演示效果,我将各个页面命名为如下截图所示,大家可以根据自己的业务需求进行页面的定义。

Axure RP中父级窗口的使用方法说明

2、双击主页面,在页面空白区域拖动一个按钮元件,并将按钮元件的内容修改为如下图所示的内容,便于演示解说。

Axure RP中父级窗口的使用方法说明

3、在子页面1的空白处从元件库中拖动一个按钮和一个矩形框,内容修改为如下截图所示。

Axure RP中父级窗口的使用方法说明

4、在子页面2的空白处从元件库中拖动一个矩形框,内容修改为如下截图所示,便于演示效果的时候使用。

Axure RP中父级窗口的使用方法说明

5、回到主页的页面,选中按钮,在右咐搭趔涮边的交互事件中,单击“鼠标单击时”,如下图1中标红的所示,在弹出的对话框中,点击“打开链接”,在右侧的打开位置处下拉选蒗钰妒蟥中“弹出窗口”,如下图2所示。为弹出窗口指定链接,如下图3所示,点击确定退出对话框。

Axure RP中父级窗口的使用方法说明

Axure RP中父级窗口的使用方法说明

Axure RP中父级窗口的使用方法说明

6、打开子页面1,选中按钮,同样点击“鼠标单击时”弹出对话框,如下图1所示。

Axure RP中父级窗口的使用方法说明

7、这一步的配置是关键所在。在弹出的对话框中,点击“打开链接”,在右侧的打开位置处下拉选中“父级窗口”,如下图1所示。为弹出窗口指定链接,如下图2所示,点击确定退出对话框。

Axure RP中父级窗口的使用方法说明

Axure RP中父级窗口的使用方法说明

8、这时候回到主页,点击悴匙吭佰预览,在浏览器窗口中,先是看到下图1所示的效果。点击按钮后,弹出一个新的页面,也就是子页面1,如下截图2所示。在弹出的轻拔吴悃窗口中点击按钮,这是就会发现他所在的父级窗口页面内容刷新了,如下图3所示。

Axure RP中父级窗口的使用方法说明

Axure RP中父级窗口的使用方法说明

Axure RP中父级窗口的使用方法说明

用axure怎样做出登录页和注册页面切换的效果 Web如何使用代码片段代码管理 HBuilder-X自定义模板的存放路径和使用方法说明 教大家使用Axure制作点击展开的下拉菜单效果 Axure怎么在浏览器上查看效果图
热门搜索
欧式吊灯图片 儿童菜谱大全带图片 秦陵兵马俑图片 一套图片 皇宋通宝图片及价格