Android实现圆线按钮进度效果

本文实例为大家分享了Android实现圆线按钮进度效果的具体代码,供大家参考,具体内容如下

先看效果图:

这是一个在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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义View之圆形进度条式按钮

    介绍 今天上班的时候有个哥们问我怎么去实现一个按钮式的进度条,先来看看他需要实现的效果图. 和普通的圆形进度条类似,只是中间的地方有两个状态表示,未开始,暂停状态.而且他说圆形进度的功能已经实现了.那么我们只需要对中间的两个状态做处理就行了. 先来看看实现的效果图: 上面说了我们只需要处理中间状态的变化就可以了,对于进度的处理直接使用了弘洋文章中实现: http://blog.csdn.net/lmj623565791/article/details/43371299 下面开始具体实现. 具体实

  • Android仿音乐播放器带进度的播放暂停按钮

    因为项目需要,要做一个下载暂停开始的按钮,要求按钮上显示进度.网上找了找没有合适的,不太满意,于是自己动手写了一个. 效果如下: 主要步骤: 1.最外侧的圆环. 2.圆环内侧代表进度的圆弧. 3.暂停时在中心部位画出三角形. 4.播放时在中心部位画出矩形. 5.重写onTouch方法,DOWN事件时设置播放或者暂停的状态. 6.添加一个状态监听器,在调用者中监听状态. 7.设置进度,重绘. 代码比较简单,所以贴出来View的代码,Activity和布局文件就不写了: /** Created by

  • Android 进度条按钮ProgressButton的实现代码

    有些App在点击下载按钮的时候,可以在按钮上显示进度,我们可以通过继承原生Button,重写onDraw来实现带进度条的按钮. Github:https://github.com/imcloudfloating/ProgressBar 1.效果: 2.原理: 创建三个GradientDrawable作为按钮背景.进度条背景和进度条前景,通过计算进度条的百分比来设置宽度,然后调用invalidate()重绘.GradientDrawable设置颜色.圆角等参数,当然你也可以直接加载xml作为背景.

  • Android实现圆线按钮进度效果

    本文实例为大家分享了Android实现圆线按钮进度效果的具体代码,供大家参考,具体内容如下 先看效果图: 这是一个在github上的开源控件按钮View(点击此处查看),同时带有进度. 使用方法:把该项目从github上下载下来导入到eclipse,然后作为库,接下来在其他项目中直接引用即可.然而,我感觉原生项目中的个别细节代码不是太完善,我在它的MasterLayout.java类增加了一些字段和方法: // 增加的值,by Phil public static final int START

  • Android StepView实现物流进度效果

    本文实例为大家分享了Android StepView物流进度的具体代码,供大家参考,具体内容如下 之前看了一个别人写的物流进度的demo,自定义View用的挺好的,但是感觉太麻烦了,就自己写了一个简单的,思路很简单,上面是效果图. 思路 思路:主要是进行了动态添加,根据上面的效果展示,创建一个子布局,如下图所示(代码里面的布局图一个ImageView一个View一个TextView),然后自定义一个MyVerticalView继承LinearLayout(注意设置orientation),在My

  • Android编程实现通知栏进度条效果的方法示例

    本文实例讲述了Android编程实现通知栏进度条效果的方法.分享给大家供大家参考,具体如下: /** * 通知管理工具类 * * @description: * @author ldm * @date 2016-5-3 上午9:39:56 */ public class NotificationUtil { private Context mContext; // NotificationManager : 是状态栏通知的管理类,负责发通知.清楚通知等. private Notification

  • Android利用悬浮按钮实现翻页效果

    今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子. 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.LayoutParams.那么在AndroidManifest.xml中添加权限: <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 然后,我们要对WindowManager,WindowManager.Layout

  • Android ImageButton自定义按钮的按下效果的代码实现方法分享

    使用Button时为了让用户有"按下"的效果,有两种实现方式:1.在代码里面. 复制代码 代码如下: imageButton.setOnTouchListener(new OnTouchListener(){ @Override                          public boolean onTouch(View v, MotionEvent event) {                                  if(event.getAction()

  • Android自定义带动画的半圆环型进度效果

    本文实例为大家分享了Android半圆环型进度效果的具体代码,供大家参考,具体内容如下 package com.newair.ondrawtext; import android.animation.ValueAnimator; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Can

  • Android 自定义view实现进度条加载效果实例代码

    这个其实很简单,思路是这样的,就是拿view的宽度,除以点的点的宽度+二个点 之间的间距,就可以算出大概能画出几个点出来,然后就通过canvas画出点,再然后就是每隔多少时间把上面移动的点不断的去改变它的坐标就可以, 效果如下: 分析图: 代码如下: package com.example.dotloadview; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bit

  • Android仿知乎悬浮功能按钮FloatingActionButton效果

    前段时间在看属性动画,恰巧这个按钮的效果可以用属性动画实现,所以就来实践实践.效果基本出来了,大家可以自己去完善. 首先看一下效果图: 我们看到点击FloatingActionButton后会展开一些item,然后会有一个蒙板效果,这都是这个View的功能.那么这整个View肯定是个ViewGroup,我们一部分一部分来看. 首先是这个最小的Tag: 这个Tag带文字,可以是一个TextView,但为了美观,我们使用CardView,CardView是一个FrameLayout,我们要让它具有显

  • Android编程使用自定义View实现水波进度效果示例

    本文实例讲述了Android编程使用自定义View实现水波进度效果.分享给大家供大家参考,具体如下: 首先上效果图: 简介: 1.自动适应屏幕大小: 2.水波自动横向滚动: 3.各种绘制参数可通过修改常量进行控制. 代码不多,注释也比较详细,全部贴上: (一)自定义组件: /** * 水波进度效果. */ public class WaterWaveView extends View { //边框宽度 private int STROKE_WIDTH; //组件的宽,高 private int

  • Android自定义webView头部进度加载效果

    不多说先来看下效果图: 1. 颜色渐变加载进度条(夜神模拟器) 绿色加载进度条(魅蓝note2) 看图说话: 上图是不是加载网页的时候会有一个进度条在横向加载,比以前网速不好的时候是一片空白给人的感觉友好多了是不,然后效果还不错. 实现思路 就是自己画一条进度线(大家应该都会吧)然后加载到WebView的上面,开始进度条是隐藏的,进度线初始值为1,然后为了效果好一点,初始少于10的进度都让它加载到10的位置,等进度到100的时候0.2秒后隐藏. 请记得添加网络权限: <uses-permissi

随机推荐