一步一步学android控件（之二十三）—— ProgressBar

最新推荐文章于 2019-06-28 00:45:11 发布
最新推荐文章于 2019-06-28 00:45:11 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： android 文章标签： 位置服务 android progressBar 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sun_star1chen/article/details/17015307
版权

android中内置了多种风格的ProgressBar（进度条） ，通过style属性设置其样式：

   默认的样式

 圆形稍大一点的ProgressBar ， style="?android:attr/progressBarStyleLarge"

   水平的ProgressBar ， style="?android:attr/progressBarStyleHorizontal"

我们可以将ProgressBar的样式分为两大类型：

1、圆形动画： 一般用于一些未知“长度”的任务，仅仅表示正在处理任务，但是不知道任务进行到了何处 。

2、水平进度条：一般用于要显示中间进度。条件：知道任务的长度；当前任务完成度。


本文结合两个实例来学习progressBar。

1、定位 + 自定义 圆形动画的 progressBar

       点击“位置服务”时，启动一个线程去加载用户的位置信息，同时显示圆形动画的progressBar。位置信息加载“完成”后发送一个消息更新UI——显示用户位置信息或者显示定位出错信息。

2、文件读取 + 自定义样式的水平progressBar + 文件内容显示

       点击“文件操作”时，启动一个线程读取文件中的信息。所有读取出来的信息，一个字符一个字符的写到TextView中（为了能够清晰的看清楚操作进度 ， 每写一个字符线程休眠500毫秒：



下面一步一步实现上述功能。

1、准备一个文件test_file.txt放到assets目录下

中文测试字符。
First line .
second line .
third line .
forth line .
fifth line .
sixth line .
seventh line .
eighth line .
ninth line .
tenth line .
2、创建布局文件widget_progressbar_layout.xml 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/load_location_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/str_location_service" />

        <Button
            android:id="@+id/load_file_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/str_file_op" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:orientation="horizontal" >

        <ProgressBar
            android:id="@+id/location_progress_bar"
            style="@style/customer_progress_style"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/location_text_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="invisible" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="150dp"
        android:orientation="vertical" >

        <ProgressBar
            android:id="@+id/file_reader_progress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="invisible"
            style="@style/customer_progress_style_horizontal" />
        <!-- style="?android:attr/progressBarStyleHorizontal" -->

        <TextView
            android:id="@+id/file_content_text_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="visible" />
    </LinearLayout>

</LinearLayout>
布局文件中有两个progressBar ： 

2.1  自定义圆形动画的progressBar ： android:id="@+id/location_progress_bar" 为位置服务的progressBar 其使用了样式 style="@style/customer_progress_style" ，该样式定义在res/values/styles.xml 中

<style name="customer_progress_style" >
        <item name="android:indeterminateDrawable">@drawable/progress_style_circle_anim</item>
    </style>

style中使用了自定义的drawable ——progress_style_circle_anim.xml , 其内容如下：

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="-1"
    android:repeatMode="reverse"
    android:toDegrees="360" >

    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:dither="true"
        android:innerRadiusRatio="4"
        android:shape="ring"
        android:thicknessRatio="20"
        android:useLevel="false" >
        <padding
            android:bottom="5dp"
            android:left="5dp"
            android:right="5dp"
            android:top="5dp" />

        <stroke
            android:dashGap="3dp"
            android:dashWidth="7dp"
            android:color="#FFFF00" />

        <gradient
            android:centerColor="@color/pregress_style_center_color"
            android:centerX="50%"
            android:centerY="50%"
            android:endColor="@color/pregress_style_end_color"
            android:startColor="@color/pregress_style_start_color"
            android:type="sweep" />
    </shape>

</rotate>
2.2  自定义水平样式的progressBar ： android:id="@+id/file_reader_progress" 为显示文件操作进度的progressBar ， 其使用了样式 style="@style/customer_progress_style_horizontal" ，该样式定义在res/values/styles.xml 中 

<style name="customer_progress_style_horizontal" parent="android:Widget.ProgressBar.Horizontal">
        <item name="android:progressDrawable">@drawable/horizontal_progress_bar_style</item>
        <item name="android:indeterminateOnly">false</item>
        <item name="android:minHeight">10dip</item>
		<item name="android:maxHeight">10dip</item>
    </style>
style中使用自定义的progressDrawable——horizontal_progress_bar_style，其内容如下： 

