《Axure RP 9网站与App产品交互设计实践》课件 7.Axure内联框架.pptx

Axure内联框架

技术型文科人才系列课程

主讲人：

文学与传媒学院

新媒体产品设计与项目管理

第七章Axure内联框架

目标

（1）知识目标：

了解内联框架元件；

理解内联框架的作用

。

（2）能力目标：

熟练掌握内联框架的使用方法；（重点）

熟练掌握热区元件的使用方法。

（3）素养目标：

培养学生提出问题、分析问题、解决问题的能力；（高阶思维和能力）

培养学生养成知识总结习惯；

培养学生表达演示素养。

网页中嵌入互联网网页、音视频文件、地图等。

内联框架组件

内联框架是Axurerp9中的一个元件，也相当于一个容器，内联框架支持嵌入外部资源在元件中，包括互联网网页、音视频文件、网页地图等。

设置内联框架的样式

添加框架目标、隐藏边框、滚动和预览功能

内联框架的基本操作

嵌入网页

跳转网页

内联框架可以链接文件路径，文件路径包括本地路径和网络路径，这两种路径分别支持嵌入本地视频和网络视频。

本地视频:把视频文件放在生成后的文件夹，内联框架的url设置中写本地路径（带扩展名）。

网络视频:分享-通用代码-找到src的值（‘’引号里面的内容）

例iframeheight=498width=510src=/embed/XNTA5NDI1MTc2NA==frameborder=0allowfullscreen/iframe

嵌入视频

嵌入地图

案例演练：视频点播

案例描述

顶部为视频播放控件（内联框架），下方是视频列表，点击任意列表项（热区），即刻播放相关视频内容。

事件

用例

动作

单击列表某一热区时

内联框架目标随之改变

操作关键点

试做：仿微信低保真原型

案例描述

底部为菜单，点击不同的区域，菜单图标颜色改变，且主屏显示不同页面。

谢谢观赏

技术型文科人才系列课程

新媒体产品设计与项目管理