如何使用 ProgressBar 進度條(測試成功)

woff

建立 自訂進度條
1.建立 自訂進度條 class
CustomProgress.java

1. public class CustomProgress {
   
2. 
   
3.    public static CustomProgress customProgress = null;
   
4.    private Dialog mDialog;
   
5. 
   
6.    public static CustomProgress getInstance() {
   
7.        if (customProgress == null) {
   
8.            customProgress = new CustomProgress();
   
9.        }
   
10.        return customProgress;
    
11.    }
    
12. 
    
13.    public void showProgress(Context context, String message, boolean cancelable) {
    
14.        mDialog = new Dialog(context);
    
15.     // no tile for the dialog
    
16.        mDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    
17.        mDialog.setContentView(R.layout.prograss_bar_dialog);
    
18.        mProgressBar = (ProgressBar) mDialog.findViewById(R.id.progress_bar);
    
19.     //  mProgressBar.getIndeterminateDrawable().setColorFilter(context.getResources()
    
20.     // .getColor(R.color.material_blue_gray_500), PorterDuff.Mode.SRC_IN);
    
21.        TextView progressText = (TextView) mDialog.findViewById(R.id.progress_text);
    
22.        progressText.setText("" + message);
    
23.        progressText.setVisibility(View.VISIBLE);
    
24.        mProgressBar.setVisibility(View.VISIBLE);
    
25.     // you can change or add this line according to your need
    
26.        mProgressBar.setIndeterminate(true);
    
27.        mDialog.setCancelable(cancelable);
    
28.        mDialog.setCanceledOnTouchOutside(cancelable);
    
29.        mDialog.show();
    
30.    }
    
31. 
    
32.    public void hideProgress() {
    
33.        if (mDialog != null) {
    
34.            mDialog.dismiss();
    
35.            mDialog = null;
    
36.        }
    
37.    }
    
38. }

複製代碼

2.建立 progress layout
prograss_bar_dialog.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="wrap_content"
   
4.     android:layout_height="65dp"
   
5.     android:background="@android:color/background_dark"
   
6.     android:orientation="vertical">
   
7. 
   
8.     <TextView
   
9.         android:id="@+id/progress_text"
   
10.         android:layout_width="wrap_content"
    
11.         android:layout_height="40dp"
    
12.         android:layout_above="@+id/progress_bar"
    
13.         android:layout_marginLeft="10dp"
    
14.         android:layout_marginStart="10dp"
    
15.         android:background="@android:color/transparent"
    
16.         android:gravity="center_vertical"
    
17.         android:text=""
    
18.         android:textColor="@android:color/white"
    
19.         android:textSize="16sp"
    
20.         android:visibility="gone" />
    
21. 
    
22.     <-- Where the style can be changed to any kind of ProgressBar -->
    
23. 
    
24.     <ProgressBar
    
25.         android:id="@+id/progress_bar"
    
26.         style="@android:style/Widget.DeviceDefault.ProgressBar.Horizontal"
    
27.         android:layout_width="match_parent"
    
28.         android:layout_height="30dp"
    
29.         android:layout_alignParentBottom="true"
    
30.         android:layout_alignParentLeft="true"
    
31.         android:layout_alignParentStart="true"
    
32.         android:layout_gravity="center"
    
33.         android:background="@color/cardview_dark_background"
    
34.         android:maxHeight="20dp"
    
35.         android:minHeight="20dp" />
    
36. 
    
37. </RelativeLayout>

複製代碼

3.使用progress Dialog code

1. CustomProgress customProgress = CustomProgress.getInstance();
   
2. 
   
3. // now you have the instance of CustomProgres
   
4. // for showing the ProgressBar
   
5. 
   
