Android 自定义ProgressBar

和大家分享下番茄工作法计时器里的自定义ProgressBar的实现。

程序运行效果：

activity_main.xml 文件代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    

    <ProgressBar
        android:id="@+id/progressbar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:minHeight="42dip"
        android:progressDrawable="@drawable/backgroundtest" />

</RelativeLayout>

MainActivity代码如下：

package com.oliverjuo.progressbartest;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ProgressBar;

import com.example.progressbartest.R;

public class MainActivity extends Activity {
	private static final int PROGRESSMAX = 50;
	private int position;
	private Handler handler;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		final ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressbar);
		progressBar.setMax(PROGRESSMAX);
		handler = new Handler() {
			@Override
			public void handleMessage(Message msg) {
				progressBar.setProgress(position);
				super.handleMessage(msg);
			}

		};
		changeProgressBar();

	}

	private void changeProgressBar() {
		new Thread() {
			public void run() {
				for (int i = PROGRESSMAX; i > 0; i--) {
					position = i;
					try {
						Thread.sleep(1000);
						handler.sendEmptyMessage(0);
					} catch (InterruptedException e) {
						// TODO Auto-generated catch block
						e.printStackTrace();
					}

				}

			};
		}.start();

	}

}

backgroundtest.xml 代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >


    <item android:id="@android:id/background">
        <nine-patch android:src="@drawable/pg1" />
    </item>


    <item android:id="@android:id/progress">
        <clip >
        <nine-patch android:src="@drawable/pg2" />
        </clip>
    </item>

</layer-list>

背景图片1：

将此图重命名为：pg1.9.png 放入drawable

背景图片2：

将此图重命名为：pg2.9.png 放入drawable

0积分源代码下载