Summary of style settings for Android progressbar

Multi-style progressbar

Normal Circular progressbar

 

 

This type of progress bar indicates a running process, such as sending text messages and connecting to the network. It indicates that a process is being executed.

Generally, you only need to define it in the XML layout.

1. <Progressbar Android: Id = "@ + ID/widget43"
2. Android: layout_width = "wrap_content"
3. Android: layout_height = "wrap_content"
4. Android: layout_gravity = "center_vertical">
5. </Progressbar>

CopyCode

In this case, if the style is not set, it is circular and the progress bar is always rotated.

Circular ssssbar of various styles

Super large circular progressbar

 

 

After setting a style attribute, the progressbar has a style. The style of the large progressbar is as follows:

1. Style = "? Android: ATTR/progressbarstylelarge"

Copy code

The complete XML definition is:

1. <Progressbar Android: Id = "@ + ID/widget196"
2. Android: layout_width = "wrap_content"
3. Android: layout_height = "wrap_content"
4. Style = "? Android: ATTR/progressbarstylelarge ">
5. </Progressbar>

Copy code

Small circular progressbar

09:04:58 upload

Download Attachment(1.21 KB) 

The style of the small progressbar is:

1. Style = "? Android: ATTR/progressbarstylesmall"

Copy code

Title circular progressbar

 

 

The style of the title progressbar is:

1. Style = "? Android: ATTR/progressbarstylesmalltitle"

Copy code

The complete XML definition is:

1. <Progressbar Android: Id = "@ + ID/widget110"
2. Android: layout_width = "wrap_content"
3. Android: layout_height = "wrap_content"
4. Style = "? Android: ATTR/progressbarstylesmalltitle ">
5. </Progressbar>

Copy code

Implementation in code:

1. @ Override
2. Protected void oncreate (bundle savedinstancestate ){
3. // Todo auto-generated method stub
4. Super. oncreate (savedinstancestate );
5. Requestwindowfeature (window. feature_indeterminate_progress );
6. // Special style of the Request window, which is set to an ambiguous progress Style
7. Setcontentview (R. layout. Second );
8. Setprogressbarindeterminatevisibility (true );
9. // Set whether an ambiguous progress bar in the title bar can be displayed
10. }

Copy code

Long progress bar

Long progress bar in Layout

 

① Layout in XML

1. <Progressbar Android: Id = "@ + ID/progressbar_updown"
2. Android: layout_width = "200dp"
3. Android: layout_height = "wrap_content"
4. Style = "? Android: ATTR/progressbarstylehorizontal"
5. Android: layout_gravity = "center_vertical"
6. Android: max = "100"
7. Android: Progress = "50"
8. Android: secondaryprogress = "70">

Copy code

Explanation:

② USE IN CODE

1. Private progressbar myprogressbar;
2. // Define progressbar
3. Myprogressbar = (progressbar) findviewbyid (R. Id. progressbar_updown );
4. // Progressbar obtains the id from XML
5. Myprogressbar. incrementprogressby (5 );
6. // Increase the progress value of progressbar by 5
7. Myprogressbar. incrementprogressby (-5 );
8. // The Progress value of progressbar is reduced by 5
9. Myprogressbar. incrementsecondaryprogressby (5 );
10. // The Progress value of the Second progress bar increases by 5
11. Myprogressbar. incrementsecondaryprogressby (-5 );
12. // The Progress value of the Second progress bar is reduced by 5

Copy code

Long progress bar in the page title

Code implementation:
① Set the window style features first

1. Requestwindowfeature (window. feature_progress );
2. // Request a window progress bar feature Style
3. Setcontentview (R. layout. Main );
4. Setprogressbarvisibility (true );
5. // Set the progress bar to be visible

Copy code

② Set the progress value.

1. Setprogress (myprogressbar. getprogress () * 100 );
2. // Set a progress bar value in the title bar.
3. Setsecondaryprogress (myprogressbar. getsecondaryprogress () * 100 );
4. // Set a progress bar value next to the title bar
5. // Progressbar. getsecondaryprogress () is used to obtain the progress value of other progress bars.

