Android圆线按钮带进度显示

简介: 先看效果图:这是一个在github上的开源控件按钮View(点击此处查看),同时带有进度。使用方法:把该项目从github上下载下来导入到eclipse,然后作为库,接下来在其他项目中直接引用即可。

先看效果图:




这是一个在github上的开源控件按钮View(点击此处查看),同时带有进度。

使用方法:把该项目从github上下载下来导入到eclipse,然后作为库,接下来在其他项目中直接引用即可。然而,我感觉原生项目中的个别细节代码不是太完善,我在它的MasterLayout.java类增加了一些字段和方法:

// 增加的值,by Phil
	public static final int START = 1, PAUSE = 2, COMPLETE = 3;

	// 增加的方法,by Phil
	public int getState() {
		return flg_frmwrk_mode;
	}

新增加的值和方法主要用于判断当前View的状态。

现在给出一个经过我改进后的使用实例:

package zhangphil.progressbutton;

import com.thbs.progressbutton.MasterLayout;

import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.SystemClock;

public class MainActivity extends ActionBarActivity {

	private MasterLayout masterLayout;
	private LongTimeOperationTask mTask;

	// 显示进度文字
	private TextView tv;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		masterLayout = (MasterLayout) findViewById(R.id.progress);
		masterLayout.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {

				// 必须有该方法,该方法是动画进度的开始。
				// 当用户点击该按钮后立即执行。
				masterLayout.animation();

				// 此处的判断代码是根据当前的View类型判断的。
				// 如果当前View是开始的那个icon,并且用户点击了,那么就开始。
				// 在次完成用户的耗时操作,比如下载任务等。
				if (masterLayout.getState() == MasterLayout.START) {
					Toast.makeText(MainActivity.this, "开始...",
							Toast.LENGTH_SHORT).show();

					mTask = new LongTimeOperationTask();
					mTask.execute();
				}

				// 用户点击了 停止 按钮。取消任务。
				if (masterLayout.getState() == MasterLayout.PAUSE) {
					if (mTask != null
							&& mTask.getStatus() == AsyncTask.Status.RUNNING)
						mTask.cancel(true);

					// reset()是将该空间复位到最初始化的阶段。
					masterLayout.reset();

					Toast.makeText(MainActivity.this, "停止!", Toast.LENGTH_SHORT)
							.show();
				}

				// 此处的View控件显示是一个 对号 icon。
				if (masterLayout.getState() == MasterLayout.COMPLETE) {
					Toast.makeText(MainActivity.this, "完成!", Toast.LENGTH_SHORT)
							.show();
				}
			}
		});

		tv = (TextView) findViewById(R.id.tv);
	}

	private class LongTimeOperationTask extends
			AsyncTask<String, Integer, String> {

		@Override
		protected void onPreExecute() {

		}

		@Override
		protected String doInBackground(final String... args) {

			// 进度以百分制标识。
			for (int i = 0; i <= 100; i++) {
				SystemClock.sleep(100);

				publishProgress(i);
			}

			return null;
		}

		@Override
		protected void onProgressUpdate(Integer... progress) {

			// 此处的 setupprogress 更新圆形按钮的进度。
			masterLayout.cusview.setupprogress(progress[0]);

			// 额外的一个TextView显示进度。
			tv.setText(progress[0] + " %");
		}
	}
}

activity_main.xml文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.thbs.progressbutton.MasterLayout
        android:id="@+id/progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="true" />

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="10%" />

</LinearLayout>



相关文章
|
8月前
|
测试技术 Android开发
Android按钮防抖动,避免发送多次请求
Android按钮防抖动,避免发送多次请求
127 0
|
8月前
|
Java Android开发
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
786 0
|
8月前
|
Android开发
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
310 1
|
7月前
|
XML IDE 开发工具
【Android UI】自定义带按钮的标题栏
【Android UI】自定义带按钮的标题栏
71 7
【Android UI】自定义带按钮的标题栏
|
7月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
7月前
|
存储 Android开发
安卓app,MediaPlayer播放本地音频 | 按钮控制播放和停止
在Jetpack Compose中,不直接操作原生Android组件如`Button`和`MediaPlayer`,而是使用Compose UI构建器定义界面并结合ViewModel管理音频播放逻辑。以下示例展示如何播放本地音频并用按钮控制播放/停止:创建一个`AudioPlayerViewModel`管理`MediaPlayer`实例和播放状态,然后在Compose UI中使用`Button`根据`isPlaying`状态控制播放。记得在`MainActivity`设置Compose UI,并处理相关依赖和权限。
|
7月前
|
XML Java Android开发
15. 【Android教程】按钮 Button/ImageButton
15. 【Android教程】按钮 Button/ImageButton
101 2
|
8月前
|
XML Java Android开发
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
757 0
|
8月前
|
XML Java Android开发
Android每点击一次按钮就添加一条数据
Android每点击一次按钮就添加一条数据
72 1
|
8月前
|
调度 Android开发
Android9底部导航栏出现空白按钮问题分析
Android9底部导航栏出现空白按钮问题分析
55 0