新闻详情

新闻详情

首页 / 资讯中心 / 详情

progress-bar-cj API速查手册:MaterialModel、ComWheel全部接口一图看懂

发布时间:2026/9/25 1:37:19来源:尧图网络
progress-bar-cj API速查手册:MaterialModel、ComWheel全部接口一图看懂
progress-bar-cj API速查手册MaterialModel、ComWheel全部接口一图看懂【免费下载链接】progress-bar-cj自定义进度条归一化UI组件项目地址: https://gitcode.com/Cangjie-TPC/progress-bar-cjprogress-bar-cj是一个用仓颉语言编写的鸿蒙系统进度条 UI 组件三方库提供 Material / Smooth 双风格、圆形 水平两种形态的自定义进度条。本文作为progress-bar-cj API 速查手册带你一图看懂MaterialModel、ComMaterialModel、ComWheel三大核心类与MaterialProgressStyle枚举的全部接口鸿蒙仓颉开发者收藏这一篇就够了。 组件全景4 种进度条形态一个组件全搞定MaterialProgressBar是库的总入口组件构造时传入风格和配置模型两个参数即可切换以下 4 种形态风格枚举形态适用场景MaterialCircularMaterial 圆形进度轮加载状态、环形仪表MaterialHorizontalMaterial 水平进度柱下载进度、任务进度SmoothCircularSmooth 圆形进度轮平滑过渡动画效果SmoothHorizontalSmooth 水平进度柱平滑过渡动画效果枚举完整定义见 material_progress_style.cj。 MaterialModel水平柱与 Material 圆形的总控开关MaterialModel是MaterialProgressBar的配置模型类带Observed状态监听源码见 material_progress_bar.cj。全部 setter 接口按功能分组如下颜色与背景接口参数类型作用setColorUInt32设置进度条主色setColorsArrayUInt32设置多色数组彩色进度条setSecondColorUInt32设置第二进度条颜色setBgColorUInt32设置背景轨道颜色setShowProgressBackgroundBool一键显示/隐藏背景轨道setIsGradientsBool开启渐变效果进度与几何接口参数类型作用setProgressFloat64设置主进度值默认 30.0setSecondProgressFloat64设置第二进度值setAngleFloat64设置角度setRadiusFloat64设置圆形进度轮半径默认 50.0setStrokeWidthFloat64设置描边宽度默认 8.0动画与特效接口参数类型作用setIndeterminateBool开启不确定模式无限滚动动画setIndeterminateAngleBool开启不确定角度摆动效果setSpeedFloat64设置动画速度默认 1.5setCurveCurve设置动画曲线默认Curve.LinearsetIsStopBool停止动画setIsReversedBool反转方向setIsMirrorBool镜像效果setIsPocketBool凹陷样式开关分割与风格接口参数类型作用setStyleMaterialProgressStyle切换 4 种进度条形态setSeparatorLengthFloat64设置分割段长度setSectionsCountInt64设置分割次数默认 4setHorizontalLengthFloat64设置水平柱长度setProgressInitFloat64设置初始进度值 ComMaterialModel ComWheel进度轮专属 API想要轮圈 旋转动画 百分比文字的精致进度轮用独立组件ComWheel源码见 com_wheel.cj。它内部持有配置模型ComMaterialModel接口分为三组外观设置接口参数类型作用setCircleRadiusFloat64进度轮半径默认 30.0setBarColorUInt32画笔进度弧颜色setRimColorUInt32外轮圈颜色setBarWidthFloat64进度弧宽度默认 5.0setRimWidthFloat64轮圈宽度默认 5.0setSpinSpeedFloat64旋转速度默认 230.0进度控制接口参数类型作用setProgressFloat64设置目标进度0.0 ~ 1.0带缓动动画setInstantProgressFloat64立即跳到指定进度无动画setLinearProgressBool切换线性/缓动插值模式getProgress-获取当前进度文本resetCount-进度清零旋转控制接口参数类型作用setSpinningBool开启/关闭旋转动画spin-启动旋转stopSpinning-停止旋转并清零spinning-查询是否正在旋转init_data-初始化轮圈路径与动画定时器closeTimer-取消动画定时器组件销毁时自动调用 其他通用类一眼扫完类位置说明MaterialProgressBarmaterial_progress_bar.cj总入口组件按 style 自动分发 4 个子组件MaterialProgressStylematerial_progress_style.cj4 种风格枚举支持/!比较ProgressBar接口progress_bar.cj定义setProgress/getProgress/setMaxProgress/getMaxProgress四个契约方法CircularComponentcircular_component.cj圆形进度属性载体bgColor、color、strokeWidth、progress、progressMax、angle等字段HorizontalComponenthorizontal_component.cj水平进度属性载体字段与圆形一致并增加偏移量mOffset 快速上手三步接入进度条组件引入依赖将progressbar模块拷贝到工程在oh-package.json5的 dependencies 中添加progressbar: file:../progressbar并在cjpm.toml中配置路径依赖详细步骤见 README.md。导入包在页面文件中import progressbar.*。配置并声明组件在aboutToAppear中配置MaterialModel在build中声明组件。最小示例var frameworkModel: MaterialModel MaterialModel() this.frameworkModel.setStyle(MaterialProgressStyle.MaterialHorizontal) this.frameworkModel.setProgress(30.0) this.frameworkModel.setColor(0x009688) // build 中声明 MaterialProgressBar(style: MaterialProgressStyle.MaterialHorizontal, modelBuild: this.frameworkModel)完整可运行示例见 material_progress_bar_sample.cj其中演示了彩色进度、Tinted 染色、不确定模式、工具栏进度条等多种玩法。 常用文档路径速查API 特性文档doc/feature_api.md组件库源码目录progressbar/src/main/cangjie/src/示例入口页entry/src/main/cangjie/src/index.cj演示图片资源doc/assets/小结记住总控用MaterialModel、进度轮用ComWheelComMaterialModel、风格切换用MaterialProgressStyle这一条主线progress-bar-cj 的全部接口就尽在掌握动手试试吧【免费下载链接】progress-bar-cj自定义进度条归一化UI组件项目地址: https://gitcode.com/Cangjie-TPC/progress-bar-cj创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

