自定义Android圆形进度条视图，支持显示数字和中心文字

作者：mobiledu2502913173 | 来源：互联网 | 2024-11-10 13:04

本文介绍了一种自定义的Android圆形进度条视图，支持在进度条上显示数字，并在圆心位置展示文字内容。通过自定义绘图和组件组合的方式实现，详细展示了自定义View的开发流程和关键技术点。示例代码和效果展示将在文章末尾提供。

这是一个自定义带数字的圆形进度条和中间是文字的圆形进度条View。自定义View的基本流程在这里就不多说了。（效果图在最后）

自定义View分好几种。我这个Demo主要用到了自己绘画的和组合的View。

首先看怎么自定义带数字的圆形进度条的View。注解读写在代码里了，在这里不多说。

类MyCirclePB自定义的View。具体代码如下：

package com.yehu.z01_circlepb;


import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.SystemClock;
import android.util.Log;
import android.view.View;
import android.widget.Toast;


import com.yehu.z01_circlepb.My_Cricle.My_CricleListern;


public class MainActivity extends Activity {


	private My_Cricle my_Cricle;
	private MyCirclePB myCirclePB;
	String[] strs = { "从未超越", "超越自我", "旗鼓相当" };


	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 圆形进条
		myCirclePB = (MyCirclePB) findViewById(R.id.my_criclePB);
		myCirclePB.setOnClickListener(new View.OnClickListener() {


			@Override
			public void onClick(View v) {
				myCirclePB.setEnabled(false);
				new Thread() {
					public void run() {
						int n = 1000;
						myCirclePB.setMax(n);
						for (int i = 0; i <= n; i++) {
							Log.e("TAG", "download i=" + i);
							myCirclePB.setProgress(i);
							if (myCirclePB.getProgress() == myCirclePB.getMax()) {
								handler.sendEmptyMessage(2);
							}
							SystemClock.sleep(5);
						}
					};
				}.start();
			}
		});
		// 文本 圆形框
		my_Cricle = (My_Cricle) findViewById(R.id.my_cricle);
		my_Cricle.init_view();
		my_Cricle.setOnClickListener(new View.OnClickListener() {


			@Override
			public void onClick(View v) {
				my_Cricle.setEnabled(false);
				final MyCirclePB circlePB = (MyCirclePB) (((My_Cricle) v)
						.getMyCirclePB());
				new Thread() {
					public void run() {
						int n = 1000;
						circlePB.setMax(n);
						for (int i = 0; i <= n; i++) {
							Log.e("TAG", "download i=" + i);
							circlePB.setProgress(i);
							String str = null;
							Message msg = Message.obtain();
							if (circlePB.getProgress() 								str = strs[0];


								msg.what = 3;
							} else if (circlePB.getProgress() 									.getMax() * 2 / 3) {
								str = strs[1];
								msg.what = 4;
							} else {
								str = strs[2];
								msg.what = 5;
							}
							msg.obj = str;
							handler.sendMessage(msg);
							if (circlePB.getProgress() == circlePB.getMax()) {
								handler.sendEmptyMessage(1);
							}
							SystemClock.sleep(5);
						}
					};
				}.start();
			}
		});
	}


	private Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			String str = (String) msg.obj;
			int flag = msg.what;
			if (flag == 1) {
				my_Cricle.setEnabled(true);
			} else if (flag == 2) {
				myCirclePB.setEnabled(true);
			} else if (flag == 3) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xffff0000);
			} else if (flag == 4) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xff0000ff);
			} else if (flag == 5) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xff00ff00);
			}
		};
	};


}

自定义带数字的圆形进度条View基本就完事了。写一个XML布局就可以使用了。在这里就不单个写了，布局都整合在一起了，后面补上。

这个是一个组合View。

先写布局吧！my_cricle.xml布局如下：

    android:layout_
    android:layout_ >

            android:id="@+id/mycirlepb"
        android:layout_
        android:layout_
        android:layout_margin="5dp" />

            android:layout_
        android:layout_
        android:layout_centerInParent="true"
        android:orientation="vertical" >

                    android:id="@+id/text1"
            android:layout_
            android:layout_
            android:layout_gravity="center"
            android:text="aaa" />

                    android:id="@+id/text2"
            android:layout_
            android:layout_
            android:textSize="18sp"
            android:text="aaaa" />

                    android:id="@+id/text3"
            android:layout_
            android:layout_
            android:layout_gravity="center"
            android:text="aaa" />

类My_Cricle具体代码如下：

