JoeDevImgProgressBar 扩展:用背景图 / 进度图 / 滑块图自定义图片进度条

« 返回首页

JoeDevImgProgressBar 扩展

用图片自定义进度条:背景图、滑块图(thumb)、进度图三张图片拼出进度条外观,支持圆角与内边距,进度颜色可改且自动贴合圆角。一个组件实例可以用不同 ID 管理多个进度条。图片取自项目素材(assets),必须先上传到素材库。

下载

joejsanz.joedevimgprogressbar.aix

基本信息

  • 版本:原帖未注明
  • 发布时间:2024-10-31
  • JDK:原帖未注明
  • 最低 API 级别:原帖未注明
  • 构建方式:原帖未注明
  • 体积:aix 约 10.3KB

截图

演示动图

演示动图

全部积木一览

全部积木一览

InitializeProgressBar 方法

InitializeProgressBar 方法

Completed 事件

Completed 事件

方法

InitializeProgressBar初始化进度条(ID,布局,背景图路径,滑块图路径,进度图路径,圆角半径,内边距)
在指定 HVArrangement 布局内初始化进度条。
  • ID:整数编号,用于区分同一组件创建的多个进度条
  • 背景图 / 滑块图 / 进度图路径:素材(assets)里的图片文件名,注意参数顺序是滑块图在进度图之前
  • 圆角半径 / 内边距:整数
SetProgress设置进度(ID,进度值)
设置指定进度条的进度值。
GetProgress获取进度(ID)
获取指定进度条的当前进度值。
SetProgressColor设置进度颜色(ID,颜色)
设置指定进度条的进度颜色,自动贴合圆角。

事件

Completed进度完成时(ID)
进度到达最大值时触发,返回完成的进度条 ID。

使用注意

  • 三张图片都取自项目素材(assets),须先上传到素材库。
  • 一个组件实例可用不同 int ID 创建多个进度条。社区成员 hridoyhb 建议改用 String ID(如 “downloadProgress” / “uploadProgress”)提高可读性;作者答复可以做成 int / string 都支持,现阶段可用「描述性变量 = 数字」映射的方式变通。

版权信息

本文档内容依据原作者发布页面整理翻译,版权归原作者所有。

  • 原作者:Joe J. Sánchez(Joejsanz)
  • 原始网址:https://community.appinventor.mit.edu/t/imgprogressbar-background-progress-and-thumb-images/130742
  • 发布日期:2024年10月31日
文档反馈