Android-ObservableScrollView 支持的控件清单:从 ObservableListView 到 ObservableRecyclerView 的统一滚动监听方案 2026/9/25 2:09:43

Android-ObservableScrollView 支持的控件清单:从 ObservableListView 到 ObservableRecyclerView 的统一滚动监听方案

移动开发UI组件 【免费下载链接】Android-ObservableScrollView Android library to observe scroll events on scrollable views. 项目地址: https://gitcode.com/gh_mirrors/an/Android-ObservableScrollView 点击查看 免费下载 本篇技术指南围绕 Android-Observ…

阅读更多 →
.NET 4.0下的C#智能脚本编辑器:基于Roslyn的运行时编译与补全实现 2026/9/25 2:09:37

.NET 4.0下的C#智能脚本编辑器:基于Roslyn的运行时编译与补全实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
weworkhook风险与合规思考:GPS定位伪造技术的道德边界与安全警示 2026/9/25 2:09:37

weworkhook风险与合规思考:GPS定位伪造技术的道德边界与安全警示

weworkhook风险与合规思考:GPS定位伪造技术的道德边界与安全警示 【免费下载链接】weworkhook 企业微信打卡助手,在Android设备上安装Xposed后hook企业微信获取GPS的参数达到修改定位的目的。注意运行环境仅支持Android设备且已经ROOTXposed框架 &#x…

阅读更多 →
Hadoop大数据开发数据云盘项目实战:从伪分布式部署到HDFS文件上传下载 2026/9/25 2:09:36

Hadoop大数据开发数据云盘项目实战:从伪分布式部署到HDFS文件上传下载

简介:这是一套面向高校计算机相关专业学生的Hadoop大数据开发实战项目——数据云盘系统,适合用作课程设计、期末大作业或自学练手,新手也能借助详细注释快速理解整体架构与业务逻辑。资源包共126个文件,约58.11MB,以32…

阅读更多 →
Yii 2 从零创建 “Saying Hello“ 页面:Action、View 与路由分发全解析 2026/9/25 2:09:30

Yii 2 从零创建 “Saying Hello“ 页面:Action、View 与路由分发全解析

后端Web框架 【免费下载链接】yii2 Yii 2: The Fast, Secure and Professional PHP Framework 项目地址: https://gitcode.com/gh_mirrors/yi/yii2 点击查看 免费下载 本节是 Yii 2 入门系列(docs/guide-vi 越南语版)中的首个实战环节&#…

阅读更多 →
如何搭建高吞吐PD分离(Prefill/Decode Disaggregation):UCM异构资源管理完全指南 2026/9/25 2:09:30

如何搭建高吞吐PD分离(Prefill/Decode Disaggregation):UCM异构资源管理完全指南

如何搭建高吞吐PD分离(Prefill/Decode Disaggregation):UCM异构资源管理完全指南 【免费下载链接】unified-cache-management Unified Cache Manager(推理记忆数据管理器),是一款以KV Cache为中心的推理加速…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