关闭

Android中使用ProgressBar实现进度条

标签: ProgressBa自定义进度条
3065人阅读 评论(0) 收藏 举报
分类:

编写不易,如有转载,请声明出处: 梦回河口:http://blog.csdn.net/zxc514257857/article/details/70557872

Demo展示图片

这里写图片描述

布局代码

//(layout)activity_main.xml
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.test.progressbar.MainActivity">

    <ProgressBar
        android:id="@+id/progressBarLarge"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ProgressBar
        android:id="@+id/progressBarNormal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ProgressBar
        android:id="@+id/progressBarSmall"
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ProgressBar
        android:max="100"
        android:progress="50"
        android:secondaryProgress="80"
        android:id="@+id/progressBarHorizontal"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <!--注:max指最大进度值
           progress指第一进度值  如:播放进度
           secondProgress指第二进度值  如:缓冲进度 -->

    <Button
        android:id="@+id/add"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="增加进度"/>

    <Button
        android:id="@+id/reduce"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="减少进度"/>

    <Button
        android:id="@+id/reset"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="重置进度"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:text="当前第一进度值:"
            android:textSize="20sp"
            android:layout_marginLeft="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView
            android:id="@+id/firstProgressTv"
            android:textSize="20sp"
            android:text="50%"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:text="当前第二进度值:"
            android:textSize="20sp"
            android:layout_marginLeft="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView
            android:id="@+id/secondProgressTv"
            android:textSize="20sp"
            android:text="80%"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="软件下载"
        android:onClick="showDialog"/>

    <ProgressBar
        android:id="@+id/customProgressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:progressDrawable="@drawable/progressbar"
        android:layout_marginTop="20dp"
        android:layout_width="match_parent"
        android:layout_height="6dp"/>
    <!--通过覆盖原progressBar的progressDrawable实现自定义的目的-->
</LinearLayout>
-------------------------------------------------------------------
//(drawable)progressbar.xml
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:angle="0"
                android:centerColor="#fff"
                android:centerY="0.75"
                android:endColor="#fff"
                android:startColor="#fff" />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="0"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:startColor="#80ffd300" />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="0"
                    android:endColor="#8000ff00"
                    android:startColor="#80ff0000" />
            </shape>
        </clip>
    </item>
</layer-list>

Activity代码

//MainActivity
import android.app.ProgressDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private ProgressBar mProgressBarHorizontal;
    private Button mAdd;
    private Button mReduce;
    private Button mReset;
    private TextView mFirstProgressTv;
    private TextView mSecondProgressTv;
    private int increase = 10;
    private int decrease = -10;
    private int originalFirstPro = 50;
    private int originalSecondPro = 80;
    private Context mContext = MainActivity.this;
    private ProgressBar mCustomProgressBar;

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

    private void initView(){
        mProgressBarHorizontal = (ProgressBar) findViewById(R.id.progressBarHorizontal);
        mAdd = (Button) findViewById(R.id.add);
        mReduce = (Button) findViewById(R.id.reduce);
        mReset = (Button) findViewById(R.id.reset);
        mFirstProgressTv = (TextView) findViewById(R.id.firstProgressTv);
        mSecondProgressTv = (TextView) findViewById(R.id.secondProgressTv);
        mCustomProgressBar = (ProgressBar) findViewById(R.id.customProgressBar);
    }

    private void initData(){
        mAdd.setOnClickListener(this);
        mReduce.setOnClickListener(this);
        mReset.setOnClickListener(this);
        // 自定义彩色进度条
        mCustomProgressBar.incrementProgressBy(80);
    }

    @Override
    public void onClick(View view) {
        int progress;
        int secondaryProgress;
        int max;

        switch (view.getId()){
            case R.id.add:
                mProgressBarHorizontal.incrementProgressBy(increase);
                mProgressBarHorizontal.incrementSecondaryProgressBy(increase);
                break;

            case R.id.reduce:
                mProgressBarHorizontal.incrementProgressBy(decrease);
                mProgressBarHorizontal.incrementSecondaryProgressBy(decrease);
                break;

            case R.id.reset:
                mProgressBarHorizontal.setProgress(originalFirstPro);
                mProgressBarHorizontal.setSecondaryProgress(originalSecondPro);
                break;
        }

        progress = mProgressBarHorizontal.getProgress();
        secondaryProgress = mProgressBarHorizontal.getSecondaryProgress();
        max = mProgressBarHorizontal.getMax();

        mFirstProgressTv.setText( (int)( progress / (float)max*100) + "%");
        mSecondProgressTv.setText( (int)(secondaryProgress / (float)max *100) + "%");
    }

    public void showDialog(View view){
        ProgressDialog dialog = new ProgressDialog(mContext);
        // 设置对话框参数
        dialog.setIcon(R.mipmap.ic_launcher);
        dialog.setTitle("软件下载");
        dialog.setMessage("软件下载进度:");
        dialog.setCancelable(false);
        // 设置进度条参数
        dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        dialog.setMax(100);
        dialog.incrementProgressBy(20);
        dialog.setIndeterminate(false); // 填false表示是明确显示进度的 填true表示不是明确显示进度的
        dialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                Toast.makeText(mContext , "确定" , Toast.LENGTH_SHORT).show();
            }
        });

        dialog.setButton(DialogInterface.BUTTON_NEGATIVE, "取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                Toast.makeText(mContext , "取消" , Toast.LENGTH_SHORT).show();
            }
        });
        dialog.show();
    }
}