<?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="3dip" />
            <gradient
                android:angle="270"
                android:centerColor="#ffBBBBBB"
                android:centerY="0.75"
                android:endColor="#ffCC66FF"
                android:startColor="#ffDDDDDD" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="3dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#ffffb600"
                    android:centerY="0.75"
                    android:endColor="#ffffcb00"
                    android:startColor="#ffffd300" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="90"
                    android:centerColor="#ff00ff00"
                    android:centerY="0.75"
                    android:endColor="#ffffffff"
                    android:startColor="#3fF0ff30" />
            </shape>
        </clip>
    </item>

</layer-list>

3、 创建activity——WidgetProgressBarActivity.java 

package com.xy.zt.selfdefinewieget;

import android.app.Activity;
import android.content.Context;
import android.content.res.AssetManager;
import android.location.Address;
import android.location.Geocoder;
import android.location.Location;
import android.location.LocationListener;
import android.location.LocationManager;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

import org.apache.http.util.EncodingUtils;

import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.util.List;

public class WidgetProgressBarActivity extends Activity implements OnClickListener,
        LocationListener {

    public static final int MSG_REFRESH_LOCATION_UI = 1;
    public static final int MSG_REFRESH_FILE_OP_UI = 2;

    private Button mLocationBtn;
    private Button mFileBtn;

    private ProgressBar mLocationProgress;
    private ProgressBar mFileProgress;

    private TextView mLcationTv;
    private TextView mFileTv;

    private LocationManager mLocManager;

    private LocationTaskThread mLocationThread;
    private FileReaderThread mFileThread;

    private Handler mRefreshHandler = new Handler() {

        private boolean isProMaxSetted = false;

        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case MSG_REFRESH_LOCATION_UI:
                    mLcationTv.setText((String) msg.obj);
                    mLocationProgress.setVisibility(View.GONE);
                    mLcationTv.setVisibility(View.VISIBLE);
                    mFileBtn.setClickable(true);
                    break;
                case MSG_REFRESH_FILE_OP_UI:
                    Bundle data = msg.getData();
                    if (data == null || !data.containsKey(READ_CHARACTOR)) {
                        Toast.makeText(WidgetProgressBarActivity.this, (String) msg.obj,
                                Toast.LENGTH_SHORT).show();
                    } else {

                        mFileTv.setVisibility(View.VISIBLE);
                        int count, size;
                        char charactor;
                        count = data.getInt(FILE_READ_LENGTH_KEY);
                        size = data.getInt(FILE_LENGTH_KEY);
                        charactor = data.getChar(READ_CHARACTOR);
                        if (!isProMaxSetted) {
                            mFileProgress.setMax(size);
                        }
                        mFileProgress.setProgress(count);
                        mFileProgress.setSecondaryProgress(1 + count);
                        mFileTv.setText(mFileTv.getText().toString() + charactor);
                        if (count >= size) {
                            mLocationBtn.setClickable(true);
                        }
                    }
                    break;
            }
        }

    };

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.widget_progressbar_layout);
        init();
        mLocManager = (LocationManager) getSystemService(Context.LOCATION_SERVICE);
        try {
            mLocManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 1000l, 0f, this);
            mLocManager.requestLocationUpdates(LocationManager.NETWORK_PROVIDER, 1000l, 0f, this);
        } catch (IllegalArgumentException e) {

        }

    }

    private void init() {
        mFileProgress = (ProgressBar) findViewById(R.id.file_reader_progress);
        mLocationProgress = (ProgressBar) findViewById(R.id.location_progress_bar);

        mLocationBtn = (Button) findViewById(R.id.load_location_btn);
        mLocationBtn.setOnClickListener(this);
        mFileBtn = (Button) findViewById(R.id.load_file_btn);
        mFileBtn.setOnClickListener(this);

        mLcationTv = (TextView) findViewById(R.id.location_text_view);
        mFileTv = (TextView) findViewById(R.id.file_content_text_view);
    }

    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.load_location_btn:
                if (mLocationThread == null || mLocationThread.isThreadEnd) {
                    mLocationThread = new LocationTaskThread(this, mLocManager,
                            mRefreshHandler.obtainMessage(MSG_REFRESH_LOCATION_UI),
                            this);
                    mLocationThread.start();
                } else {
                    Toast.makeText(this,
                            "后台线程正在加载位置信息,请稍等 ！...",
                            Toast.LENGTH_SHORT).show();
                    return;
                }
                mFileProgress.setVisibility(View.GONE);
                mFileTv.setVisibility(View.GONE);
                mLocationProgress.setVisibility(View.VISIBLE);
                mFileBtn.setClickable(false);
                break;
            case R.id.load_file_btn:
                if (mFileThread == null || mFileThread.isTeminated) {
                    mFileThread = new FileReaderThread(this,
                            mRefreshHandler.obtainMessage(MSG_REFRESH_FILE_OP_UI));
                    mFileThread.start();
                } else {
                    Toast.makeText(this,
                            "后台线程正在读取文件信息,请稍等 ！...",
                            Toast.LENGTH_SHORT).show();
                    return;
                }
                mFileTv.setText("");
                mFileProgress.setVisibility(View.VISIBLE);
                mFileTv.setVisibility(View.VISIBLE);
                mLocationProgress.setVisibility(View.GONE);
                mLcationTv.setVisibility(View.GONE);
                mLocationBtn.setClickable(false);
                break;
        }
    }

    public void onLocationChanged(Location location) {
    }

    public void onProviderDisabled(String provider) {
    }

    public void onProviderEnabled(String provider) {
    }

    public void onStatusChanged(String provider, int status, Bundle extras) {
    }

    static class LocationTaskThread extends Thread {
        LocationManager mLM;
        Message mMessage;
        LocationListener mLL;
        public boolean isThreadEnd;
        private Context mContext;

        public LocationTaskThread(Context context, LocationManager lm, Message msg,
                LocationListener ll) {
            mContext = context;
            mLM = lm;
            mMessage = msg;
            mLL = ll;
        }

        @Override
        public void run() {
            isThreadEnd = false;
            List<Address> curAddress = null;
            Location l = mLM.getLastKnownLocation(LocationManager.GPS_PROVIDER);
            if (l == null) {
                l = mLM.getLastKnownLocation(LocationManager.NETWORK_PROVIDER);
            }
            if (l == null) {
                mMessage.obj = "Get location information failure !...";
                mMessage.sendToTarget();
                isThreadEnd = true;
                return;
            } else {
                l.getLatitude();
                Geocoder coder = new Geocoder(mContext);
                for (int i = 0; i < 7; i++) {
                    try {
                        curAddress = coder.getFromLocation(
                                l.getLatitude(),
                                l.getLongitude(),
                                1);
                        if (curAddress != null) {
                            break;
                        }
                    } catch (IOException e) {
                        Log.w("WidgetProgressBarActivity", i + " get location failed !...");
                    }
                }

            }
            if (curAddress != null) {
                Address address = curAddress.get(0);
                System.out.println(address.toString());
                mMessage.obj = address.toString();
                mMessage.sendToTarget();
            } else {
                mMessage.obj = "Get location address failure !...";
                mMessage.sendToTarget();
            }
            isThreadEnd = true;
        }

    }

    public static final String FILE_LENGTH_KEY = "FileTotalSize";
    public static final String FILE_READ_LENGTH_KEY = "ReadCount";
    public static final String READ_CHARACTOR = "Charactor";

    static class FileReaderThread extends Thread {
        private Message mMsg;
        private Context mContext;
        public boolean isTeminated;
        Handler mHandler;

        public FileReaderThread(Context context, Message msg) {
            mContext = context;
            mMsg = msg;
            mHandler = mMsg.getTarget();
        }

        @Override
        public void run() {
            isTeminated = false;
            InputStream is = null;
            Bundle data = new Bundle();
            try {
                AssetManager assets = mContext.getAssets();
                is = assets.open("test_file.txt");
                int lenByte = is.available();
                byte[] buffer = new byte[lenByte];
                is.read(buffer);
                String str = EncodingUtils.getString(buffer, "utf-8");
                int len = str.length();
                data.putInt(FILE_LENGTH_KEY, len);
                int count = 0;
                char charactor;
                for (int i = 0; i < len; i++) {
                    mMsg = mHandler.obtainMessage(MSG_REFRESH_FILE_OP_UI);
                    charactor = str.charAt(i);
                    data.putInt(FILE_READ_LENGTH_KEY, ++count);
                    data.putChar(READ_CHARACTOR, charactor);
                    mMsg.setData(data);
                    mMsg.sendToTarget();
                    sleep(500);
                }
            } catch (FileNotFoundException e) {
                mMsg.obj = "没有找到您所指定的文件！...";
                mMsg.sendToTarget();
            } catch (IOException e) {
                mMsg.obj = "读取文件数据失败！...";
                mMsg.sendToTarget();
            } catch (InterruptedException e) {
                mMsg.obj = "读取文件数据线程被异常中断！...";
                mMsg.sendToTarget();
            } finally {
                try {
                    if (is != null) {
                        is.close();
                    }
                } catch (IOException e) {
                }
            }
            isTeminated = true;
        }
    }
}
代码中没有太多可以说的，只有两点需要注意：

