用户界面View之ProgressBar

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

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


本讲内容：ProgressBar 进度条

作用：在某项延续性工作的进展过程中为了不让用户觉得程序死掉了，需要有个活动的进度条，表示此过程正在进行中。Android中使用ProgressBar来实现这一功能：

ProgressBar 的2个子类分别为SeekBar 拖动条 滑动条和RatingBar 评分条


示例一

  

          点击按钮前                        点击按钮后

下面是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/progressBarId01"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ProgressBar
        android:id="@+id/progressBarId02"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="30"
        android:secondaryProgress="80" />
    
    <Button 
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:gravity="center"
        android:text="Button"/>

</LinearLayout>

注意：ProgressBar的样式(默认是圆形)   

style=”?android:attr/progressBarStyleLarge”   大圆圈      

style=”?android:attr/progressBarStyleSmall”    小圆圈

style=”?android:attr/progressBarStyleSmallTitle”   标题条的样式    

style="?android:attr/progressBarStyleHorizontal"  水平风格

ndroid:max=”100″     最大刻度按100算      android:progress=”30″     第一进度是30  

android:secondaryProgress=”80″     第二进度是80


下面是MainActivity主界面文件：

public class MainActivity extends Activity {
	private Button b;
	private ProgressBar progressBar;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);

		b = (Button) findViewById(R.id.btn);
		progressBar = (ProgressBar) findViewById(R.id.progressBarId01);

		b.setOnClickListener(new OnClickListener() {
			public void onClick(View v) {
				if(progressBar.getVisibility()==View.GONE){
					progressBar.setVisibility(View.VISIBLE);
				}else{
					progressBar.setVisibility(View.GONE);
				}
			}
		});
	}

}
Android所有控件的可见属性，可以通过android:visibility进行指定，可选值有三种，visible、invisible和gone。 visible

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

例二SeekBar 拖动条 滑动条的应用：（SeekBar可以作为音乐播放器的进度指示和调整工具，音量调整工具等）


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

<span style="font-size:18px;"><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"
    tools:context="com.example.text.MainActivity$PlaceholderFragment" >
    <SeekBar 
        android:id="@+id/seekBarId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    
    <TextView 
        android:id="@+id/textViewId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"/>
    
</LinearLayout>
</span>

下面是MainActivity主界面文件：
 

<span style="font-size:18px;">public class MainActivity extends Activity {
	private SeekBar seekBar;
	private TextView textView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		seekBar=(SeekBar) findViewById(R.id.seekBarId);
		textView=(TextView) findViewById(R.id.textViewId);
		
		//设置拖动条的初始值和文本框的初始值
		seekBar.setMax(100);
		seekBar.setProgress(30);
		seekBar.setSecondaryProgress(80);
		textView.setText("当前进度：" + seekBar.getProgress());
		
		//设置拖动条改变监听器
		OnSeekBarChangeListener osbcl = new OnSeekBarChangeListener() {
			@Override
			//改变时执行该方法
			public void onProgressChanged(SeekBar seekBar, int progress,
					boolean fromUser) {
				textView.setText("当前进度：" + seekBar.getProgress());
				Toast.makeText(getApplicationContext(), "onProgressChanged",
						Toast.LENGTH_SHORT).show();
			}
			//开始时执行该方法
			@Override
			public void onStartTrackingTouch(SeekBar seekBar) {
				Toast.makeText(getApplicationContext(), "onStartTrackingTouch",
						Toast.LENGTH_SHORT).show();
			}
			//结束时执行该方法
			@Override
			public void onStopTrackingTouch(SeekBar seekBar) {
				Toast.makeText(getApplicationContext(), "onStopTrackingTouch",
						Toast.LENGTH_SHORT).show();
			}
		};
		//为拖动条绑定监听器
		seekBar.setOnSeekBarChangeListener(osbcl);
	}
}</span>


例三RatingBar评分条的应用：

RatingBar评分条现阶段系统自带了3种样式，下面来演示他的使用方法和属性设置


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

