Android UI控制元件系列:ProgressBar(進度條)
Android在執行一些後臺操作的時候,比如載入遊戲,播放歌曲時,使用者根本不知道程式執行的進度情況,這時候,可以使用進度條來顯示這些進度。
Andorid系統提供兩種進度條,長條形進度條(progressBarStyleHorizontal)和圓形進度條(progressBarStyleLarge),Android平臺預設的進度條是第二種。另外,還可以在窗體的標題欄設定進度條,這就需要先對窗體的顯示風格進行設定“requestWindowFeature(Window.FEATURE_PROGRESS)”;如果要顯示這個進度條,還要使用setProgressBarVisibility(true);方法來使其顯示
下面是個例子,分別由標題欄進度條,長條形進度條和圓形進度條組成,並用執行緒控制。
注意:圓形進度條是不會顯示具體的進度的,而只是單純的旋轉
package org.hualang.progress; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.view.View; import android.view.Window; import android.widget.Button; import android.widget.ProgressBar; public class ProgressBarTest extends Activity { //宣告ProgressBar物件 private ProgressBar pro1; private ProgressBar pro2; private Button btn; protected static final int STOP_NOTIFIER = 000; protected static final int THREADING_NOTIFIER = 111; public int intCounter=0; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //設定視窗模式,,因為需要顯示進度條在標題欄 requestWindowFeature(Window.FEATURE_PROGRESS); //設定標題欄上的進度條可見 setProgressBarVisibility(true); setContentView(R.layout.main); //取得ProgressBar pro1 = (ProgressBar) findViewById(R.id.progress1); pro2= (ProgressBar) findViewById(R.id.progress2); btn = (Button)findViewById(R.id.button); //設定進度條是否自動運轉,即設定其不確定模式,false表是不自動運轉 pro1.setIndeterminate(false); pro2.setIndeterminate(false); //當按鈕按下時開始執行, btn.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub //設定ProgressBar為可見狀態 pro1.setVisibility(View.VISIBLE); pro2.setVisibility(View.VISIBLE); //設定ProgressBar的最大值 pro1.setMax(100); //設定ProgressBar當前值 pro1.setProgress(0); pro2.setProgress(0); //通過執行緒來改變ProgressBar的值 new Thread(new Runnable() { public void run() { for (int i = 0; i < 10; i++) { try { intCounter = (i + 1) * 20; Thread.sleep(1000); if (i == 4) { Message m = new Message(); m.what = ProgressBarTest.STOP_NOTIFIER; ProgressBarTest.this.myMessageHandler.sendMessage(m); break; } else { Message m = new Message(); m.what = ProgressBarTest.THREADING_NOTIFIER; ProgressBarTest.this.myMessageHandler.sendMessage(m); } } catch (Exception e) { e.printStackTrace(); } } } }).start(); } }); } Handler myMessageHandler = new Handler() { // @Override public void handleMessage(Message msg) { switch (msg.what) { //ProgressBar已經是對大值 case ProgressBarTest.STOP_NOTIFIER: pro1.setVisibility(View.GONE); pro2.setVisibility(View.GONE); Thread.currentThread().interrupt(); break; case ProgressBarTest.THREADING_NOTIFIER: if (!Thread.currentThread().isInterrupted()) { // 改變ProgressBar的當前值 pro1.setProgress(intCounter); pro2.setProgress(intCounter); // 設定標題欄中前景的一個進度條進度值 setProgress(intCounter*100); // 設定標題欄中後面的一個進度條進度值 setSecondaryProgress(intCounter*100);// } break; } super.handleMessage(msg); } }; }
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="進度條例項演示" /> <ProgressBar android:id="@+id/progress1" style="?android:attr/progressBarStyleHorizontal"---設定進度條為長條形 android:layout_width="fill_parent" android:layout_height="wrap_content" android:visibility="gone"---設定其不可見 /> <ProgressBar android:id="@+id/progress2" style="?android:attr/progressBarStyleLarge"---設定進度條為圓形進度條 android:layout_width="wrap_content" android:layout_height="wrap_content" android:max="100"---設定其最大值 android:progress="50"---設定當前進度值 android:secondaryProgress="70"---設定次要進度值 android:visibility="gone" /> <Button android:id="@+id/button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="啟動進度條" /> </LinearLayout>
執行結果如下:
點選啟動進度條按鈕後,進度條將自動執行
當結束時,自動退出進度條程式,返回第一個圖片的樣子
相關文章
- ProgressBar進度條顏色
- Tkinter (33) 進度條部件 ttk.Progressbar
- C# 根據BackgroundWoker非同步模型和ProgressBar控制元件,自定義進度條控制元件C#非同步模型控制元件
- C++ Qt開發:ProgressBar進度條元件C++QT元件
- android自帶ProgressBar圓形進度條修改顏色的技巧方法無bug探索Android
- 直播平臺搭建原始碼,Android進度條ProgressBar顏色的漸變設定原始碼Android
- 很實用的進度條外掛ProgressBar.jsJS
- [C#] (原創)一步一步教你自定義控制元件——04,ProgressBar(進度條)C#控制元件
- 自定義圓形進度條控制元件控制元件
- Android花樣loading進度條(三)-配文字環形進度條Android
- 直播帶貨平臺原始碼,利用ProgressBar實現垂直、水平進度條原始碼
- Android自定義圓形進度條Android
- 【新特性速遞】進度條,進度條,進度條
- Android弧形ProgressBar、SeekBarAndroid
- 進度條和列表形式顯示的控制元件控制元件
- android 自定義酷炫進度條動畫Android動畫
- 【Android】自定義ProgressView-進度條動畫AndroidView動畫
- 短視訊商城系統,Android進度條,自定義進度條,顯示百分比Android
- Qt 進度條QT
- 前端學習-UI框架學習-Bootstrap5-012-進度條前端UI框架boot
- HTML <progress> 進度條HTML
- wkwebView 新增 進度條WebView
- 學習進度條
- 簡單進度條
- Python進度條技巧Python
- canvas 畫進度條Canvas
- Linux 進度條(非100%)列出unzip進度Linux
- 短視訊平臺搭建,Android自定義旋轉進度條Android
- Re從零開始的UI庫編寫生活之進度條元件UI元件
- Android 圓形ProgressBar 改變顏色Android
- icp配準進度條
- Excel實現完成進度的進度條結果Excel
- iOS WKWebView UI增強(上拉重新整理,JS互動,載入進度條)iOSWebViewUIJS
- element-ui 上傳元件 自定義上傳沒有進度條解決方法UI元件
- Android Studio通過style和layer-list實現自定義進度條Android
- canvas環形進度條效果Canvas
- 數字進度條元件NumberProgressBar元件
- 橡皮筋進度條ElasticProgressBarAST
- Python之程式碼進度條Python