Android入门(15)——使用ProgressBar实现进度条

原创 2015年07月07日 08:23:14

 

1. 简介:

2. 课程目标:


 

第一部分:

3. 设置ProgressBar显示风格:


 

这个style的设置参考:http://blog.csdn.net/zizidemenghanxiao/article/details/50096641,指的是引用系统自带的主题属性。

 

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

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

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

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

 

4. ProgressBar的分类:

 


 

5. 标题栏上的ProgressBar的设置:

package com.example.progressbar;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;

public class MainActivity extends Activity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        /*
         * 启用窗口特征,启用带进度和不带进度的进度条
         * */
        requestWindowFeature(Window.FEATURE_PROGRESS);
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
        //设置布局文件
        setContentView(R.layout.main);
        
        /*
         * 显示标题栏上的两种进度条:
         * */
        setProgressBarVisibility(true);
        setProgressBarIndeterminateVisibility(true);
        setProgress(600); // 为带进度的进度条设置刻度。最大进度是一个常量,是10000.
    } 
}



6. 关键属性和方法:

布局文件设置:


关于ProgressBar的一些方法:


7. 案例:

快捷键:ctrl+1:来将text中的文字设置为String串保存。


首先看布局文件main:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

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

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

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

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

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

    <Button
        android:id="@+id/reduce"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/reduce" />

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

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文本显示" />

</LinearLayout>
然后是MainActivity文件:

package com.example.progressbar;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {

	private ProgressBar progress;
	private Button add;
	private Button reduce;
	private Button reset;
	private TextView text;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		/*
		 * 启用窗口特征,启用带进度和不带进度的进度条
		 */
		requestWindowFeature(Window.FEATURE_PROGRESS);
		requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);

		setContentView(R.layout.main);

		/*
		 * 显示标题栏上的两种进度条:
		 */
		setProgressBarVisibility(true);
		setProgressBarIndeterminateVisibility(true);
		setProgress(600); // 为带进度的进度条设置刻度。最大进度是一个常量,是10000.

		init();
	}

	private void init() {
		//
		progress = (ProgressBar) findViewById(R.id.horiz);
		add = (Button) findViewById(R.id.add);
		reduce = (Button) findViewById(R.id.reduce);
		reset = (Button) findViewById(R.id.reset);
		text = (TextView) findViewById(R.id.text);
		// getProgress();获取第一进度条的进度。
		int first = progress.getProgress();
		// 获取第二进度条的进度。
		int second = progress.getSecondaryProgress();
		// 获取进度条的最大进度。
		int max = progress.getMax();
		// 进度的百分比。
		text.setText("第一进度百分比:" + (int) (first / (float) max * 100) + "%"
				+ "   第二进度百分比:" + (int) (second / (float) max * 100) + "%");

		// 设置监听器。
		add.setOnClickListener(this);
		reduce.setOnClickListener(this);
		reset.setOnClickListener(this);
	}

	@Override
	public void onClick(View arg0) {
		//
		switch (arg0.getId()) {
		case R.id.add:
			// 增加第一进度和第二进度10个刻度。
			progress.incrementProgressBy(10);
			progress.incrementSecondaryProgressBy(10);
			break;
		case R.id.reduce:
			// 减少第一进度和第二进度10个刻度。
			progress.incrementProgressBy(-10);
			progress.incrementSecondaryProgressBy(-10);
			break;
		case R.id.reset:
			// 重新设置。
			progress.setProgress(50);
			progress.setSecondaryProgress(80);
			break;
		default:
			break;
		}

		text.setText("第一进度百分比:"
				+ (int) (progress.getProgress() / (float) progress.getMax() * 100)
				+ "%"
				+ "   第二进度百分比:"
				+ (int) (progress.getSecondaryProgress()
						/ (float) progress.getMax() * 100) + "%");

	}
}
效果图:


第二部分:

8. 对话框形式的进度条ProgressDialog:

首先在布局文件中添加控件:

<Button
        android:id="@+id/show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示进度条对话框" />
然后在MainActivity中:

这个Dialog本身就是一个ProgressDialog。

package com.example.progressbar;