Copy code

Progressdialog

Circular progress bar in progressdialog

Progressdialog is generally used to indicate the progress of a system task or when the task is enabled.
Code implementation:

2. Progressdialog mypdialog = new progressdialog (this );
4. // Instantiate
6. Mypdialog. setprogressstyle (progressdialog. style_spinner );
8. // Set the progress bar style, circle style, and Rotation
10. Mypdialog. settitle ("google ");
12. // Set the progressdialog title
14. Mypdialog. setmessage (getresources (). getstring (R. String. Second ));
16. // Set progressdialog prompt information
18. Mypdialog. seticon (R. drawable. Android );
20. // Set the progressdialog title icon
22. Mypdialog. setbutton ("google", this );
24. // Set a button for progressdialog
26. Mypdialog. setindeterminate (false );
28. // Set whether the progress bar of progressdialog is clear
30. Mypdialog. setcancelable (true );
32. // Sets whether progressdialog can be canceled by pressing the return button.
34. Mypdialog. Show ();
36. // Display progressdialog

Copy code

Long progress bar in progressdialog

Code implementation:

2. Progressdialog mypdialog = new progressdialog (this );
4. // Instantiate
6. Mypdialog. setprogressstyle (progressdialog. style_horizontal );
8. // Set the progress bar style. The style is long and has a scale.
10. Mypdialog. settitle ("Hell angry beast ");
12. // Set the progressdialog title
14. Mypdialog. setmessage (getresources (). getstring (R. String. Second ));
16. // Set progressdialog prompt information
18. Mypdialog. seticon (R. drawable. Android );
20. // Set the progressdialog title icon
22. Mypdialog. setprogress (59 );
24. // Set the progress bar of progressdialog
26. Mypdialog. setbutton ("Hell Dawn", this );
28. // Set a button for progressdialog
30. Mypdialog. setindeterminate (false );
32. // Set whether the progress bar of progressdialog is clear
34. Mypdialog. setcancelable (true );
36. // Sets whether progressdialog can be canceled by pressing the return button.
38. Mypdialog. Show ();
40. // Display progressdialog

Copy code

Alertdialog. Builder

Circular progressbar in alertdialog

① Design a layout first. Later, as a view, add alertdialog. Builder

2. <? XML version = "1.0" encoding = "UTF-8"?>
4. <Linearlayout xmlns: Android = "http://schemas.android.com/apk/res/android"
6. Android: layout_gravity = "center_horizontal"
8. Android: layout_width = "wrap_content"
10. Android: layout_height = "wrap_content">
12. <Linearlayout Android: Id = "@ + ID/linearlayout01"
14. Android: layout_width = "wrap_content"
16. Android: layout_height = "wrap_content">
18. </Linearlayout>
20. <Progressbar Android: layout_gravity = "center_vertical | center_horizontal"
22. Android: layout_height = "wrap_content"
24. Android: Progress = "57"
26. Android: Id = "@ + ID/myview_progressbar2"
28. Android: layout_width = "wrap_content">
30. </Progressbar>
32. </Linearlayout>

Copy code

② Code Luo

1. Private alertdialog. Builder Alterd, alterd2;
2. // Define dialog box
3. Private layoutinflater;
4. // Define the layout Filter
5. Private linearlayout mylayout;
6. // Define the Layout
7. Layoutinflater2 = (layoutinflater) getsystemservice (this. layout_inflater_service );
8. // Obtain the layout filtering service of the system
9. Mylayout2 = (linearlayout) layoutinflater2.inflate (R. layout. roundprogress, null );
10. // Get the layout designed in advance
11. Alterd2.settitle (getresources (). getstring (R. String. roundo ));
12. // Set the dialog box title
13. Alterd2.seticon (R. drawable. Ma );
14. // Set the dialog box icon
15. Alterd2.setmessage (getresources (). getstring (R. String. addview ));
16. // Prompt information in the Setting Dialog Box
17. Alterd2.setview (mylayout2 );
18. // View in the Setting Dialog Box
19. Alterd2.show ();
20. // Display the dialog box

