美文网首页
Axure8.0之进度条

Axure8.0之进度条

作者: 沈正方 | 来源:发表于2018-07-18 13:04 被阅读16次

进度条的拖动主要用到了动态面板的拖动功能,在拖动时改变显示的进度,设置进入背景色的尺寸。

实现步骤
  1. 先添加一个矩形,用做进度条的背景,命名为:ProgressBar
  2. 然后添加一个矩形,命名为Progress,之后通过改变这个矩形的尺寸实现拖动时进度条颜色的改变。
  3. 再添加一个动态面板,只有动态面板有拖动的功能。



    首先给动态设置水平拖动并设置水平拖动时的左右边界,保证动态面板的位置不会超过背景矩形的最左侧和最右侧。



    接下来设置Progress尺寸,保证拖动时背景色跟着变化。

    再其次计算拖动的百分比,并把进度显示在ProgressValue的椭圆形文本中。


相关文章

  • Axure8.0之进度条

    进度条的拖动主要用到了动态面板的拖动功能,在拖动时改变显示的进度,设置进入背景色的尺寸。 实现步骤 先添加一个矩形...

  • 【01】Axure8.0工具栏与元件库

    认识Axure8.0 由下图所示,Axure8.0主要的7个区域组成: 工具栏 1.钢笔、更多 钢笔工具可以自定义...

  • Axure8.0之轮播组件

    Axure实现轮播组件主要用到了动态面板这个组件。动态面板的获取主要通过其他控件转化(比如图片组件右键选中动态面板...

  • js之进度条

    js之进度条 今天试学了一下进度条,感觉挺神奇的,其中收藏了几个网址,我贡献一下:https://loading....

  • Axure图标元件库显示不全解决办法

    我的是G盘 找到G:\AXURE8.0\Axure\Axure RP 8\DefaultSettings\Libr...

  • Axure8.0安装教程

    Axure8.0安装教程 参考原文链接:http://www.downza.cn/soft/213093.html...

  • Axure8.0之弹框组件

    弹框组件主要的实现思路是利用动态面板可以在多个状态下切换的原理,在一个状态下添加弹框内容,另一个状态下不添加任何内...

  • Android自定义控件之圆形进度条

    Android自定义控件之-圆形进度条 先上图: 贴代码不废话: ** CircleProgressBar.jav...

  • sys模块

    打印进度条 进度条的效果 [# ][## ][### ...

  • 橡皮筋进度条ElasticProgressBar

    橡皮筋进度条ElasticProgressBar 橡皮筋进度条是一个极具动画效果的进度条。该进度条不仅具有皮筋效果...

网友评论

      本文标题:Axure8.0之进度条

      本文链接:https://www.haomeiwen.com/subject/itjopftx.html