• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >axure > Axure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)

Axure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-14

本文主要包含axure7.0动态面板教程,axure7.0动态面板,axure7.0视频教程,axure7.0教程,axure7.0教程实例等相关知识,希望在学习及工作中可以帮助到您

为了更直观的体现Axure rp7.0的改变,这章我们用Axure7.0的新特性重新制作一次进度条,我们以axure6.5制作进度条的案例和axure7.0作比较,来看看新特性带来的好处。

本教程案例下载:进度条6.5&7.0.rar

首先说一下要准备的原件:

相同的原件

1、? 我们做的进度条是动态的,所以需要变量支持,两个案例中我们都定义了变量baifenbi;

2、? 同样,因为动态,我们需要用到循环,最简单的实现就是通过动态面板的可见性切换(通过两个状态切换也能实现循环),所以两个案例中都有一个没有任何其他内容的动态面板,标签是“循环”;

3、? 两个案例都有进度条的外边框,需要一个矩形边框加粗,并且设置填充色为透明;

4、? 然后需要每个案中都有两个labal文字面板,一个写上%,另外一个动态显示变量值baifenbi;

5、? 两个安置中都有一个按钮,用来触发动态面板的循环。

不同的原件

8-1

上面是6.5的元件,下面是7.0的元件,看到不同了吗?

8-3

您可能想查找下面的文章:

  • Axure教程:动态面板实现广告循环播放
  • Axure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)

相关文章

  • 2017-06-14Axure原型技巧 | 这回我们模拟下键盘输入
  • 2017-06-13Axure教程:移动端原型如何适配不同分辨率的手机?
  • 2017-06-14Axure7.0教程(四)中继器的使用(4)
  • 2017-06-14Axure教程|如何制作”返回顶部”原型功能?
  • 2017-06-13Axure 7.0实例:利用Axure制作放大镜原型
  • 2017-06-14axure实现网站的通用注册原型设计
  • 2017-06-13Axure教程:如何使用Axure中继器元件?
  • 2017-06-13Axure教程:商品详情页产品图效果展示
  • 2017-06-13Axure教程|原型设计之抽屉列表
  • 2017-06-14Axure教程 | 原型中的商品图放大镜效果

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Axure8.0原型案例:制作手机拨号界面
    • Axure教程:怎样做低保真轨迹追踪与回放
    • Axure教程:原型设计之转盘抽奖
    • Axure 制作下拉框省市县三级联动
    • Axure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)
    • Axure教程:移动端原型如何适配不同分辨率的手机?
    • Axure教程:原型实战之模拟拼图效果(变量、动态面板、参数…全面实战应用)
    • Axure8.0教程:“百度一下,你就知道”搜索首页原型设计
    • Axure教程-体验一下 iPhone 6
    • axure九宫格拼图的实现原理

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有