<span style="font-size:18px;"><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"
    tools:context="com.example.text.MainActivity$PlaceholderFragment" >
    
    <RatingBar 
        android:id="@+id/ratingBarId01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:stepSize="1"
        android:rating="2"
        android:layout_marginTop="20dp"/>
    <RatingBar 
        android:id="@+id/ratingBarId02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="4"
        android:rating="3"
        android:isIndicator="false"
        style="?android:attr/ratingBarStyleIndicator" 
        android:layout_marginTop="20dp"/>
    <RatingBar 
        android:id="@+id/ratingBarId03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="10"
        android:rating="5"
        android:isIndicator="false"
        style="?android:attr/ratingBarStyleSmall"  
        android:layout_marginTop="20dp"/>
    
</LinearLayout>
</span>
注意：
 
<span style="font-size:18px;">android:stepSize="1" 设置每次前进多少个星(默认是0.5)</span>
<span style="font-size:18px;">android:isIndicator="false"    默认值是TRUE，会导致不可操作<pre name="code" class="java" style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px;">android:rating="2" 默认分值设为2      android:numStars="10" 星星数量设为10(默认是5)</span>
<span style="font-size:18px;">style="?android:attr/ratingBarStyleIndicator" 指示器（Indicator）样式</span>

 

 

下面是MainActivity主界面文件：
 

 

<span style="font-size:18px;">public class MainActivity extends Activity {
	private RatingBar ratingBar01;
	private RatingBar ratingBar02;
	private RatingBar ratingBar03;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		ratingBar01 = (RatingBar) findViewById(R.id.ratingBarId01);
		ratingBar02 = (RatingBar) findViewById(R.id.ratingBarId02);
		ratingBar03 = (RatingBar) findViewById(R.id.ratingBarId03);

		// 定义评分监听器
		OnRatingBarChangeListener orbcl = new OnRatingBarChangeListener() {
			@Override
			public void onRatingChanged(RatingBar ratingBar, float rating,
					boolean fromUser) {
				switch (ratingBar.getId()) {
				case R.id.ratingBarId01:
					// 把第一个评分条的值取出来设置给其他评分条
					ratingBar02.setRating(ratingBar01.getRating());
					ratingBar03.setRating(ratingBar01.getRating() * 2);// 十颗星所以乘以2
					break;
				case R.id.ratingBarId02:
					ratingBar01.setRating(ratingBar02.getRating());
					ratingBar03.setRating(ratingBar02.getRating() * 2);
					break;
				case R.id.ratingBarId03:
					ratingBar01.setRating(ratingBar03.getRating() / 2);
					ratingBar02.setRating(ratingBar03.getRating() / 2);
					break;
				}
			}
		};
		// 绑定监听器
		ratingBar01.setOnRatingBarChangeListener(orbcl);
		ratingBar02.setOnRatingBarChangeListener(orbcl);
		ratingBar03.setOnRatingBarChangeListener(orbcl);
	}
}
</span>
 

  


 
 

Take some time and enjoy it
 
 

 


 

                

        

        

    

  


    

      

        

            

              
                
                  小小劲
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Android自定义View值ProgressBar

				
			

			

				

					05-01
				

			

		

		

			
				
Android自定义View值ProgressBar,详情请看http://blog.csdn.net/u012702547/article/details/51290266

			
		

	



                

              
                



	

		

			

				
					
自定义view之人性化Progress bar

				
			

			

				

					zzj的博客
				

				

					07-02
					
					2088
					
				

			

		

		

			
				
自定义view之人性化Progress bar转载请注明出处：http://blog.csdn.net/qq_28872867/article/details/51813416 
虽然现在开源项目很多而且很完善，但有时候项目需要用到某一个自定义view时就不得不依赖一个很大的类库，感觉有点得不偿失。所以决定自己动手丰衣足食！ 
期间看过鸿洋的自定义view系列、工匠若水的自定义view绘制手册等等还

			
		

	



                


  
              

                


	

		

			

				
					
ProgressBar

				
			

			

				

					weixin_39413778的博客
				

				

					09-25
					
					129
					
				

			

		

		

			
				
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
					
					1133
					
				

			

		

		

			
				
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
					
					326
					
				

			

		

		

			
				
