axure商城

【程程入门小组件系列】长条进度条动效

因为这个交互微微有点多,所以认真的进行了命名(๑•̀ㅂ•́)و✧

点击查看效果>>

第一步
准备组件:

(1)一个开始按钮,命名为StartButton

【程程入门小组件系列】长条进度条动效

(2)一个用于展示进度动态面板,命名为PrograssBar,简称pb

【程程入门小组件系列】长条进度条动效

(3)一个背景矩形,命名为Background,简称bg

【程程入门小组件系列】长条进度条动效

(4)一个文本框,命名为Percent

【程程入门小组件系列】长条进度条动效

2、设置交互

【StartButton】(这是一切开始的地方)
点击后设置进度条的尺寸并显示,再设置百分比文本。

【程程入门小组件系列】长条进度条动效

【PrograssBar】(进度条开始“突突突”)
用两个相同的状态来回切换,切换时触发尺寸变化

【程程入门小组件系列】长条进度条动效

问:math.ceil函数啥意思?
答:隔壁村的阿花说有问题可以自己搜索,这是本村的程程百度的:math.ceil(x)返回大于等于参数x的最小整数,即对浮点数向上取整。

(σ゚∀゚)σ..:*☆哎哟不错哦

给TA打赏
共{{data.count}}人
人已打赏
软件资讯

【Axure教程】低代码可视化编辑器

2023-2-12 0:33:10

软件资讯

Axure RP 11 Beta发布了 没有授权的用户也可以使用

2024-9-4 10:22:12

axure商城
3 条回复 A文章作者 M管理员
  1. 易米八

    问一下那个bg.width/100,系统怎么判定bg就是那个背景条,是设置了变量吗

  2. 三秋

    文章写的很有帮助

  3. 黄老师
    黄老师给您打赏了¥10
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索