import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

	private ProgressBar progress;
	private Button add;
	private Button reduce;
	private Button reset;
	private TextView text;
	private ProgressDialog prodialog;// 注意点,这里添加Progressdialog
	private Button show;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		/*
		 * 启用窗口特征,启用带进度和不带进度的进度条
		 */
		requestWindowFeature(Window.FEATURE_PROGRESS);
		requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);

		setContentView(R.layout.main);

		/*
		 * 显示标题栏上的两种进度条:
		 */
		setProgressBarVisibility(true);
		setProgressBarIndeterminateVisibility(true);
		setProgress(600); // 为带进度的进度条设置刻度。最大进度是一个常量,是10000.

		init();
	}

	private void init() {
		//
		progress = (ProgressBar) findViewById(R.id.horiz);
		add = (Button) findViewById(R.id.add);
		reduce = (Button) findViewById(R.id.reduce);
		reset = (Button) findViewById(R.id.reset);
		text = (TextView) findViewById(R.id.text);
		show = (Button) findViewById(R.id.show);

		// getProgress();获取第一进度条的进度。
		int first = progress.getProgress();
		// 获取第二进度条的进度。
		int second = progress.getSecondaryProgress();
		// 获取进度条的最大进度。
		int max = progress.getMax();
		// 进度的百分比。
		text.setText("第一进度百分比:" + (int) (first / (float) max * 100) + "%"
				+ "   第二进度百分比:" + (int) (second / (float) max * 100) + "%");

		// 设置监听器。
		add.setOnClickListener(this);
		reduce.setOnClickListener(this);
		reset.setOnClickListener(this);
		show.setOnClickListener(this);
	}

	@Override
	public void onClick(View arg0) {
		//
		switch (arg0.getId()) {
		case R.id.add:
			// 增加第一进度和第二进度10个刻度。
			progress.incrementProgressBy(10);
			progress.incrementSecondaryProgressBy(10);
			break;
		case R.id.reduce:
			// 减少第一进度和第二进度10个刻度。
			progress.incrementProgressBy(-10);
			progress.incrementSecondaryProgressBy(-10);
			break;
		case R.id.reset:
			// 重新设置。
			progress.setProgress(50);
			progress.setSecondaryProgress(80);
			break;
		case R.id.show:// 注意这里:
			/*
			 * 这是一个Dialog基础页面的显示风格:
			 * */
			// 新建ProgressDialog对象:
			prodialog = new ProgressDialog(MainActivity.this);
			// 设置显示风格
			prodialog.setProgressStyle(prodialog.STYLE_HORIZONTAL);
			// 设置标题
			prodialog.setTitle("笑笑");
			// 设定对话框里的文字信息。
			prodialog.setMessage("笑笑加油");
			// 设置图标
			prodialog.setIcon(R.drawable.ic_launcher);
			
			/*
			 * 下面设置关于Dialog中进度条的一些属性:
			 * */
			// 制定进度条最大刻度。
			prodialog.setMax(100);
			// 设定初始化进度为50.
			prodialog.incrementProgressBy(50);
			// 设定进度条是明确显示进度的
			prodialog.setIndeterminate(false);
			
			/*
			 * 设定一个确定按钮
			 * */
			// 第一个参数设定按钮是哪种类型
			// 第二个参数按钮文字显示
			// 第三个按钮是点击事件的监听器
			prodialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
				
				@Override
				public void onClick(DialogInterface dialog, int which) {
					// 点击确定按钮会显示一条toast。
					Toast.makeText(MainActivity.this, "笑笑努力", Toast.LENGTH_SHORT).show();
				}
			});
			
			// 是否可以通过返回按钮退出对话框
			prodialog.setCancelable(true);
			
			// 显示ProgressDialog
			prodialog.show();
			break;
		default:
			break;
		}

		text.setText("第一进度百分比:"
				+ (int) (progress.getProgress() / (float) progress.getMax() * 100)
				+ "%"
				+ "   第二进度百分比:"
				+ (int) (progress.getSecondaryProgress()
						/ (float) progress.getMax() * 100) + "%");

	}
}
效果图:



第三部分:
9. 自定义ProgressBar样式:

首先是怎么查看系统自带样式:

第一步:利用style属性去查看系统自带的关于ProgressBar的样式,然后ctrl+左键去访问style文件。