1、概述
1.1 目的 ：

在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。

1.2 Android自定义View步骤 ：


自定义属性；
选择和设置构造方法；
重写onMeasure()方法；
重写onDraw()方法；
重写onLayout()方法；
重写其他事件的方法（滑动...

			
		

	





	

		

			

				
					
Android仿IOS ViewPager滑动进度条

				
			

			

				

					08-31
				

			

		

		

			
				
主要为大家详细介绍了Android仿IOS ViewPager滑动进度条的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
ProgressBar详解

				
			

			

				

					冰魄秋雨的博客
				

				

					08-31
					
					1247
					
				

			

		

		

			
				
它是一个进度条控件或者是加载控件，有两种形式，一种是转圈圈的加载控件，还有一种是进度条，显示当前进度的多少。如果是做应用，那么这个控件是少不了的，应为在请求网络数据的时候，就需要使用到它，在加载数据前，显示加载框，在数据获取到或者失败后，取消或者是隐藏该控件。
设置它很简单，如下格式

<ProgressBar  
     android:id="@+id/progressBar1"  


			
		

	





	

		

			

				
					
控件：进度条ProgressBar

				
			

			

				

					qq_36668381的博客
				

				

					01-17
					
					497
					
				

			

		

		

			
				
@Override 
public void onClick(View v) { 
switch (v.getId()) { 
case R.id.button: 
if (progressBar.getVisibility() == View.GONE) { 
progressBar.setVisibility(View.VISIBLE); 
} else { 
progressBar.setVi

			
		

	





	

		

			

				
					
记录一个自定义View ProgressBar

				
			

			

				

					qq_30974087的博客
				

				

					07-07
					
					199
					
				

			

		

		

			
				
记录一个进度条的自定义控件，效果不错。

使用效果：

x

自定义View 继承 ProgressBar

添加属性动画，可以设置背景，加载背景，圆角，加载动画执行时长。其实就是吧ProgressBar的方法封装一下，更方便的使用。没有什么技术难点。这里记录分享一下。方便各位同学 VC


public class FlikerProgressBar extends ProgressBar {

    private final Context mContext;

    /**
     * 背景颜

			
		

	





	

		

			

				
					
进度条ProgressBar使用实例

				
			

			

				

					kanwoerzi
				

				

					10-22
					
					153
					
				

			

		

		

			
				
文件1：
importjava.util.ArrayList;
importjava.util.List;
importandroid.app.Activity;
importandroid.app.AlertDialog;
importandroid.app.Dialog;
importandroid.content.Context;
importandroid.content.I...

			
		

	





	

		

			

				
					
进度条ProgressBar属性

				
			

			

				

					weixin_58411448的博客
				

				

					11-01
					
					358
					
				

			

		

		

			
				
xml


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

			
		

	





	

		

			

				
					
ProgressBar 进度条 使用

				
			

			

				

					ASandJava的博客
				

				

					04-06
					
					190
					
				

			

		

		

			
				
主要使用两条语句，一个是出现，一个是消失，在某种条件下出现进行显示，在某种条件下消失

public void onClick(View v) {
    switch (v.getId()) {
      case R.id.btn:
        if(progress_bar.getVisibility()==View.GONE)
        {
          //设置为可见的状态
        ...

			
		

	





	

		

			

				
					
【Android】31、常见控件的使用方法——ProgressBar

				
			

			

				

					思跡的博客
				

				

					06-23
					
					768
					
				

			

		

		

			
				
本篇介绍常见控件——ProgressBar的使用方法

			
		

	





	

		

			

				
					
ProgressBar中，visibility的属性visible，invisible和gone的区别是什么？

				
			

			

				

					a289509175的博客
				

				

					08-14
					
					2298
					
				

			

		

		

			
				
ProgressBar中，visible意为显示此控件，invisible和gone都是不显示此控件，区别在于invisible不显示控件但依然占据此空间位置，而gone不占据布局空间。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值