Copy code

Long progressbar in alertdialog (controllable)

① Design a layout first. Later, as a view, add alertdialog. Builder

2. <? XML version = "1.0" encoding = "UTF-8"?>
4. <Linearlayout xmlns: Android = "http://schemas.android.com/apk/res/android"
6. Android: layout_gravity = "center_horizontal"
8. Android: layout_width = "wrap_content"
10. Android: layout_height = "wrap_content">
12. <Button
14. Android: layout_height = "wrap_content"
16. Android: text = "-"
18. Android: layout_width = "50dp"
20. Android: Id = "@ + ID/myview_bt_down">
22. </Button>
24. <Progressbar
26. Android: layout_gravity = "center_vertical"
28. Android: layout_height = "wrap_content"
30. Style = "? Android: ATTR/progressbarstylehorizontal"
32. Android: Id = "@ + ID/myview_progressbar"
34. Android: Progress = "57"
36. Android: layout_width = "178dp">
38. </Progressbar>
40. <Button Android: layout_height = "wrap_content"
42. Android: text = "+"
44. Android: layout_width = "50dp"
46. Android: Id = "@ + ID/myview_bt_up">
48. </Button>
50. </Linearlayout>

Copy code

② Code Luo

2. Private alertdialog. Builder Alterd, alterd2;
4. // Define dialog box
6. Private layoutinflater;
8. // Define the layout Filter
10. Private linearlayout mylayout;
12. // Define the Layout
14. Layoutinflater = (layoutinflater) getsystemservice (this. layout_inflater_service );
16. // Obtain the layout filtering service of the system
18. Mylayout = (linearlayout) layoutinflater. Inflate (R. layout. myview, null );
20. // Get the layout designed in advance
24. Myup = (button) mylayout. findviewbyid (R. Id. myview_bt_up );
26. Mydown = (button) mylayout. findviewbyid (R. Id. myview_bt_down );
28. Mypro = (progressbar) mylayout. findviewbyid (R. Id. myview_progressbar );
30. // Use mylayout. findviewbyid to obtain widget control elements in the Custom View
34. Myup. setonclicklistener (this );
36. // Set the button listener in the view dialog box
38. Mydown. setonclicklistener (this );
40. // Set the button listener in the view dialog box
42. Mypro. setprogress (TAG );
44. // Set a tag as the progress Value
46. Alterd. settitle (getresources (). getstring (R. String. recto ));
48. // Set the dialog box title
50. Alterd. seticon (R. drawable. MB );
52. // Set the dialog box icon
54. Alterd. setmessage (getresources (). getstring (R. String. addview ));
56. // Prompt information in the Setting Dialog Box
58. Alterd. setview (mylayout );
60. // View added in the Setting Dialog Box
62. Alterd. setpositivebutton ("OK", new dialoginterface. onclicklistener (){
64. @ Override
66. Public void onclick (dialoginterface dialog, int which ){
68. // Todo auto-generated method stub
70. Myprogressbar. Tag = mypro. getprogress ();
72. }});
74. // Set the dialog box button and the event listener of the button
76. Alterd. Show ();
78. // Display the dialog box

Copy code

③ Button event of progress bar value

2. Myup. setonclicklistener (this );
4. // Set the button listener in the view dialog box
6. Mydown. setonclicklistener (this );
8. // Set the button listener in the view dialog box
10. Corresponding code:
12. @ Override
14. Public void onclick (View button ){
16. // Todo auto-generated method stub
18. Switchupordown (button );
20. }
24. Private void switchupordown (View button ){
26. Switch (button. GETID ()){
28. Case R. Id. myview_bt_up :{
30. Mypro. incrementprogressby (1 );
32. }
34. Break;
36. Case R. Id. myview_bt_down :{
38. Mypro. incrementprogressby (-1 );
40. }
42. Break;
44. Default:
46. Break;
48. }
50. }