<ProgressBar
	android:max="100"
	android:progress="50"
	android:secondaryProgress="80"
	android:id="@+id/horiz"
	style="@android:style/Widget.ProgressBar.Horizontal"
	android:layout_width="match_parent"
	android:layout_height="wrap_content" 
	/>


第二步:然后在style文件中我们可以看到:那么在第二行的ProgressDrawable属性中可以看到系统样式的文件:progress_horizontal。然后再通过ctrl+左键去访问这个样式文件。

<style name="Widget.ProgressBar.Horizontal">
        <item name="android:indeterminateOnly">false</item>
        <item name="android:progressDrawable"><span style="color:#ff0000;">@android:drawable/progress_horizontal</span></item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:minHeight">20dip</item>
        <item name="android:maxHeight">20dip</item>
        <item name="android:mirrorForRtl">true</item>
    </style>
第三步:那么我们在progress_horizontal.xml中看到:那么根据这个文件我们就可以新建修改出我们自己的样式文件。

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#ff9d9e9d"
                    android:centerColor="#ff5a5d5a"
                    android:centerY="0.75"
                    android:endColor="#ff747674"
                    android:angle="270"
            />
        </shape>
    </item>
    
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#80ffd300"
                        android:centerColor="#80ffb600"
                        android:centerY="0.75"
                        android:endColor="#a0ffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#ffffd300"
                        android:centerColor="#ffffb600"
                        android:centerY="0.75"
                        android:endColor="#ffffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
</layer-list>
第四步:在设置好自己的样式文件以后,然后通过ProgressDrawable属性设置到ProgressBar的布局文件中。

<ProgressBar
        android:max="100"
        android:progress="50"
        android:secondaryProgress="80"
        android:id="@+id/horiz"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:progressDrawable="@drawable/我自己的文件名称"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />







版权声明:本文为博主原创文章,未经博主允许不得转载。

Android——使用ProgressBar实现进度条

1.ProgressBar简介 ProgressBar是进度条组件,通常用于向用户展示某个耗时操作完成的进度,而不让用户感觉是程序失去了响应,从而更好地提升用户界面的友好性。 2.制定Prog...
  • S415X
  • S415X
  • 2016年08月17日 14:50
  • 630

Android基础入门教程——2.3.7 ProgressBar(进度条)

Android基础入门教程——2.3.7 ProgressBar(进度条) 本节引言: 1.常用属性讲解与基础实例 2.使用动画来替代圆形进度条 3.自定义圆形进度条 本节小结:...

Android中使用ProgressBar实现进度条

  • 2017年04月25日 20:45
  • 25.7MB
  • 下载

Android基础控件——ProgressBar自定义的介绍、动画效果实现、附加三个漂亮的进度条

自定义ProgressBar介绍,附加三个漂亮的进度条 步骤一:创建出drawable的xml文件 步骤二:在layout的xml文件中使用 步骤三:查看效果图 步骤四:附加几个漂亮的进度条...

Android中使用ProgressBar实现进度条

编写不易,如有转载,请声明出处: 梦回河口:1,Demo展示图片 2,布局代码//(layout)activity_main.xml ...

Android入门之进度条(ProgressBar)

package com.jkxqj.helloandroid; import android.app.Activity; import android.os.Bundle; import andro...
  • acmjk
  • acmjk
  • 2013年08月23日 20:22
  • 847

Android笔记——ProgressBar(进度条)

进度条可以方便的告诉用户现在执行任务的进度,特别是一个执行程序比较长的时候,没有进度条,用户不知道程序在执行,会以为程序假死强制关闭。           进度条分为:1.有明确进度信息的,将通过一...
  • nana129
  • nana129
  • 2015年03月03日 20:55
  • 430

深入了解Android进度条——ProgressBar,SeekBar和RatingBar

Android常用的进度条有ProgressBar,SeekBar和RatingBar。ProgressBar继承于View类,直接子类有AbsSeekBar和ContentLoadingProgre...

Android之利用Handler实现ProgressBar进度条

res/layout/main.xml文件内容如下:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android入门(15)——使用ProgressBar实现进度条
举报原因:
原因补充:

(最多只允许输入30个字)