package com.yehu.z01_circlepb;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class My_Cricle extends RelativeLayout {

	private Context context;
	private View v;
	private TextView text2;
	private MyCirclePB myCirclePB;

	public MyCirclePB getMyCirclePB() {
		return myCirclePB;
	}

	/**
	 * 这里写一些事件的回调
	 * @author sunmj
	 *
	 */
	public interface My_CricleListern {
		public void back(String name);
	}

	public My_Cricle(Context context) {
		this(context, null);
		init(context);
	}

	public My_Cricle(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);

	}

	private void init(Context context) {
		// TODO Auto-generated method stub
		this.cOntext= context;
		v = LayoutInflater.from(context).inflate(R.layout.my_cricle, this, true);
		text2 = (TextView) v.findViewById(R.id.text2);
	}

	/**
	 * 这个方法里面写一些配置的文件例如
	 */
	public void init_view() {
		myCirclePB = (MyCirclePB) v.findViewById(R.id.mycirlepb);
		int n = 100;
		myCirclePB.setMax(n);
		myCirclePB.setRoundColor(Color.GRAY);
		myCirclePB.setRoundProgressColor(Color.RED);
		myCirclePB.setRoundWidth(40);
		myCirclePB.setProgress(0);
		myCirclePB.setShowProgress(false);
		
	}
	
	public TextView getText2() {
		return text2;
	}

	//回调回去
	public void set_listern(My_CricleListern nCricleListern)
	{
		nCricleListern.back("1111");
	}
}

到这里基本就实现了带数字的圆形进度条，和中间是文字的圆形进度条。下面就是具体的使用了。

主布局activity_main.xml如下：

    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:gravity="center_horizontal"
    android:orientation="vertical" >

            android:layout_
        android:layout_
        android:padding="10dp"
        android:text="圆形进度条"
        android:textSize="16sp" />

            android:id="@+id/my_criclePB"
        android:layout_
        android:layout_ />

            android:layout_
        android:layout_
        android:padding="10dp"
        android:text="圆形文本框"
        android:textSize="16sp" />

            android:id="@+id/my_cricle"
        android:layout_
        android:layout_ />

类MainActivity具体代码如下：

package com.yehu.z01_circlepb;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.SystemClock;
import android.util.Log;
import android.view.View;
import android.widget.Toast;

import com.yehu.z01_circlepb.My_Cricle.My_CricleListern;

public class MainActivity extends Activity {

	private My_Cricle my_Cricle;
	private MyCirclePB myCirclePB;
	String[] strs = { "从未超越", "超越自我", "旗鼓相当" };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 圆形进条
		myCirclePB = (MyCirclePB) findViewById(R.id.my_criclePB);
		myCirclePB.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				myCirclePB.setEnabled(false);
				new Thread() {
					public void run() {
						int n = 1000;
						myCirclePB.setMax(n);
						for (int i = 0; i <= n; i++) {
							Log.e("TAG", "download i=" + i);
							myCirclePB.setProgress(i);
							if (myCirclePB.getProgress() == myCirclePB.getMax()) {
								handler.sendEmptyMessage(2);
							}
							SystemClock.sleep(5);
						}
					};
				}.start();
			}
		});
		// 文本 圆形框
		my_Cricle = (My_Cricle) findViewById(R.id.my_cricle);
		my_Cricle.init_view();
		my_Cricle.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				my_Cricle.setEnabled(false);
				final MyCirclePB circlePB = (MyCirclePB) (((My_Cricle) v)
						.getMyCirclePB());
				new Thread() {
					public void run() {
						int n = 1000;
						circlePB.setMax(n);
						for (int i = 0; i <= n; i++) {
							Log.e("TAG", "download i=" + i);
							circlePB.setProgress(i);
							String str = null;
							Message msg = Message.obtain();
							if (circlePB.getProgress() 								str = strs[0];

								msg.what = 3;
							} else if (circlePB.getProgress() 									.getMax() * 2 / 3) {
								str = strs[1];
								msg.what = 4;
							} else {
								str = strs[2];
								msg.what = 5;
							}
							msg.obj = str;
							handler.sendMessage(msg);
							if (circlePB.getProgress() == circlePB.getMax()) {
								handler.sendEmptyMessage(1);
							}
							SystemClock.sleep(5);
						}
					};
				}.start();
			}
		});
	}

	private Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			String str = (String) msg.obj;
			int flag = msg.what;
			if (flag == 1) {
				my_Cricle.setEnabled(true);
			} else if (flag == 2) {
				myCirclePB.setEnabled(true);
			} else if (flag == 3) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xffff0000);
			} else if (flag == 4) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xff0000ff);
			} else if (flag == 5) {
				my_Cricle.getText2().setText(str);
				my_Cricle.getText2().setTextColor(0xff00ff00);
			}
		};
	};

}