6. customProgress.showProgress(#Context, getString(#StringId), #boolean);
   
7. 
   
8. // for hiding the ProgressBar
   
9. 
   
10. customProgress.hideProgress();

複製代碼

上述已經完成簡易的ProgressBar
效果如圖

ProgressBar

4.如要客製 progressbar
CustomProgressBarActivity.java:

1. public class CustomProgressBarActivity extends AppCompatActivity {
   
2. 
   
3.     private TextView txtProgress;
   
4.     private ProgressBar progressBar;
   
5.     private int pStatus = 0;
   
6.     private Handler handler = new Handler();
   
7. 
   
8.     @Override
   
9.     protected void onCreate(Bundle savedInstanceState) {
   
10.         super.onCreate(savedInstanceState);
    
11.         setContentView(R.layout.activity_custom_progressbar);
    
12. 
    
13.         txtProgress = (TextView) findViewById(R.id.txtProgress);
    
14.         progressBar = (ProgressBar) findViewById(R.id.progressBar);
    
15. 
    
16.         new Thread(new Runnable() {
    
17.             @Override
    
18.             public void run() {
    
19.                 while (pStatus <= 100) {
    
20.                     handler.post(new Runnable() {
    
21.                         @Override
    
22.                         public void run() {
    
23.                             progressBar.setProgress(pStatus);
    
24.                             txtProgress.setText(pStatus + " %");
    
25.                         }
    
26.                     });
    
27.                     try {
    
28.                         Thread.sleep(100);
    
29.                     } catch (InterruptedException e) {
    
30.                         e.printStackTrace();
    
31.                     }
    
32.                     pStatus++;
    
33.                 }
    
34.             }
    
35.         }).start();
    
36. 
    
37.     }
    
38. }

複製代碼

activity_custom_progressbar.xml:

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:paddingBottom="@dimen/activity_vertical_margin"
   
6.     android:paddingLeft="@dimen/activity_horizontal_margin"
   
7.     android:paddingRight="@dimen/activity_horizontal_margin"
   
8.     android:paddingTop="@dimen/activity_vertical_margin"
   
9.     tools:context="com.skholingua.android.custom_progressbar_circular.MainActivity" >
   
10. 
    
11. 
    
12.     <RelativeLayout
    
13.         android:layout_width="wrap_content"
    
14.         android:layout_centerInParent="true"
    
15.         android:layout_height="wrap_content">
    
16. 
    
17.         <ProgressBar
    
18.             android:id="@+id/progressBar"
    
19.             style="?android:attr/progressBarStyleHorizontal"
    
20.             android:layout_width="250dp"
    
21.             android:layout_height="250dp"
    
22.             android:layout_centerInParent="true"
    
23.             android:indeterminate="false"
    
24.             android:max="100"
    
25.             android:progress="0"
    
26.             android:progressDrawable="@drawable/custom_progressbar_drawable"
    
27.             android:secondaryProgress="0" />
    
28. 
    
29. 
    
30.         <TextView
    
31.             android:id="@+id/txtProgress"
    
32.             android:layout_width="wrap_content"
    
33.             android:layout_height="wrap_content"
    
34.             android:layout_alignBottom="@+id/progressBar"
    
35.             android:layout_centerInParent="true"
    
36.             android:textAppearance="?android:attr/textAppearanceSmall" />
    
37.     </RelativeLayout>
    
38. </RelativeLayout>

複製代碼

custom_progressbar_drawable.xml:

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:fromDegrees="-90"
   
4.     android:pivotX="50%"
   
5.     android:pivotY="50%"
   
6.     android:toDegrees="270" >
   
7. 
   
8.     <shape
   
9.         android:shape="ring"
   
10.         android:useLevel="false" >
    
11.         <gradient
    
12.             android:centerY="0.5"
    
13.             android:endColor="#FA5858"
    
14.             android:startColor="#0099CC"
    
15.             android:type="sweep"
    
16.             android:useLevel="false" />
    
17.     </shape>
    
18. </rotate>

複製代碼

效果如圖

ProgressBar

5.Determinate(準確) ProgressBar

A determinate ProgressBar shows the current progress towards a specific maximum value.

(設定進度條最大值)

Horizontal determinate ProgressBar

(水平準確進度條)

1. <ProgressBar
   
2.     android:id="@+id/progressBar"
   
3.     android:indeterminate="false"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="10dp"
   
6.     style="@android:style/Widget.ProgressBar.Horizontal"/>

複製代碼

Vertical determinate ProgressBar

(垂直準確進度條)

1. <ProgressBar
   
2.     android:id="@+id/progressBar"
   
3.     android:indeterminate="false"
   
4.     android:layout_width="10dp"
   
5.     android:layout_height="match_parent"
   
6.     android:progressDrawable="@drawable/progress_vertical"
   
7.     style="@android:style/Widget.ProgressBar.Horizontal"/>

複製代碼

res/drawable/progress_vertical.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
3.     <item android:id="@android:id/background">
   
4.         <shape>
   
5.             <corners android:radius="3dp"/>
   
6.             <solid android:color="@android:color/darker_gray"/>
   
7.         </shape>
   
8.     </item>
   
9.     <item android:id="@android:id/secondaryProgress">
   
10.         <clip android:clipOrientation="vertical" android:gravity="bottom">
    
11.             <shape>
    
12.                 <corners android:radius="3dp"/>
    
13.                 <solid android:color="@android:color/holo_blue_light"/>
    
14.             </shape>
    
15.         </clip>
    
16.     </item>
    
17.     <item android:id="@android:id/progress">
    
18.         <clip android:clipOrientation="vertical" android:gravity="bottom">
    
19.             <shape>
    
20.                 <corners android:radius="3dp"/>
    
21.                 <solid android:color="@android:color/holo_blue_dark"/>
    
22.             </shape>
    
23.         </clip>
    
24.     </item>
    
25. </layer-list>

複製代碼

Ring determinate ProgressBar
(環型準確進度條)

1. <ProgressBar
   
2.     android:id="@+id/progressBar"
   
3.     android:indeterminate="false"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="wrap_content"
   
6.     android:progressDrawable="@drawable/progress_ring"
   
7.     style="@android:style/Widget.ProgressBar.Horizontal"/>

複製代碼

res/drawable/progress_ring.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
3.     <item android:id="@android:id/secondaryProgress">
   
4.         <shape
   
5.             android:shape="ring"
   
6.             android:useLevel="true"
   
7.             android:thicknessRatio="24"
   
8.             android:innerRadiusRatio="2.2">
   
9.             <corners android:radius="3dp"/>
   
10.             <solid android:color="#0000FF"/>
    
11.         </shape>
    
12.     </item>
    
13. 
    
14.     <item android:id="@android:id/progress">
    
15.         <shape
    
16.             android:shape="ring"
    
17.             android:useLevel="true"
    
18.             android:thicknessRatio="24"
    
19.             android:innerRadiusRatio="2.2">
    
20.             <corners android:radius="3dp"/>
    
21.             <solid android:color="#FFFFFF"/>
    
22.         </shape>
    
23.     </item>
    
24. </layer-list>

複製代碼

To use the determinate ProgressBar in an Activity.
在Activity下用進度條

1. ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressBar);
   
