안드로이드 연구 노트 (안드로이드 스튜디오) 3-3 (ProgressBar의 &해서 ProgressDialog) UI 컴포넌트의 팝업 구성 요소 (로드 진행률 표시 줄, 동그라미 라운드가는)

안드로이드 연구 노트 3-3


B 역 https://www.bilibili.com/video/av38409964 : 비디오 배우는 초보자에게 추천 포인트 I 전송


3-3의 ProgressBar 및해서 ProgressDialog (로드 진행률 표시 줄, 동그라미 라운드가는)

오늘, 움직이는지도를 가로 챌 수 있습니다 ScreenToGif 소프트웨어라는 프로그램에서, 라 라 라

  • 일부 속성은 표시되지 않습니다

    • 안드로이드 : secondaryProgress = "30"진행 막대 (30)는 두 가지를 제공한다
    • 안드로이드 : indeterminateDrawable = "@ 드로어 블 / 사진 bg_progress"설정 사용자 지정 스타일
  • activity_progress.xml 파일

      <?xml version="1.0" encoding="utf-8"?>
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:gravity="center_horizontal"
          android:padding="15dp">
      
          <ProgressBar
              android:id="@+id/pb1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              />
      
          <ProgressBar
              android:id="@+id/pb2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              style="@android:style/Widget.ProgressBar"
              android:layout_marginTop="10dp"/>
      
          <ProgressBar
              android:id="@+id/pb3"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              style="@android:style/Widget.ProgressBar.Horizontal"
              android:layout_marginTop="10dp"
              android:max="100"
              android:progress="10"
              android:secondaryProgress="30"/>
      
          <ProgressBar
              android:id="@+id/pb4"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              style="@android:style/Widget.Material.ProgressBar.Horizontal"
              android:layout_marginTop="10dp"
              android:max="100"
              android:progress="10"
              android:secondaryProgress="30"/>
      
          <Button
              android:id="@+id/btn_start"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="模拟进度条"
              android:layout_marginTop="10dp"/>
      
          <ProgressBar
              android:id="@+id/pb5"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              style="@style/MyProgressBar"  自定义效果
              android:layout_marginTop="10dp"/>
      
          <Button
              android:id="@+id/btn_progress_dialog1"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="ProgressDialog1"
              android:textAllCaps="false"
              android:layout_marginTop="10dp"/>
      
          <Button
              android:id="@+id/btn_progress_dialog2"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="ProgressDialog2"
              android:textAllCaps="false"
              android:layout_marginTop="10dp"/>
      
      </LinearLayout>
    
  • 효과
    그림 삽입 설명 여기

  • 드로어 블에서 사용자 정의 레이아웃 bg_progress.xml 파일

      <?xml version="1.0" encoding="utf-8"?>
      <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
          android:drawable="@drawable/icon_progress"
          android:pivotX="50%"
          android:pivotY="50%">
      <!--两个50%确定图片的旋转中心-->
      </animated-rotate>
    
  • styles.xml 파일은 사용자 지정 스타일을 추가하는

      <style name="MyProgressBar">
      	<item name="android:indeterminateDrawable">@drawable/bg_progress</item>
      </style>
    
  • ProgressActivity.java 파일

      package com.ylw.helloworld;
      
      import androidx.annotation.NonNull;
      import androidx.appcompat.app.AppCompatActivity;
      
      import android.app.ProgressDialog;
      import android.content.DialogInterface;
      import android.os.Bundle;
      import android.os.Handler;
      import android.os.Message;
      import android.view.View;
      import android.widget.Button;
      import android.widget.ProgressBar;
      
      import com.ylw.helloworld.util.ToastUtil;
      
      public class ProgressActivity extends AppCompatActivity {
      
          private ProgressBar mPb3;
          private Button mBtnStart,mBtnProgressDialog1,mBtnProgressDialog2;
      
          @Override
          protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_progress);
              mPb3 = findViewById(R.id.pb3);
              mBtnStart = findViewById(R.id.btn_start);
              mBtnProgressDialog1 = findViewById(R.id.btn_progress_dialog1);
              mBtnProgressDialog2 = findViewById(R.id.btn_progress_dialog2);
      
              mPb3.setProgress(30);   //设置进度条到30
              mBtnStart.setOnClickListener(new View.OnClickListener() {
                  @Override
                  public void onClick(View v) {
                      handler.sendEmptyMessage(0);
                  }
              });
              mBtnProgressDialog1.setOnClickListener(new View.OnClickListener() {
                  @Override
                  public void onClick(View v) {
                      //虽然标了中划线但还是可以用的
                      ProgressDialog progressDialog = new ProgressDialog(ProgressActivity.this);
                      progressDialog.setTitle("提示");
                      progressDialog.setMessage("正在加载");
                      progressDialog.setOnCancelListener(new DialogInterface.OnCancelListener() { //监听取消
                          @Override
                          public void onCancel(DialogInterface dialog) {
                              ToastUtil.showMsg(ProgressActivity.this,"cancel...");
                          }
                      });
                      progressDialog.setCancelable(false);    //设置不可以被取消
                      progressDialog.show();
                  }
              });
              mBtnProgressDialog2.setOnClickListener(new View.OnClickListener() {
                  @Override
                  public void onClick(View v) {
                      //虽然标了中划线但还是可以用的
                      ProgressDialog progressDialog = new ProgressDialog(ProgressActivity.this);
                      progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);   //设置样式为进度条
                      progressDialog.setTitle("提示");
                      progressDialog.setMessage("正在下载...");
                      //设置按钮和点击事件
                      progressDialog.setButton(DialogInterface.BUTTON_POSITIVE, "等一会", new DialogInterface.OnClickListener() {
                          @Override
                          public void onClick(DialogInterface dialog, int which) {
                              //
                          }
                      });
                      progressDialog.show();
                  }
              });
          }
      
          Handler handler = new Handler(){    //容器
              @Override
              public void handleMessage(@NonNull Message msg) {
                  super.handleMessage(msg);
                  if (mPb3.getProgress()<100){    //如果进度小于100
                      handler.postDelayed(runnable,500);   //延迟500毫秒发出消息
                  }else{
                      ToastUtil.showMsg(ProgressActivity.this,"加载完成");
                  }
              }
          };
      
          Runnable runnable = new Runnable() {    //线程
              @Override
              public void run() {
                  mPb3.setProgress(mPb3.getProgress()+5); //把当前进度+5
                  handler.sendEmptyMessage(0);
              }
          };
      }
    
  • 효과 (ScreenToGif라는 소프트웨어에서 오늘, 당신은, 라 라 라 움직이는지도를 가로 챌 수 있습니다)
    그림 삽입 설명 여기

  • 시뮬레이션 진행 막대 효과
    그림 삽입 설명 여기

  • ProgressDialog1 효과
    그림 삽입 설명 여기

  • ProgressDialog2 효과
    그림 삽입 설명 여기

게시 81 개 원래 기사 · 원 찬양 29 · 전망 5230

추천

출처blog.csdn.net/qq_43594119/article/details/104579878