当前位置: 首页 > 编程笔记 >

Android自定义view实现进度条指示效果

张鹏鹍
2023-03-14
本文向大家介绍Android自定义view实现进度条指示效果,包括了Android自定义view实现进度条指示效果的使用技巧和注意事项,需要的朋友参考一下

先看看效果图:

首先是布局文件

<FrameLayout
 android:layout_width="match_parent"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:layout_height="wrap_content">

 <ProgressBar
  android:id="@+id/pb_process"
  style="@style/ProgressStyle"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:indeterminate="false" />

 <TextView
  android:id="@+id/tv_progress"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:textColor="@color/white"/>

</FrameLayout>

添加style-ProgressStyle

<style name="TrainProgressStyle" parent="@android:style/Widget.ProgressBar.Horizontal">
 <item name="android:progressDrawable">@drawable/my_progress</item>
</style>

添加drawable-my_progress

<?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="5dip" />
   <gradient
    android:angle="270"

    android:centerY="0.75"
    android:endColor="@color/gray_BB"
    android:startColor="@color/gray_BB" />
  </shape>
 </item>

 <item android:id="@android:id/secondaryProgress">
  <clip>
   <shape>
    <corners android:radius="5dip" />
    <gradient
     android:angle="270"
     android:centerColor="#f69200"
     android:centerY="0.75"
     android:endColor="#ff9800"
     android:startColor="#ff9800" />
   </shape>
  </clip>
 </item>

 <item android:id="@android:id/progress">
  <level-list>
   <!-- 进度满时 level = 10000-->
   <item
    android:maxLevel="10000"
    android:minLevel="10000">
    <clip>
     <shape>
      <corners android:radius="5dip" />
      <gradient
       android:angle="270"
       android:centerColor="#21a837"
       android:centerY="0.75"
       android:endColor="#22ac38"
       android:startColor="#22ac38" />
     </shape>
    </clip>
   </item>
   <!-- 进度未满时 level < 10000-->
   <item
    android:minLevel="0"
    android:maxLevel="9999"
    >
    <clip>
     <shape>
      <corners android:radius="5dip" />
      <gradient
       android:angle="270"
       android:centerColor="#f69200"
       android:centerY="0.75"
       android:endColor="#ff9800"
       android:startColor="#ff9800" />
     </shape>
    </clip>
   </item>
  </level-list>
 </item>

</layer-list>

activity里的使用和安卓默认的一样

pb_progress.setMax();
pb_progress.setProgress();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android自定义View实现加载进度条效果,包括了Android自定义View实现加载进度条效果的使用技巧和注意事项,需要的朋友参考一下 上一篇文章总结了下自定义View的几个步骤,如果还有不清楚的同学可以先去看看Android自定义View(一) ,这篇文章和大家分享一下自定义加载进度条,效果如下 下面就以水平的进度条为列进行讲解: 1.首先还是在attrs.xml文件中自定义

  • 本文向大家介绍Android自定义View实现钟摆效果进度条PendulumView,包括了Android自定义View实现钟摆效果进度条PendulumView的使用技巧和注意事项,需要的朋友参考一下 在网上看到了一个IOS组件PendulumView,实现了钟摆的动画效果。由于原生的进度条确实是不好看,所以想可以自定义View实现这样的效果,以后也可以用于加载页面的进度条。  废话不多说,先上

  • 本文向大家介绍Android  view自定义实现动态进度条,包括了Android  view自定义实现动态进度条的使用技巧和注意事项,需要的朋友参考一下 Android  自定义view实现动态进度条 效果图: 这个是看了梁肖的demo,根据他的思路自己写了一个,但是我写的这个貌似计算还是有些问题,从上面的图就可以看出来,左侧、顶部、右侧的线会有被截掉的部分,有懂得希望能给说一下,改进一下,这个

  • 本文向大家介绍Android自定义view实现水波进度条控件,包括了Android自定义view实现水波进度条控件的使用技巧和注意事项,需要的朋友参考一下 通过自定义view实现了一个水滴滴落到水波面,溅起水花并且水波流动上涨的进度条控件。之前看到过好多水波流动的进度条,感觉欠缺些东西,就想到了水滴到水平面,溅起水花然后水流动上涨的进度条效果,于是自己动手写了出来。效果如下,视频录制有些卡顿,实际

  • 本文向大家介绍Android自定义view实现水波纹进度球效果,包括了Android自定义view实现水波纹进度球效果的使用技巧和注意事项,需要的朋友参考一下 今天我们要实现的这个view没有太多交互性的view,所以就继承view。 自定义view的套路,套路很深       1、获取我们自定义属性attrs(可省略)       2、重写onMeasure方法,计算控件的宽和高       3

  • 本文向大家介绍android自定义view制作圆形进度条效果,包括了android自定义view制作圆形进度条效果的使用技巧和注意事项,需要的朋友参考一下 还是我们自定View的那几个步骤: 1、自定义View的属性 2、在View的构造方法中获得我们自定义的属性 [ 3、重写onMesure ] 4、重写onDraw 1、自定义属性: 2、在View的构造方法中获得我们自定义的属性 3、直接重写