zoukankan      html  css  js  c++  java
  • 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>

    效果:

  • 相关阅读:
    天梯赛练习2 补题
    QFNU 天梯赛练习 1 补题
    2019 山东省赛 B 题
    CCPC2020 网络赛 总结
    一个比较好看的 Typora 主题
    〔OS〕磁盘调度算法
    〔OS〕页面置换算法
    〔OS〕多线程模拟实现生产者和消费者
    〔OS〕银行家算法
    LCS and LIS
  • 原文地址:https://www.cnblogs.com/android-deli/p/10099279.html
Copyright © 2011-2022 走看看