2. progressBar.setSecondaryProgress(100);
   
3. progressBar.setProgress(10);
   
4. progressBar.setMax(100);

複製代碼

Indeterminate(不準確) ProgressBar

An indeterminate ProgressBar shows a cyclic animation without an indication of progress.

Basic indeterminate ProgressBar (spinning wheel)

1. <ProgressBar
   
2.     android:id="@+id/progressBar"
   
3.     android:indeterminate="true"
   
4.     android:layout_width="wrap_content"
   
5.     android:layout_height="wrap_content"/>

複製代碼

Horizontal indeterminate ProgressBar (flat bar)

1. <ProgressBar
   
2.     android:id="@+id/progressBar"
   
3.     android:indeterminate="true"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="wrap_content"
   
6.     style="@android:style/Widget.ProgressBar.Horizontal"/>

複製代碼

Other built-in ProgressBar styles

1. style="@android:style/Widget.ProgressBar.Small"
   
2. style="@android:style/Widget.ProgressBar.Large"
   
3. style="@android:style/Widget.ProgressBar.Inverse"
   
4. style="@android:style/Widget.ProgressBar.Small.Inverse"
   
5. style="@android:style/Widget.ProgressBar.Large.Inverse"

複製代碼

To use the indeterminate ProgressBar in an Activity

1. ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressBar);
   
2. progressBar.setVisibility(View.VISIBLE);
   
3. progressBar.setVisibility(View.GONE);

複製代碼

Material Linear ProgressBar

According to Material Documentation:

A linear progress indicator should always fill from 0% to 100% and never decrease in value.
It should be represented by bars on the edge of a header or sheet that appear and disappear.

To use a material Linear ProgressBar just use in your xml:

1. <ProgressBar
   
2.     android:id="@+id/my_progressBar"  
   
3.     style="@style/Widget.AppCompat.ProgressBar.Horizontal"
   
4.     android:layout_width="wrap_content"
   
5.     android:layout_height="wrap_content"/>

複製代碼

Indeterminate
To create indeterminate ProgressBar set the android:indeterminate attribute to true.

1. <ProgressBar
   
2.     android:id="@+id/my_progressBar"  
   
3.     style="@style/Widget.AppCompat.ProgressBar.Horizontal"
   
4.     android:layout_width="wrap_content"
   
5.     android:layout_height="wrap_content"
   
