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>

    效果:

  • 相关阅读:
    数据库mysql中`的作用
    省,市,区三级下拉框联动以及localStorage当做缓存优化
    仿头条新闻app,实现下拉刷新,上拉加载分页
    js获取checkbox多选表单
    这两天的工作:webApp接口对接开发
    我做的一个考试资料app的控制器和后台
    我做的cms后台管理1,商业网站
    thinkphp简单后台cms的操作逻辑
    thinkphp后台登陆自动监测方法_initialize
    topthink有时间看看
  • 原文地址:https://www.cnblogs.com/android-deli/p/10099279.html
Copyright © 2011-2022 走看看