用户界面View之ProgressBar

最新推荐文章于 2018-09-28 11:06:13 发布
最新推荐文章于 2018-09-28 11:06:13 发布
阅读量633 收藏
点赞数 1
分类专栏： Android自带控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liguojin1230/article/details/45937339
版权


一个成功的创业者，三个因素，眼光、胸怀和实力。


本讲内容：ProgressBar 进度条 与SeekBar 进度条（ProgressBar的子类） 


一、ProgressBar 显示风格（默认是标准环形进度条）
style="?android:attr/progressBarStyleLarge"        大环形进度条
style="?android:attr/progressBarStyleSmall"        小环形进度条   
style="?android:attr/progressBarStyleHorizontal"   水平进度条


二、ProgressBar 的分类

1、可以精确显示进度（水平进度条）
2、不可以精确显示进度（环形进度条）


三、ProgressBar 的关键属性

android:max="100"  设置最大显示进度
android:progress="50"    设置第一显示进度
android:secondaryProgress="80"   设置第二显示进度
android:indeterminate="true"          设置是否精确显示。注意：true表示不精确显示进度，false表示精确显示进度


四、ProgressBar 的关键方法

setProgress(int)         设置第一进度
setSecondaryProgress(int)        设置第二进度
getProgress()        获取第一进度
getSecondaryProgress()        获取第二进度
incrementProgressBy(int)        增加或减少第一进度
incrementSecondaryProgressBy(int)增加或减少第二进度
getMax()        获取最大进度


五、Android 不显示标题栏和全屏的设置方法

1.在Manifest.xml中设置
不显示标题栏
android:theme="@android:style/Theme.NoTitleBar"
全屏
android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
2.在代码中实现
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);



六、Android所有控件的可见属性

可以通过android:visibility进行指定，可选值有三种，visible、invisible和gone。visible表示控件是可见的（这个值是默认值），invisible表示控件是不可见的，但是它仍然占据着原来的位置和大小，可以理解成控件变成透明状态，gone表示控件不仅不可见，而且不再占用任何屏幕空间，我们还可以通过代码来设置控件的可见性，使用setVisibility()方法，可以传入View.VISIBLE、View.INVISIBLE和View.GONE三种值。



示例一：标题上ProgressBar的设置


下面是MainActivity.java主界面文件：

public class MainActivity extends Activity {
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 启用窗口特征，启用带进度和不带进度的进度条
		requestWindowFeature(Window.FEATURE_PROGRESS);
		requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
		setContentView(R.layout.activity_main);
		// 分别显示两种进度条
		setProgressBarVisibility(true);
		setProgressBarIndeterminateVisibility(true);
		setProgress(5000);//默认MAX=10000
	}
}

示例二：


下面是res/layout/activity_main.xml 布局文件：

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

    <ProgressBar
        android:id="@+id/id_progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="40"
        android:secondaryProgress="70" />

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

    <Button
        android:id="@+id/id_reduce"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="减少" />

    <Button
        android:id="@+id/id_reset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="重置" />
    
    <TextView 
        android:id="@+id/id_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>

</LinearLayout>

下面是MainActivity.java主界面文件：

public class MainActivity extends Activity implements OnClickListener{
	private ProgressBar progress;
	private Button add;
	private Button reduce;
	private Button reset;
	private TextView text;
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initViews();
	}

	/**
	 * 初始化控件
	 */
	private void initViews() {
		progress=(ProgressBar) findViewById(R.id.id_progressBar);
		add=(Button) findViewById(R.id.id_add);
		reduce=(Button) findViewById(R.id.id_reduce);
		reset=(Button) findViewById(R.id.id_reset);
		text=(TextView) findViewById(R.id.id_text);
		add.setOnClickListener(this);
		reduce.setOnClickListener(this);
		reset.setOnClickListener(this);
		
		// 获取第一进度条的进度
		int first = progress.getProgress();
		// 获取第二进度条的进度
		int second = progress.getSecondaryProgress();
		// 获取进度条的最大进度
		int max = progress.getMax();
		text.setText("第一进度百分比：" + first*100/max + "% 第二进度百分比：" + second*100/max + "%");
	}

	/**
	 * 按钮点击事件
	 */
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.id_add:
			// 增加第一进度和第二进度10个刻度
			progress.incrementProgressBy(10);
			progress.incrementSecondaryProgressBy(10);
			break;
		case R.id.id_reduce:
			// 减少第一进度和第二进度10个刻度
			progress.incrementProgressBy(-10);
			progress.incrementSecondaryProgressBy(-10);
			break;
		case R.id.id_reset:
			progress.setProgress(40);
			progress.setSecondaryProgress(70);
			break;
		}
		text.setText("第一进度百分比：" + progress.getProgress()*100/progress.getMax() + 
				"% 第二进度百分比：" + progress.getSecondaryProgress()*100/progress.getMax() + "%");
	}
}

示例三：进度条对话框

 

下面是res/layout/activity_main.xml 布局文件：

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

    <Button
        android:id="@+id/id_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="进度条对话框" />