6.     android:indeterminate="true"/>

複製代碼

Determinate

To create determinate ProgressBar set the android:indeterminate attribute to false and use the android:max and the android:progress attributes:

1. <ProgressBar  
   
2.     android:id="@+id/my_progressBar"
   
3.     style="@style/Widget.AppCompat.ProgressBar.Horizontal"
   
4.     android:indeterminate="false"
   
5.     android:max="100"
   
6.     android:progress="10"/>

複製代碼

Just use this code to update the value:

1. ProgressBar progressBar = (ProgressBar) findViewById(R.id.my_progressBar);  
   
2. progressBar.setProgress(20);

複製代碼

Buffer

To create a buffer effect with the ProgressBar set the android:indeterminate attribute to false and use the android:max, the android:progress and the android:secondaryProgress attributes:

1. <ProgressBar  
   
2.     android:id="@+id/my_progressBar"
   
3.     style="@style/Widget.AppCompat.ProgressBar.Horizontal"
   
4.     android:layout_width="wrap_content"
   
5.     android:layout_height="wrap_content"
   
6.     android:indeterminate="false"
   
7.     android:max="100"
   
8.     android:progress="10"
   
9.     android:secondaryProgress="25"/>

複製代碼

The buffer value is defined by android:secondaryProgress attribute.
Just use this code to update the values:

1. ProgressBar progressBar = (ProgressBar) findViewById(R.id.my_progressBar);
   
2. progressBar.setProgress(20);
   
3. progressBar.setSecondaryProgress(50);  

複製代碼

Indeterminate and Determinate

To obtain this kind of ProgressBar just use an indeterminate ProgressBar using the android:indeterminate attribute to true.

1. <ProgressBar  
   
2.     android:id="@+id/progressBar"
   
3.     style="@style/Widget.AppCompat.ProgressBar.Horizontal"
   
4.     android:indeterminate="true"/>

複製代碼

Then when you need to switch from indeterminate to determinate progress use setIndeterminate() method .

1. ProgressBar progressBar = (ProgressBar) findViewById(R.id.my_progressBar);  
   
2. progressBar.setIndeterminate(false);

複製代碼

Tinting ProgressBar#

Using an AppCompat theme, the ProgressBar's color will be the colorAccent you have defined.

5.0

To change the ProgressBar color without changing the accent color you can use theandroid:theme attribute overriding the accent color:

1. <ProgressBar  
   
2.     android:theme="@style/MyProgress"
   
3.     style="@style/Widget.AppCompat.ProgressBar" />
   
4. 
   
5. <!-- res/values/styles.xml -->
   
6. <style name="MyProgress" parent="Theme.AppCompat.Light">  
   
7.     <item name="colorAccent">@color/myColor</item>
   
8. </style>  

複製代碼

To tint the ProgressBar you can use in the xml file the attributes android:indeterminateTintMode and android:indeterminateTint

1. <ProgressBar
   
2.     android:indeterminateTintMode="src_in"
   
3.     android:indeterminateTint="@color/my_color"
   
4. />

複製代碼

另法1.

1. public void increase_splash_bar (int from, int to)
   
2.     {
   
3.         final Handler handler1 = new Handler();
   
4.         class Task implements Runnable {
   
5. 
   
6.             int start,end;
   
7. 
   
8.             Task(int a,int b) { start = a; end = b;}
   
9. 
   
10.             @Override
    
11.             public void run() {
    
12.                 for (int i =start ; i <= end; i++) {
    
13.                     final int value = i;
    
14.                     try {
    
15.                         Thread.sleep(20);
    
16.                     } catch (InterruptedException e) {
    
17.                         e.printStackTrace();
    
18.                     }
    
19.                     handler1.post(new Runnable() {
    
20.                         @Override
    
21.                         public void run() {
    
22.                             progressBar.setProgress(value);
    
23.                         }
    
24.                     });
    
25.                     if (i >=100){
    
26.                     }
    
27.                 }
    
28.             }
    
29.         }
    
30.         progressBar.setVisibility(View.VISIBLE);
    
31.         Thread t = new Thread(new Task(from, to));   //call it
    
32.         t.start();
    
33. 
    
34.     }

複製代碼

在Activity.java呼叫

1. increase_splash_bar(0,100);

複製代碼

文章出處

https://androidpedia.net/en/tutorial/3353/progressbar

https://stackoverflow.com/questions/42452738/android-update-progressbar-with-handler/42453199