Axure 内联框架使用(内联框架、父级框架)
版本:Axure RP 8.0.0.3303
内容介绍:做内联框架与父级框架关联;
一、视频效果
二、汇总画面
- “产品介绍”页面添加,先添加背景的“圆角矩形”、“矩形元素”,再添加一个“内联框架”元素,再内联框架中添加产品信息,分别是“电脑”,“手机”,“游戏机”,“摄像机”,为了做隐藏方便,分为了四个组。
产品介绍
- “详细信息_dn”页面添加,这个页面是需要显示在“产品介绍”页面的内联框架中的信息,主要是添加些文本框、矩形框。
详细参数_电脑
- “ 详细信息_sj”与“详细信息_dn”一样,为了区别,修改了文本内容
详细参数_手机
三、添加事件
- “产品介绍”界面中,添加“详细信息”的鼠标单击时事件,“产品介绍”页面作为主界面(父级页面),只需要把子级页面的信息显示在内联框架中即可;为了浏览效果,需要把4个分组隐藏。
内联框架事件
隐藏事件
- “详细信息_dn”界面中,添加“返回”的鼠标单击时事件,“详细信息_dn”为子页面,要返回到主页面时,需要选择“父级内联“;”详细信息_sj”与”详细信息_dn”的“返回”事件添加方式一样。
父级框架
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/182828.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除