Demo下载请移步:http://download.csdn.net/detail/zxc514257857/9825486


———-因本人才疏学浅,如博客或Demo中有错误的地方请大家随意指出,与大家一起讨论,共同进步,谢谢!———-

1
0
查看评论

Android-多种进度条的使用方法

目标效果:       例子中控件较多相互之间不全有联系,可以不同时加入。点击增加减少重置按钮,可以更改绿色进度条的信息,并且在TextView中显示第一进度条和第二进度条(可以理解为第一进度条是电视剧正在播放的进度,第二进度条是电视剧缓冲的进度)的百分比。...
  • hester_hester
  • hester_hester
  • 2016-04-19 17:34
  • 9856

Android多种样式的进度条

1. 水平向右的进度条 2.水平向左加载的进度条 3.水平两端的加载进度条 4.通过自定义View的方式来使用 5.绘制基础使用 6.绘制动态的时钟 ---- The mark of the immature man is that he wants to die nobly for a cau...
  • zl18603543572
  • zl18603543572
  • 2016-04-26 16:46
  • 8270

Android波纹进度条 轻松地让它浪起来

一、概述最近项目来个需求,波纹进度条。想起来之前看到的一些实现,也想了一下原理啥的,就自己写个吧。不过为了适配以后更多各种不规则的波纹进度条,因此需要能适配各种不同png图片的波纹进度条。1. 效果图no picture say a j8!2. 原理分析波纹进度条,不外乎一张背景bitmap,一张进...
  • dapangzao
  • dapangzao
  • 2017-08-30 16:59
  • 967

Android开发-各种各样好看漂亮的进度条,指示器,加载提示汇总【代码粘过来就可以用】

导读:之前项目中用到一些进度条,找了不少,但是我们产品是个傻X,什么效果都要做成跟ios效果一样的,所有一些本来很好看的进度条也被下了,打算写个demo自己总结一下,留着以后用, 有些是自己写的,有些是github上找的别人的库,如果大家觉得好看可以用,直接下载复制代码到项目里就可以用,o...
  • panghaha12138
  • panghaha12138
  • 2017-06-03 23:24
  • 1581

Android 打造形形色色的进度条 实现可以如此简单

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/43371299 ,本文出自:【张鸿洋的博客】1、概述 最近需要用进度条,秉着不重复造轮子的原则,上github上搜索了一番,看了几个觉得比较好看的ProgressBar,比...
  • lmj623565791
  • lmj623565791
  • 2015-02-02 09:22
  • 84637

android中各式各样的进度条,加载进度,太棒了

Progress Wheel为GitHub热门项目,作者是:Todd-Davies,项目地址: https://github.com/Todd-Davies/ProgressWheel 前三种实现方式代码出自: http://stormzhang.com/openand...
  • lanxingfeifei
  • lanxingfeifei
  • 2016-03-07 17:54
  • 11629

Android实用View:炫酷的进度条

Android实用View:炫酷的进度条 码个蛋 源码地址 https://github.com/lygttpod/AndroidCustomView/blob/master/app/src/main/java/com/allen/androidcustomvi...
  • luuu7
  • luuu7
  • 2017-06-05 09:41
  • 452

android 自定义 View(4)- 进度条(ProgressBar)

参考:Android 打造形形色色的进度条 实现可以如此简单 daimajia/NumberProgressBar自定义视图(View)是 Android 开发的一个进阶内容。随着开发的深入,肯定会出现系统提供的基础控件不符合需求的情况。一方面通过组合基础控件以形成新的布局,另一方面可以通过自定义...
  • u012005313
  • u012005313
  • 2017-07-25 09:49
  • 1402

Android中的进度条、拖动条及星级评分控件

进度条控件(ProgressBar)、拖动条控件(SeekBar)、星级评分控件(RatingBar)在Android开发中都是比较常用的控件。 进度条用来显示一个耗时动作的进度,但它并不能自动显示进度的变化需要通过方法来控制。进度条样式大体有两种:水平进度条和圆形进度条(即定时进度条和不定时进度条...
  • QuietShake
  • QuietShake
  • 2016-09-21 14:07
  • 1839

Android-SeekBar进度条的使用

Android-SeekBar进度条的使用在我们使用音乐播放器或者是视频播放器时,下面都会有一个进度条,拖动进度条即可改变 音乐的进度和视频播放的进度,那么在安卓里面也有相应的工具类,它就是SeekBar制作可拖动的进度条 首先是布局文件 activity_main.xml 使用两个Text...
  • ACM_TH
  • ACM_TH
  • 2016-04-10 11:49
  • 11203
    博客公告
    个人资料
    • 访问:130831次
    • 积分:2221
    • 等级:
    • 排名:第19967名
    • 原创:118篇
    • 转载:2篇
    • 译文:0篇
    • 评论:34条