安卓开发组件——进度条

Posted a Fang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安卓开发组件——进度条相关的知识,希望对你有一定的参考价值。

安卓开发组件——进度条

1 架构:

我们只会用到两个文件:

activity_main.xml以及MainActivity.java这两个文件。

因为项目比较简短,我就没把参数放在VALUE夹里面编写,直接写进去的,如果大家自己写大项目的时候还是不要学我。

2 写组件安卓页面

2.1编写样式XML文件

androidManifest.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <ProgressBar
                android:id="@+id/pBar"
                style="@android:style/Widget.ProgressBar.Horizontal"
                android:layout_width="400dip"
                android:layout_height="wrap_content"
                android:max="100"
                android:progress="50"></ProgressBar>


        </LinearLayout>


    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="3dp"
        android:layout_marginLeft="3dp"
        android:layout_marginTop="393dp"
        android:layout_marginBottom="53dp"
        app:layout_constraintBottom_toTopOf="@+id/text1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/bt1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:shadowColor="@color/colorAccent"
            android:text="前进"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="600px"
            android:text="后退"
            app:layout_constraintLeft_toLeftOf="@+id/bt1" />

    </LinearLayout>

    <TextView
        android:id="@+id/text1"
        android:layout_width="97dp"
        android:layout_height="0dp"

        android:layout_marginStart="141dp"
        android:layout_marginLeft="141dp"
        android:layout_marginBottom="179dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="@+id/linearLayout2"
        app:layout_constraintTop_toBottomOf="@+id/linearLayout2"></TextView>


</androidx.constraintlayout.widget.ConstraintLayout>

2.2 重要代码块讲解:

        <ProgressBar
            android:id="@+id/pBar"            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="400dip"
            android:layout_height="wrap_content"
            android:max="100"
            android:progress="50"></ProgressBar>

在这里是生成一个id为pBar的进度条,样式是 style="@android:style/Widget.ProgressBar.Horizontal",并设定了他的样式以及属性。

2.3 重要属性:

  1. style="@android:style/Widget.ProgressBar.Horizontal"进度条样式;
  2. android:max="100"进度条的最大值,也就是进度条的总值;
  3. android:progress="50"进度条当前的值。

2.4 效果:

我们修改一下style属性可以转换成为转圈圈的加载进度条动画,此时把style属性删除,使用其默认属性即可。

3 编写项目启动文件

3.1 在JAVA项目入口文件中注册:

package com.example.progressbar;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;

import java.text.CollationElementIterator;

public class MainActivity extends AppCompatActivity 
    Button btnL,btnR;
    ProgressBar pBar;
    TextView text;



    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        pBar = (ProgressBar) findViewById(R.id.pBar);
        btnL = (Button) findViewById(R.id.bt1);
        btnR = (Button) findViewById(R.id.btn2);
        text = (TextView) findViewById(R.id.text1);
        //设置监听对象,给前进和后退对象。
        btnL.setOnClickListener(new btnLClick());
        btnR.setOnClickListener(new btnRClick()); 
        class btnLClick implements OnClickListener 


            public void onClick(View v) 
                int progress = pBar.getProgress();

                if (progress == 100) //进度满100时,要清0


                    text.setText("加载完毕");


                
                else 

                    pBar.incrementProgressBy(5);


                

            


        
        class btnRClick implements OnClickListener 


            public void onClick(View v) 
                pBar.incrementProgressBy(-5);


            
        





3.2 主要代码逻辑:

按钮点击事件:实现按钮控制进度条进度:

class btnLClick implements OnClickListener 


    public void onClick(View v) 
        int progress = pBar.getProgress();

        if (progress == 100) //进度满100时,要清0


            text.setText("加载完毕");


        
        else 

            pBar.incrementProgressBy(5);


        

    



class btnRClick implements OnClickListener 


    public void onClick(View v) 
        pBar.incrementProgressBy(-5);


    

  1. int progress = pBar.getProgress();获取当前进度值,将数值付给prgress变量。

  2. pBar.incrementProgressBy(5);通过progressbar的incrementProgressBy( )方法来实进度条进度的增减。

  3. 最后判断点击的是加按钮还是减按钮,来确定进度的增减,另外需要注意当前进度是否满了,或者归零了。

3.3 效果图:

以上是关于安卓开发组件——进度条的主要内容,如果未能解决你的问题,请参考以下文章

安卓开发中的各种进度条样式

安卓MP3播放器开发实例之进度条和歌词更新的实现

安卓ProgressBar水平进度条的颜色设置

鸿蒙开发(13)---ProgressBar与RoundProgressBar组件

活动到片段方法调用带有进度条的线程

菜鸟实现 eclipse 安卓 点击按钮 进度条前进(按钮和进度条分开的)