Android入门之ProgressBar的使用教程

介绍

Android里的ProgressBar默认为一个不断转圈的圆,它也可以自定义,但是如我在上一篇里所述我们不追求专业的beautiful。我们求的是Android这本知识我们可以完整的体系化的学会。因此在本篇里我们就使用ProgressBar的默认样式了。

ProgressBar有一个属性:

style="?android:attr/progressBarStyleHorizontal"

这个属性会让原来默认的ProgressBar变成横向的进度条。

课程目标

Android入门之ProgressBar的使用教程_第1张图片

  • 课程内设置了两个进度条。一个默认的转圈类ProgressBar,一个横向的ProgressBar。
  • 点“显示/隐藏效果演示“,可以隐藏或者显示ProgressBar,此处的隐藏我们用的是事件是“GONE“,GONE的意思是不显示同时这个组件在原界面也不占位。
  • 点击横向的ProgressBar会显示当前进度值,每点一下横向的ProgressBar当前的值会+5并显示在下部的TextView内。

我们先来看我们的主界面UI



 
    

它有4个组件,从上到下依次排列。

核心代码导读:

  • style="?android:attr/progressBarStyleHorizontal"代表这个ProgressBar为横向进度条状;
  • android:max="100",这边设置了进度条涨满的值为100;

我们再来看我们的JAVA端和界面交互代码

MainActivity.java

package org.mk.android.demo.demoprogressbar;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.view.View;
import android.os.Bundle;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity {
    private ProgressBar btnProgressBar;
    private ProgressBar pgStyleHorizontal;
    private TextView txtPgValueShow;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        txtPgValueShow = (TextView) findViewById(R.id.pgValueTextView);
        //横向进度条,点一下加5
        pgStyleHorizontal = (ProgressBar) findViewById(R.id.pgBarHorizontal);
        pgStyleHorizontal.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switch (v.getId()) {
                    case R.id.pgBarHorizontal:
                        //每点击一次按钮就可以获取进度条当前的进度
                        int progress = pgStyleHorizontal.getProgress();
                        progress = progress + 5;
                        pgStyleHorizontal.setProgress(progress);
                        StringBuffer currentValue = new StringBuffer();
                        currentValue.append("当前进度为: ").append(String.valueOf(progress));
                        txtPgValueShow.setText(currentValue.toString());
                        break;
                    default:
                        break;
                }
            }
        });
        //点一下显示点一下隐藏圆形进度条
 
        Button button = (Button) findViewById(R.id.displayBtn);
        btnProgressBar = (ProgressBar) findViewById(R.id.pgBar);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switch (v.getId()) {
                    case R.id.displayBtn:
                        if (btnProgressBar.getVisibility() == View.GONE) {
                            btnProgressBar.setVisibility(View.VISIBLE);
                        } else {
                            btnProgressBar.setVisibility(View.GONE);
                        }
                        break;
                    default:
                        break;
                }
            }
        });
    }
}

请各位自己动手去实现和运行一下,体验一下这个效果吧。

到此这篇关于Android入门之ProgressBar的使用教程的文章就介绍到这了,更多相关Android ProgressBar内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Android入门之ProgressBar的使用教程)