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

qinzhiqiang 07-17 8:29 4,026次浏览

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 内联框架使用(内联框架、父级框架)

父级框架

  • 暂无推荐