3.1 在文件操作中需要重复的想handler发送消息

for (int i = 0; i < len; i++) {
                    mMsg = mHandler.obtainMessage(MSG_REFRESH_FILE_OP_UI);
                    charactor = str.charAt(i);
                    data.putInt(FILE_READ_LENGTH_KEY, ++count);
                    data.putChar(READ_CHARACTOR, charactor);
                    mMsg.setData(data);
                    mMsg.sendToTarget();
                    sleep(500);
                }
开始的时候没有添加如下代码 

mMsg = mHandler.obtainMessage(MSG_REFRESH_FILE_OP_UI);
mMsg.sendToTarget();结果老是出现NullPointerException 。


3.2 在操作assets目录下的文件时一定要用AssetsManager，使用样例代码如下

AssetManager assets = mContext.getAssets();
                is = assets.open("test_file.txt");

4、 老规矩在ViewData.java中添加如下代码（此部分内容可选）

public static final int PROGRESS_BAR_ID = GRID_ID + 1;
    public static final String PROGRESS_BAR_NAME = "ProgressBar";
private static final ViewData mProgressBar = new ViewData(PROGRESS_BAR_NAME,
            PROGRESS_BAR_ID);
View_Datas.add(mProgressBar);

在WidgetsAdapter的handleItemClicked方法中添加如下代码 
case ViewData.PROGRESS_BAR_ID:
                intent.setClass(mContext, WidgetProgressBarActivity.class);
                mContext.startActivity(intent);
                break;