代码的不怎么简洁，一直在努力中……

具体的效果图如下：

推荐阅读

import
使用Service Locator模式实现高效的服务命名访问

本文探讨了如何通过Service Locator模式来简化和优化在B/S架构中的服务命名访问，特别是对于需要频繁访问的服务，如JNDI和XMLNS。该模式通过缓存机制减少了重复查找的成本，并提供了对多种服务的统一访问接口。 ... [详细]

蜡笔小新 2024-11-20 19:26:30
import
Struts2 + json+ jquery 实现三级联动action和jsp代码竟然有小红叉，提示缺双引号，检查了转义符号也没缺啊，求解

publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ... [详细]

蜡笔小新 2024-11-21 16:25:41
import
Go语言中接口型函数的应用与解析

本文深入探讨了Go语言中的接口型函数，通过实例分析其灵活性和强大功能，帮助开发者更好地理解和运用这一特性。 ... [详细]

蜡笔小新 2024-11-21 12:21:19
import
Spring与Quartz结合实现周期性任务调度

本文介绍了一个使用Spring框架和Quartz调度器实现每周定时调用Web服务获取数据的小项目。通过详细配置Spring XML文件，展示了如何设置定时任务以及解决可能遇到的自动注入问题。 ... [详细]

蜡笔小新 2024-11-19 19:14:50
import
Flutter 核心技术与混合开发模式深入解析

本文深入探讨了 Flutter 的核心技术，特别是其混合开发模式，包括统一管理模式和三端分离模式，以及混合栈原理。通过对比不同模式的优缺点，帮助开发者选择最适合项目的混合开发策略。 ... [详细]

蜡笔小新 2024-11-19 13:48:51
jar
JavaMail抄送功能问题及解决方案

本文探讨了在使用JavaMail发送电子邮件时，抄送功能未能正常工作的问题，并提供了详细的代码示例和解决方法。 ... [详细]

蜡笔小新 2024-11-19 12:12:24
import
JUC并发编程——线程的基本方法使用

目录一、线程名称设置和获取二、线程的sleep()三、线程的interrupt四、join()五、yield()六、wait(),notify(),notifyAll( ... [详细]

蜡笔小新 2024-11-18 20:33:30
jar
spring(22)JdbcTemplate

2019独角兽企业重金招聘Python工程师标准###1.导入jar包，必须jar包：c3p0、mysql-connector、beans、con ... [详细]

蜡笔小新 2024-11-18 19:49:32
import
Java 实现生成指定数量的不重复随机数

本文将详细介绍如何使用Java编程语言生成指定数量的不重复随机数，包括具体的实现方法和代码示例。适合初学者和有一定基础的开发者参考。 ... [详细]

蜡笔小新 2024-11-21 12:08:06
import
IC卡操作功能实现

本文介绍了如何通过C#语言调用动态链接库（DLL）中的函数来实现IC卡的基本操作，包括初始化设备、设置密码模式、获取设备状态等，并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]

蜡笔小新 2024-11-21 11:02:19
list
理解浏览器历史记录（2）hashchange、pushState

阅读目录1.hashchange2.pushState本文也是一篇基础文章。继上文之后，本打算去研究pushState，偶然在一些信息中发现了锚点变 ... [详细]

蜡笔小新 2024-11-20 20:05:37
import
深入解析：iOS开发中scrollView的正确使用与常见问题解决

本文通过具体示例探讨了如何在iOS应用中有效使用scrollView，并解决了常见的无法滚动问题。不仅介绍了基础的使用方法，还详细讲解了代码实现的具体步骤。 ... [详细]

蜡笔小新 2024-11-20 09:22:08
import
Android开发：巧妙运用ViewStub写出类似Tab选项卡

nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]

蜡笔小新 2024-11-19 10:46:22
import
管理UINavigationController中的手势返回 - Managing Swipe Back Gestures in UINavigationController

本文介绍了如何在一个简单的闪存卡片应用中实现平滑的手势返回功能，以增强用户体验。 ... [详细]

蜡笔小新 2024-11-19 10:27:04
sum
提升Android应用性能：利用Kotlin协程

协程作为一种并发设计模式，能有效简化Android平台上的异步代码处理。自Kotlin 1.3版本引入协程以来，这一特性基于其他语言的成熟理念，为开发者提供了新的工具，以增强应用的响应性和效率。 ... [详细]

蜡笔小新 2024-11-19 10:13:02

mobiledu2502913173

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章