1、打开【Axure】软件,在index文件上新建一个375*667大小的背景矩形并绘制页面。

具体如图所示。

2、在banner的位置上新建一个【动态面板】,双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3。具体如图所示。

3、在右侧的页面模块上双击【banner1】进入到banner1的内页中,并新建一个矩形填充【006600】的颜色。具体如图所示。

4、在右侧的页面模块上双击【banner2】进入到banner2的内页中,并新建一个矩形填充【CC0000】的颜色。具体如图所示。

5、在右侧的页面模块上双击【banner3】进入到banner3的内页中,并新建一个矩形填充【FF9900】的颜色。具体如图所示。

6、回到首页,选择动态面板给他命一个名字【banner】选择交互中的【载入时】选择设置面板状态,勾选【banner】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。

7、回到首页,在banner动态面板上再次新建一个【动态面板】并重新命名为【轮播点】,具体如图所示。

8、双击【轮播点】动态面板,新建三个内页【轮播点1、轮播点2、轮播点3】具体如图所示。

9、点击轮播点1中绘制三个【圆形】,并把第一个圆形填充成点亮的颜色【666666】,具体如图所示。

10、点击轮播点2中绘制三个【圆形】,并把第二个圆形填充成点亮的颜色【666666】,点击轮播点3中绘制三个【圆形】,并把第三个圆形填充成点亮的颜色【666666】,具体如图所示。

11、回到首页,在右侧交互面板上选择【载入时】,回到首页,勾选【轮播点】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。

来源:千锋UI设计

axure内联框架和动态面板_最详细的Axure动态面板使用教程相关推荐

  1. axure内联框架和动态面板_解读Axure RP 9新功能:内联编辑动态面板

    一直以来,动态面板小部件是Axure RP的一个定义功能.在版本4中引入的动态面板是容器,允许用户构建从图像轮播到粘性导航标题到可拖动页面元素的所有内容. Axure RP 9的主要目标之一是使这些功 ...

  2. axure内联框架和动态面板_Axure教程:如何使用动态面板?动态面板功能详解

    写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板 动态面板是a ...

  3. axure内联框架和动态面板_Axure中动态面板和母版有什么区别

    Axure(http://www.axurechina.cc/)软件中有很多组件,而我们最常用的Axure中动态面板和母版有什么区别呢? 一:动态面板组件从字面上理解是一个动态的.由面板组成的一个组件 ...

  4. axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动

    刚开始学axure,发现入门还是蛮简单的,所以从现在开始写一些自己体会的内容,以后忘记了也可以来翻阅一下. 因为是入门,所以内容肯定是很简单的,但是本文也不会致力于写教程一样那么详细,还是侧重于自己的 ...

  5. axure内联框架和动态面板_Axure -- 动态面板入门解析

    动态面板简介 动态面板 -- 样式(特有) 滚动条设置(预览页面的区域滚动条) 从不滚动 在预览界面隐藏滚动条. 注意:会根据动态面板的大小展示对应内容,超出动态面板部分内容不能展示. 按需滚动 在预 ...

  6. html中怎样播放本地视频教程,【Axure9基础教程】内联框架如何引入本地音频 视频 HTML PDF等本地文件...

    在[ 在讲解如何插入本地文件之前需要先讲两个概念,相对路径和绝对路径,了解了这两个概览后,才能顺利的插入本地文件并识别成功 绝对路径和相对路径是什么? 相对路径:相对路径就是相对于当前文件的路径,以引 ...

  7. 图片-标签、格式\内联框架\音视频播放——HTML

    图片标签 图片标签用于向当前页面中引入一个外部图片 使用img标签来引入外部图片,img标签是一个自结束标签 img这种元素属于替换元素(块和行内元素之间,具有两种元素的特点) img 属性: src ...

  8. HTML-基本语法、常用标签、列表、超链接、超链接定义锚点、表格、表单和内联框架

    HTML基本语法 <!-- <!DOCTYPE html> 声明告诉浏览器我们使用的是HTML5 --> <!DOCTYPE html> <!-- <h ...

  9. 前端学习 -- 内联框架iframe

    内联框架iframe 可以向一个页面中引入其他的外部页面 内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 <iframe></iframe> 属性: sr ...

最新文章

  1. 安装Exchange Server2016管理工具
  2. Function One
  3. [转]GIS开发平台的未来 —— .NET还是J2EE?
  4. 小明分享:8ms平台入门教程
  5. C# Console.ReadLine()方法的使用 以及利用其返回值null终止输入
  6. 《零基础看得懂的C++入门教程 》——(9)结构体原来如此
  7. jzoj6801-NOIP2020.9.19模拟patrick【树状数组】
  8. (转)也谈设计模式,实例票据打印 解析 Decorator
  9. c语言简易调度器,给大家分析SD调度器
  10. Flex弹性布局_思维导图
  11. 不可错过的MSDN TV —— IronPython: Python on the .NET Framework (中)
  12. (转)linux口令相关文件(/etc/passwd和/etc/shadow)
  13. fw313r手机登录_迅捷(FAST)fw313r路由器手机设置教程
  14. 点云高斯曲率计算(MATLAB)
  15. excel表格打印每页都有表头_Excel小技巧3:打印每页添加表头
  16. 关于 Macbook 外接显示器模糊问题
  17. edge浏览器怎么设置activex_Microsoft Edge拥抱HTML5和JavaScript,不再支持IE上的ActiveX技术...
  18. Linux内核中的IPSEC实现(3)
  19. 基于链表的贪吃蛇(C语言)
  20. Pandas:将excel中字符型数据转为float数值型

热门文章

  1. 主修英语选修计算机,人教版高中英语选修计算机英语TheSystemUnit.ppt
  2. 飞哥联盟(FRECO)补血,产业云未来能顶半边天
  3. Kubernetes 学习总结(34)—— 如何理解编排
  4. sai实现空心文字的教程
  5. EasyAdmin CURD命令大全
  6. VC实现数据的加密和解密(MD5加密/DES/RSA加密解密)
  7. 简洁轻量的SVGA动效
  8. 【python】晋江原耽积分榜前5000文的标签统计
  9. Java基础--awt详解以及简单应用
  10. 无锡设计培训——服装设计的六大类型