IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 安卓开发组件——进度条 -> 正文阅读

[移动开发]安卓开发组件——进度条

安卓开发组件——进度条

1 架构:

image-20211119150738935

我们只会用到两个文件:

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属性删除,使用其默认属性即可。

image-20211119153913665

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 效果图:

image-20211119153725753

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-11-20 18:30:36  更:2021-11-20 18:31:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 4:06:01-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码