ProgressBar控件就学到这里，下一个控件RatingBar。


sun_star1chen
关注
专栏目录
Android学习|控件___ProgressBar进度条
weixin_52551903的博客
01-05 2008
Android学习 | 控件 —— ProgressBar进度条主要属性非水平进度条实现隐藏与显示不显示进度的水平进度条按钮控制进度条的加载进度 主要属性 1、android:max：进度条的最大值 2、android:progress：进度条已完成进度值 3、android：indeterminate：如果设置成true，则进度条不精确显示进度 4、style="？android:attr/progressBarstyleHorizontal"：水平进度条 非水平进度条实现隐藏与显示  &nb
Android之RemoteViews篇上————通知栏和桌面小控件
冰炭不投day的博客
08-02 3254
android之RemoteViews篇1————通知栏和桌面小控件 一.目录 二.RemoteViews的概述 RemoteView从名字看即为远程的View，RemoteViews表示一个View结构，它可以在其他进程中显示，为了能够更新它的界面，RemoteViews提供了一组基础的操作用于跨进程更新它的界面。 RemoteViews在Android的使用场景有两种：通知栏和桌面小控...
环形ProgressBar特效
caitao123456789的专栏
08-21 615
这是效果,有点仿ios的感觉. 是用rotate实现的. 下面是wel_act_loading_pro.xml的代码,这个文件需要放到res/drawable下面,稍后在layout文件中直接引用.    android:fromDegrees="0"    android:pivotX="50%"    android:pivotY="50%"     android:toDeg
自定义圆形ProgressBar
助你打造统一的店铺音乐形象
09-23 982
android:id="@+id/more_vprogress_more"              android:layout_width="30dip"              android:layout_height="30dip"              android:layout_centerVertical="true"              android:in
安卓开发——ProgressBar反向进度条（进度条从右向左走）
萌鼠喝酸奶的博客
04-23 3399
使用drawable资源文件，通过设置android:clipOrientation="horizontal"，android:gravity="right"这两个属性，实现进度条从右到左绘制。 <gradient
多式样ProgressBar（转）
weixin_34380296的博客
02-20 219
多式样ProgressBar普通圆形ProgressBar该类型进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中。一般只要在XML布局中定义就可以了。<progressBarandroid:id="@+id/widget43" android:layout_width="wrap_content" android:layout_hei...
Android学习笔记35——ProgressBar进度控件详解
裕博的博客
06-28 641
前言 ProgressBar是一个常见的用户交互控件，比如下载的进度条、加载进度条等等。 ProgressBar的属性 在这里插入代码片
安卓Android源码——(ProgressBar进度条).zip
10-12
ProgressBar是Android SDK中的一个控件，分为水平、垂直和圆形三种样式。通过在布局文件中添加<ProgressBar>标签，可以轻松地将它添加到UI上。例如： ```xml <ProgressBar android:id="@+id/progressBar" ...
Android源码——多种android控件的Demo_new_40.7z
10-08
这份"Android源码——多种android控件的Demo_new_40.7z"资源，正是一个深入学习Android控件应用的宝库。通过分析其中的代码和示例，我们可以深入理解Android开发中的各种控件及其用法，从而提升我们的编程技能。 在...
Android源码——多种android控件的Demo_new_40.zip
10-08
【Android源码——多种android控件的Demo_new_40】是一个针对Android开发者的资源包，其中包含了多种Android原生控件的示例代码。这个Demo集合旨在帮助开发者理解和掌握如何在实际应用中使用这些控件，提升Android...
Android反向进度条(ProgressBar)的实现——从右到左的进度条
tracy的博客
09-01 4203
Android反向进度条（ProgressBar）——从右到左的进度条
AndroidのUI设计研究—自定义ProgressBar
weixin_30641999的博客
02-22 65
转自：http://www.cnblogs.com/bvin/archive/2012/08/08/2628856.html =========================================================================== 最近迷上进度条，使用进度条可以增强用户体验，让用户心里有个底，再无奈的等待中体会loading的乐趣。 记...
Progressbar 实现从右向左 加载（逆向）
weixin_34314962的博客
10-22 445
在做图片识别的时候，需要一个扫描分析的效果，大致效果是，图片上先有一个蒙版，然后从左到右蒙版逐渐消失，显示出下方的清晰图片。大致的思路是 进度条背景色设置为透明 进度条颜色设置为蒙版颜色 设置进度条到达最大进度，这样图片上方就显示了蒙版。 进度组件减少，这样图片就从左往右显示出来 效果图 重点来了，主要就是在clip中添加 android:clipOrientation="horizonta...
Android控件系列——ProgressBar
mLuoya的博客
02-25 6496
ProgressBar 提供两种进度显示模式：精确模式，模糊模式，效果见当前文件夹下 精确模式：可看到精确的进度（右） 模糊模式：相当于动画，用户看到到进度信息（左） XML属性 style属性值 Widget.ProgressBar.Horizontal 横向进度条，模式由 indeterminate 属性决定 ?android:attr/progressBarStyleHorizonta...
android中的style部分属性值介绍
正在Android的学习路上
04-21 835
android中的style部分属性值介绍
安卓 style="?android:attr/progressBarStyleSmall"表示的含义
zhuoyuetec的专栏
01-21 8725
对于能够显示文字的控件（如TextView EditText RadioButton Button CheckBox Chronometer等等），有时需要控制字体的大小。Android平台定义了三种字体大小。 "?android:attr/textAppearanceLarge" "?android:attr/textAppearanceMedium" "?android:attr/t
Android ProgressBar 详解 改变 ProgressBar 颜色
热门推荐
chen930724的专栏
11-13 6万+
今天来说说 ProgressBar   这个东西, 之前一种是用的 项目里面 别人写好的直接用, 还没怎么细看这两个东西 ProgressBar 很简单就一进度条 默认情况下, 他是圆形的,  但是它还有另一种 水平长条状的形态 同时还需要了解的有: 1. 水平形状的 ProgressBar 是有两个进度的 向我们看到 视频的精度条, 有一个是当前播放的,还有一个是下载
Android简单自定义圆形和水平ProgressBar的样式
liao277218962的专栏
10-14 5388
１、ProgressBar分为两种，我们能明确看到进度，不确定的就是不清楚、不确定一个操作需要多长时间来完成，这个时候就需要用的不确定的ProgressBar了。属性android:indeterminate如果设置为true的话，那么ProgressBar就可能是圆形的滚动条或者水平的滚动条（由样式决定），但是我们一般时候，是直接使用Style类型来区分圆形还是水平ProgressBar的。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值