</LinearLayout>

下面是MainActivity.java主界面文件： 

public class MainActivity extends Activity implements OnClickListener{
	private Button show;
	private ProgressDialog dialog;
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		show=(Button) findViewById(R.id.id_show);
		show.setOnClickListener(this);
	}

	/**
	 * 按钮点击事件
	 */
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.id_show:
			/**
			 * 对话框显示风格
			 */
			//新建ProgressDialog对象
			dialog=new ProgressDialog(MainActivity.this);
			//设置图标
			dialog.setIcon(R.drawable.ic_launcher);
			//设置标题
			dialog.setTitle("阳江");
			//设置对话框里的文字信息
			dialog.setMessage("欢迎大家支持！");
			//设置进度条显示风格(默认是环形)
			dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
			
			/**
			 * 设定关于ProgressBar的一些属性
			 */
			//设定最大进度
			dialog.setMax(100);
			//设定初始化已经增长到的进度
			dialog.incrementProgressBy(50);
			//进度条是明确显示进度的
			dialog.setIndeterminate(false);
			
			/**
			 * 设定一个确定按钮
			 */
			dialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
				public void onClick(DialogInterface dialog, int which) {
					Toast.makeText(MainActivity.this, "HelloWorld", Toast.LENGTH_SHORT).show();
				}
			});
			
			//默认的就是true,为fales时,只能按确定才能退出弹出框。
			dialog.setCancelable(false);
			
			//显示ProgressDialog
			dialog.show();
			break;
		}
	}
	
}

示例四：自定义进度条样式（通过查看原码修改）


下面是res/drawable/progress_bar_bg文件

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <solid android:color="#88000000"/>
        </shape>
    </item>
    
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#B9A4FF"
                        android:centerColor="#C6B7FF"
                        android:centerY="0.75"
                        android:endColor="#C3B2FF"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#57E8FF"
                        android:centerColor="#74EBFF"
                        android:centerY="0.75"
                        android:endColor="#8EEFFF"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
</layer-list>

下面是res/layout/activity_main.xml 布局文件： 

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

    <ProgressBar
        android:id="@+id/progressBar1"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:progressDrawable="@drawable/progress_bar_bg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="40"
        android:secondaryProgress="70" />

</LinearLayout>
android:progressDrawable="@drawable/progress_bar_bg" 复盖系统自带样式

style="@android:style/Widget.ProgressBar.Horizontal"  通过ctrl+左键查看系统自带样式原码 



示例五：SeekBar


下面是res/layout/activity_main.xml 布局文件：

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

    <SeekBar
        android:id="@+id/id_seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="50" />

    <TextView
        android:id="@+id/id_tv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/id_tv2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

下面是MainActivity.java主界面文件：

public class MainActivity extends Activity implements OnSeekBarChangeListener{
	private SeekBar seekBar;
	private TextView tv1;
	private TextView tv2;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		seekBar=(SeekBar) findViewById(R.id.id_seekBar);
		tv1=(TextView) findViewById(R.id.id_tv1);
		tv2=(TextView) findViewById(R.id.id_tv2);
		seekBar.setOnSeekBarChangeListener(this);
	}

	/**
	 * 数值改变
	 */
	public void onProgressChanged(SeekBar seekBar, int progress,boolean fromUser) {
		tv1.setText("正在拖动");
		tv2.setText("当前数值："+progress);
	}

	/**
	 * 开始拖动
	 */
	public void onStartTrackingTouch(SeekBar seekBar) {
		tv1.setText("开始拖动");
	}

	/**
	 * 停止拖动
	 */
	public void onStopTrackingTouch(SeekBar seekBar) {
		tv1.setText("停止拖动");
	}
}


示例六：自定义SeekBar(通过查看原码修改)


下面是res/layout/activity_main.xml 布局文件：

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

    <SeekBar
        android:id="@+id/id_seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:thumb="@drawable/thumb"
        android:max="100"
        android:progress="50" />
    <!-- android:thumb:拖动标志 -->
    <!-- 通过系统自带的样式可查看原码style="@android:style/Widget.SeekBar" -->

    <TextView
        android:id="@+id/id_tv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/id_tv2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>


下面是drawable/thumb_selector文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/select" android:state_pressed="true" android:state_window_focused="true"/>
    <item android:drawable="@drawable/select" android:state_focused="true" android:state_window_focused="true"/>
    <item android:drawable="@drawable/select" android:state_selected="true" android:state_window_focused="true"/>
    <item android:drawable="@drawable/normal"/>

</selector>



Take your time and enjoy it



