• Android-自定义进度条


    圆形进度条,不确定进度条:

      <!-- 原生圆形进度条 不确定进度条 -->
        <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    
        <!--
            自定义圆形进度条 不确定进度条
            android:indeterminateDrawable="@drawable/progress_bar1"
         -->
        <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:indeterminateDrawable="@drawable/progress_bar1"
            android:layout_marginTop="20dp"
            />
    android:indeterminateDrawable="@drawable/progress_bar1" 的progress_bar1.xml:
    <?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="360"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator">
    
        <!--进度条图片-->
        <bitmap
            android:antialias="true"
            android:filter="true"
            android:src="@drawable/share_circle"/>
    
    </rotate>

    效果:


    水平方向进度条:

       <!-- 原生水平进度条 -->
        <ProgressBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/Widget.AppCompat.ProgressBar.Horizontal"
            android:max="100"
            android:progress="50"
            android:layout_marginTop="20dp"
            />
    
        <!-- 
            自定义水平样式 进度条
            android:progressDrawable="@drawable/progress_bar2"
         -->
        <ProgressBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            
            style="@style/Widget.AppCompat.ProgressBar.Horizontal"
            android:max="200"
            android:progress="100"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="20dp"
    
            android:progressDrawable="@drawable/progress_bar2"
            />
    android:progressDrawable="@drawable/progress_bar2" 的progress_bar2.xml:
    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!-- 背景  gradient是渐变,corners定义的是圆角 -->
        <item android:id="@android:id/background">
            <shape>
                <corners android:radius="10dp" />
    
                <solid android:color="#ffffff" />
            </shape>
        </item>
    
        <!-- 第二条进度条颜色 -->
        <item android:id="@android:id/secondaryProgress">
            <clip>
                <shape>
                    <corners android:radius="10dip" />
    
                    <gradient
                        android:angle="90.0"
                        android:centerColor="#ac6"
                        android:centerY="0.45"
                        android:endColor="#6c2"
                        android:startColor="#e71a" />
                </shape>
            </clip>
        </item>
    
        <!-- 进度条 -->
        <item android:id="@android:id/progress">
            <clip>
                <shape>
                    <corners android:radius="10dip" />
    
                    <solid android:color="#F5e5" />
                </shape>
            </clip>
        </item>
    
    </layer-list>

    效果:

  • 相关阅读:
    Misha and Changing Handles
    Garland CodeForces
    Hyperset
    Common Prefixes
    vue笔记整理
    react学习笔记一些整理
    react和vue项目总结
    Vue+elementUi《后台管理系统》前端实现02
    Vue+elementUi《后台管理系统》后台接口准备01
    React+AntdUi实现《好客租房系统》发布房源08
  • 原文地址:https://www.cnblogs.com/android-deli/p/10099279.html
Copyright © 2020-2023  润新知