Android入門之ProgressBar的使用教程
介紹
Android裡的ProgressBar默認為一個不斷轉圈的圓,它也可以自定義,但是如我在上一篇裡所述我們不追求專業的beautiful。我們求的是Android這本知識我們可以完整的體系化的學會。因此在本篇裡我們就使用ProgressBar的默認樣式瞭。
ProgressBar有一個屬性:
style="?android:attr/progressBarStyleHorizontal"
這個屬性會讓原來默認的ProgressBar變成橫向的進度條。
課程目標
- 課程內設置瞭兩個進度條。一個默認的轉圈類ProgressBar,一個橫向的ProgressBar。
- 點“顯示/隱藏效果演示“,可以隱藏或者顯示ProgressBar,此處的隱藏我們用的是事件是“GONE“,GONE的意思是不顯示同時這個組件在原界面也不占位。
- 點擊橫向的ProgressBar會顯示當前進度值,每點一下橫向的ProgressBar當前的值會+5並顯示在下部的TextView內。
我們先來看我們的主界面UI
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <Button android:id="@+id/displayBtn" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="顯示/隱藏效果演示" android:textSize="20sp" /> <ProgressBar android:id="@+id/pgBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" /> <ProgressBar android:id="@+id/pgBarHorizontal" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:max="100" /> <TextView android:id="@+id/pgValueTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="" /> </LinearLayout>
它有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內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Android seekbar實現可拖動進度條
- Android studio實現簡易的計算器功能
- Android使用setContentView實現頁面的轉換效果
- Android生成隨機數的方法實例
- Android實現文字消除效果