小小劲
关注
专栏目录
IOS 学习笔记 进度条 UIActivityIndicatorView ProgressView
无问西东的博客
04-17 1147
小菊花：UIActivityIndicatorView 横向进度条：UIProgressView UIProgressView选中困难小技巧
UIProgressView
qq_37282248的博客
12-20 604
UIProgressView 进度条 创建并初始化 UIProgressView * progress = [[UIProgressView alloc]initWithProgressViewStyle:UIProgressViewStyleDefault]; 设置进度条的值 取值范围0~1之间 float值 progress.progress = 0.5;
ProgressBar
weixin_39413778的博客
09-25 135
java 代码 package com.example.progressbarview; import android.os.Handler; import android.os.Message; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View;...
Android 自定义View--ProgressBar篇（三）
FLY346422332的博客
09-28 1140
1、概述 1.1 目的 ： 在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。 1.2 Android自定义View步骤 ： 自定义属性； 选择和设置构造方法； 重写onMeasure()方法； 重写onDraw()方法； 重写onLayout()方法； 重写其他事件的方法（滑动...
Android控件之ProgressBar用法实例分析
01-05
因为进度条会移动，所以长时间加载某些资源或者执行某些耗时的操作时，不会使用户界面失去响应。ProgressBar类的使用非常简单，只需将其显示到前台，然后启动一个后台线程定时更改表示进度的数值即可。 以下...
Android开发之进度条ProgressBar的示例代码
08-27
Android开发之进度条ProgressBar是 Android 应用程序中的一种常用的用户界面元素，用于显示某个过程的进度，例如数据加载过程、文件下载进度、音乐播放进度等。在 Android 开发中，ProgressBar 可以根据需要，设置...
Android应用源码之ProgressBar 几乎全部的用法-IT计算机-毕业设计.zip
04-06
在Android应用开发中，无论是简单的文件下载、网络请求，还是复杂的计算过程，我们都需要用到ProgressBar来提供用户友好的界面反馈。这个"Android应用源码之ProgressBar 几乎全部的用法"的压缩包应该包含了一系列...
Title ProgressBar Android标题栏进度条
03-16
在Android应用开发中，Title ProgressBar 是一种常见的用户界面元素，用于在标题栏中显示加载或操作的进度。这种设计能够给用户提供实时的反馈，让他们了解应用程序正在进行的工作状态。本篇文章将详细探讨如何在...
Android 自定义View--ProgressBar篇（二）
FLY346422332的博客
09-28 339
1、概述 1.1 目的 ： 在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。 1.2 Android自定义View步骤 ： 自定义属性； 选择和设置构造方法； 重写onMeasure()方法； 重写onDraw()方法； 重写onLayout()方法； 重写其他事件的方法（滑动...
Android自定义View值ProgressBar
05-01
Android自定义View值ProgressBar,详情请看http://blog.csdn.net/u012702547/article/details/51290266
自定义ViewProgress
wqewq19的博客
05-20 430
转载http://blog.csdn.net/lmj623565791/article/details/24500107首先在values文件下穿件一个attrs.xml文件<?xml version="1.0" encoding="utf-8"?> <resources> <attr name="firstColor" format="color"/> <attr name="seco
Android ApiDemos示例解析(182):Views->Progress Bar->1. Incremental
mapdigit
10-03 100
进程条ProgressBar可以用来显示某个操作（比如下载文件）当前的进度，应用可以根据操作的进度改变进程条的长度。Android 中的进程条还支持一个辅助的进度条来显示莫个中间操作的进度，比如说解压一个文件包，主进度条可以显示整个文件包的解压进度，辅助进度条可以显示当前正在解压的文件的进度。 对于一些无法事先知道操作所需时间，可以将ProgressBar 设置成”indetermina...
自定义view之人性化Progress bar
zzj的博客
07-02 2099
自定义view之人性化Progress bar转载请注明出处：http://blog.csdn.net/qq_28872867/article/details/51813416 虽然现在开源项目很多而且很完善，但有时候项目需要用到某一个自定义view时就不得不依赖一个很大的类库，感觉有点得不偿失。所以决定自己动手丰衣足食！ 期间看过鸿洋的自定义view系列、工匠若水的自定义view绘制手册等等还
android用户界面之ProgressBar教程实例汇总
老霍研习社
10-29 1020
一、ProgressBar教程 andriod ProgressBar 总结 http://www.eoeandroid.com/thread-182359-1-1.html Android ProgressBar 几乎全部的用法 http://www.eoeandroid.com/thread-182369-1-1.html Android多媒体实例大汇集（源码，全）！！！
Android：自定义View实现绚丽的圆形进度条
books1958的专栏
09-07 8536
Android：自定义View实现绚丽的圆形进度条
多式样ProgressBar
iteye_15118的博客
01-22 608
多式样ProgressBar普通圆形ProgressBar该类型进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中。一般只要在XML布局中定义就可以了。 &lt;progressBar android:id="@+id/widget43"       android:layout_width="wrap_content"       andr...
ProgressBar的使用以及实现进度条的增减
Simon_Crystin的博客
12-10 2080
ProgressBar 的使用，以及通过按钮实现增加和减少第一进度和第二进度条。  重要方法提要  设置窗口特征： requestWindowFeature(Window.FEATURE_PROGRESS);  获取进度条：  int first=progressBar.getProgress();  int second=progressBar.getSecondaryProgress
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值