当前位置: 首页 > news >正文

使用系统ProgressBar实现三色进度条

使用系统ProgressBar实现如图三色进度条:

//布局中<ProgressBarandroid:layout_width="0dp"android:layout_height="8dp"android:layout_marginLeft="16dp"app:layout_constraintBottom_toBottomOf="@id/photo"app:layout_constraintLeft_toRightOf="@id/photo"app:layout_constraintRight_toRightOf="parent"android:max="100"android:min="0"android:progress="10"android:progressTint="@color/color_FF71D4F8"style="@style/CustomProgressBarStyle"android:secondaryProgressTint="@color/color_FF3F66F2"android:secondaryProgress="50"/>//style 样式<style name="CustomProgressBarStyle" parent="Widget.AppCompat.ProgressBar.Horizontal"><item name="android:progressDrawable">@drawable/bg_process</item></style>

drawable:bg_process.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item android:id="@android:id/background"><shape><corners android:radius="4dp" /><solid android:color="@color/color_FFC9CBDF" /></shape></item><item android:id="@android:id/secondaryProgress"><clip><shape><corners android:radius="5dip" /></shape></clip></item><item android:id="@android:id/progress"><clip><shape><corners android:radius="5dip" /></shape></clip></item></layer-list>

这个背景图是抄的  Widget.AppCompat.ProgressBar.Horizontal中的背景图的写法:

http://www.lryc.cn/news/250839.html

相关文章:

  • Vue3中的组合式API的详细教程和介绍
  • Java后端开发——JDBC(万字详解)
  • python etree.HTML 以及xpath 解析网页的工具
  • 电机伺服驱动学习笔记(7)待编辑
  • 【云备份】业务处理
  • JVM GC算法
  • 对Spring框架的一些总结
  • C# WPF上位机开发(第一个应用)
  • 有点迷糊class和初始化参数的用法了
  • 如何选择一款安全稳定的跨境浏览器?
  • SQL Server 数据库,使用函数查询统计信息
  • mysql区分大小写吗
  • HarmonyOS 开发案例分享:万能卡片也能用来玩游戏
  • Could NOT find resource [logback-test.xml]
  • 11.28 C++作业
  • 126. 单词接龙 II
  • SpringBoot+SSM项目实战 苍穹外卖(2)
  • vue常见优化手段
  • vue3通过v-model实现父子组件通信
  • java设计模式学习之【桥接模式】
  • prometheus|云原生|kubernetes内部安装prometheus
  • 利用Python中的Manim进行数学绘画和创作
  • Uniapp
  • HNU-青蛙与蚊子
  • 【新论文】【模型攻击】DiffAttack 针对基于扩散的对抗性净化的逃避攻击
  • 【Redis缓存】RedisTemplate如何获取符合要求的key,批量获取key
  • springboot核心原理之@SpringbootApplication
  • 阻抗匹配电阻原理及其应用
  • IDEA2023安装教程(超详细)
  • 【MySql】悲观锁和乐观锁的介绍