小编教你Axure 内联框架使用(内联框架、父级框架)

Axure 内联框架使用(内联框架、父级框架)

版本:Axure RP 8.0.0.3303

内容介绍:做内联框架与父级框架关联;

一、视频效果

二、汇总画面

  1. “产品介绍”页面添加,先添加背景的“圆角矩形”、“矩形元素”,再添加一个“内联框架”元素,再内联框架中添加产品信息,分别是“电脑”,“手机”,“游戏机”,“摄像机”,为了做隐藏方便,分为了四个组。

Axure RP 内联框架使用(内联框架、父级框架)

产品介绍

  1. “详细信息_dn”页面添加,这个页面是需要显示在“产品介绍”页面的内联框架中的信息,主要是添加些文本框、矩形框。

Axure RP 内联框架使用(内联框架、父级框架)

详细参数_电脑

  1. “ 详细信息_sj”与“详细信息_dn”一样,为了区别,修改了文本内容

Axure RP 内联框架使用(内联框架、父级框架)

详细参数_手机

三、添加事件

  1. “产品介绍”界面中,添加“详细信息”的鼠标单击时事件,“产品介绍”页面作为主界面(父级页面),只需要把子级页面的信息显示在内联框架中即可;为了浏览效果,需要把4个分组隐藏。

Axure RP 内联框架使用(内联框架、父级框架)

内联框架事件

Axure RP 内联框架使用(内联框架、父级框架)

隐藏事件

  1. “详细信息_dn”界面中,添加“返回”的鼠标单击时事件,“详细信息_dn”为子页面,要返回到主页面时,需要选择“父级内联“;”详细信息_sj”与”详细信息_dn”的“返回”事件添加方式一样。

Axure RP 内联框架使用(内联框架、父级框架)

父级框架

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/182828.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年12月23日 12:24
下一篇 2022年12月23日 12:25

相关推荐

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息