Android-navigation bar with sliding effect

This article is transferred from:Http://blog.csdn.net/swadair/article/details/7487520
Please support the original author more!

These two days, I saw a small red block in the navigation bar at the bottom of the "beautiful saying" homepage, which was very interesting. So we made a component rollnavigationbar with similar effects.

This component can be directly used for production and application to beautify the style that everyone wants. For example, the sliding effect of the QQ navigation bar of the Android version.

Here I will cite a rollnavigationbar application demo, which will be turned into the navigation bar at the bottom of "beautiful words.

Beautiful Description: The beautiful description of the rollnavigationbar component through beautification

The following is the source code for realizing the beautiful words navigation bar in rollnavigationbar.

[Java]
View plaincopyprint?

1. Package CN. W. Song. UI;
3. Import java. util. hashmap;
4. Import java. util. Collections list;
5. Import java. util. List;
6. Import java. util. Map;
8. Import Android. App. activity;
9. Import Android. OS. Bundle;
10. Import Android. View. layoutinflater;
11. Import Android. View. motionevent;
12. Import Android. View. view;
13. Import Android. View. viewgroup;
14. Import Android. widget. imageview;
15. Import Android. widget. textview;
16. Import CN. W. Song. widget. Navigation. rollnavigationbar;
17. Import CN. W. Song. widget. Navigation. Adapter. rollnavigationbaradapter;
19. /**
20. * This is a demo of a small application of the rollnavigationbar component. It imitates the navigation bar of the sliding effect at the bottom of the beautiful saying.
21. * Be sure to import the W. Song. Android. widget-1.0.2.jar package to this project.
22. * You can download it at http://download.csdn.net/detail/swadair/4103236.
23. * @ Author W. Song
24. * @ Version 1.0.1
25. * @ Date 2012-4-22
26. */
27. Public class meilishuonavigationbardemoactivityextends activity {
28. Private string tag = "meilishuodnavigationbardemoactivity ";
29. Private string [] Title = {
    "Follow", "hot", "category ",
    "Like", "I "};
30. Private int [] photo = {R. drawable. nav_menu_home, R. drawable. nav_menu_hot,
31. R. drawable. nav_menu_category, R. drawable. nav_menu_like,
32. R. drawable. nav_menu_me };
33. Private int [] photoselected = {R. drawable. nav_menu_home_selected,
34. R. drawable. nav_menu_hot_selected,
35. R. drawable. nav_menu_category_active,
36. R. drawable. nav_menu_like_active, R. drawable. nav_menu_me_selected };
39. @ Override
40. Protected void oncreate (bundle savedinstancestate ){
41. Super. oncreate (savedinstancestate );
42. Setcontentview (R. layout. meilishuonavigationbardemo_ui );
43. Rollnavigationbar rnb = (rollnavigationbar) findviewbyid (R. Id. navigationbartest_ui_rollnavigationbar );
44. /* Customize Dynamic Data */
45. List <Map <string, Object> List = new struct list <Map <string, Object> ();
46. For (INT I =
    0; I <title. length; I ++ ){
47. Map <string, Object> map = new hashmap <string, Object> ();
48. Map. Put ("title", title [I]);
49. Map. Put ("photo", photo [I]);
50. Map. Put ("photoselected", photoselected [I]);
51. List. Add (MAP );
52. }
53. /* Set the sliding time of the slide bar. The time range is 0.1 ~ 1 S. If not in the range, the default value is 0.1 s */
54. Rnb. setselectermovecontinuetime (0.1f); // you can leave it unspecified. The default value is 0.1 s.
55. /* Set the slide bar style (image )*/
56. Rnb. setselecterdrawablesource (R. drawable. nav_menu_bg); // required
57. /* Set the selected location in the navigation bar */
58. Rnb. setselectedchildposition (0); // you can leave it unspecified.
60. /* Navigation bar extension */
61. Final mynavigationbaradapter adapter = new mynavigationbaradapter (this, list );
62. Rnb. setadapter (adapter); // required
63. Rnb. setnavigationbarlistener (New rollnavigationbar. navigationbarlistener (){
64. /**
65. * Position: The selected position.
66. * View is the navigation bar.
67. * Event mobile event
68. */
69. @ Override
70. Public void onnavigationbarclick (INT position, view,
71. Motionevent event ){
72. Switch (event. getaction ()){
73. Case motionevent. action_down: // when you press
74. Break;
75. Case motionevent. action_move: // moving
76. Break;
77. Case motionevent. action_up: // when you raise your hand
78. Break;
79. }
81. }
83. });
84. }
86. /**
87. * Navigation bar Extension
88. *
89. * @ Author W. Song
90. * @ Version 1.0.1
91. * @ Date 2012-4-22
92. */
93. Class mynavigationbaradapter
    Extends rollnavigationbaradapter {
94. Private list <Map <string, Object> list;
95. Private layoutinflater minflater;
97. Public mynavigationbaradapter (activity,
98. List <Map <string, Object> List ){
99. Minflater = layoutinflater. From (activity );
100. This. List = List;
101. }
103. @ Override
104. Public int getcount (){
105. Return list. Size ();
106. }
108. /**
109. * Obtain each component
110. *
111. * @ Param position
112. * Component location
113. * @ Param contextview
114. * Component
115. * @ Param parent
116. * Upper layer components
117. */
118. @ Override
119. Public View getview (INT position, view contextview, viewgroup parent ){
120. Minflater. Inflate (R. layout. Item, (viewgroup) contextview );
121. Rollnavigationbar = (rollnavigationbar) parent;
122. /* Obtain the component */
123. Imageview = (imageview) contextview
124. . Findviewbyid (R. Id. image_view );
125. Textview titleview = (textview) contextview
126. . Findviewbyid (R. Id. title_view );
128. /* Obtain parameters */
129. String title = "" + list. Get (position). Get ("title ");
130. Int photo = (integer) list. Get (position). Get ("photo ");
131. Int photoselected = (integer) list. Get (position). Get (
132. "Photoselected ");
134. /* Component setting parameters */
135. // Differentiate between selected and selected images
136. If (position = rollnavigationbar. getselectedchildposition () {// selected
137. Imageview. setbackgroundresource (photoselected );
138. } Else {// not selected
139. Imageview. setbackgroundresource (photo );
140. }
141. Titleview. settext (title );
143. Return contextview;
144. }
146. }
147. }

Package CN. w. song. ui; </P> <p> Import Java. util. hashmap; <br/> Import Java. util. using list; <br/> Import Java. util. list; <br/> Import Java. util. map; </P> <p> Import android. app. activity; <br/> Import android. OS. bundle; <br/> Import android. view. layoutinflater; <br/> Import android. view. motionevent; <br/> Import android. view. view; <br/> Import android. view. viewgroup; <br/> Import android. widget. imageview; <br/> imp ORT android. widget. textview; <br/> Import CN. w. song. widget. navigation. rollnavigationbar; <br/> Import CN. w. song. widget. navigation. adapter. rollnavigationbaradapter; </P> <p>/** <br/> * This is a demo of a small application of the rollnavigationbar component, the navigation bar that imitates the sliding effect at the bottom of the "beautiful saying" <br/> * pay attention to W. song. android. the widget-1.0.2.jar package imports this project. <Br/> * You can download it at http://download.csdn.net/detail/swadair/4103236< br/> * @ author W. song <br/> * @ version 1.0.1 <br/> * @ date 2012-4-22 <br/> */<br/> public class meilishuonavigationbardemoactivity extends activity {<br/> private string tag = "meilishuodnavigationbardemoactivity "; <br/> private string [] Title = {"follow", "popular", "category", "like", "me "}; <br/> private int [] photo = {R. drawable. nav_menu_home, R. dra Wable. nav_menu_hot, <br/> r. drawable. nav_menu_category, R. drawable. nav_menu_like, <br/> r. drawable. nav_menu_me }; <br/> private int [] photoselected = {R. drawable. nav_menu_home_selected, <br/> r. drawable. nav_menu_hot_selected, <br/> r. drawable. nav_menu_category_active, <br/> r. drawable. nav_menu_like_active, R. drawable. nav_menu_me_selected }; </P> <p> @ override <br/> protected void oncreate (bundle savedinsta Ncestate) {<br/> super. oncreate (savedinstancestate); <br/> setcontentview (R. layout. meilishuonavigationbardemo_ui); <br/> rollnavigationbar rnb = (rollnavigationbar) findviewbyid (R. id. navigationbartest_ui_rollnavigationbar); <br/>/* Custom Dynamic Data */<br/> List <Map <string, Object> List = new custom list <Map <string, object >>> (); <br/> for (INT I = 0; I <title. length; I ++) {<br/> Map <string, Object> map = new ha Shmap <string, Object> (); <br/> map. put ("title", title [I]); <br/> map. put ("photo", photo [I]); <br/> map. put ("photoselected", photoselected [I]); <br/> list. add (MAP); <br/>}< br/>/* set the sliding time of the slider. the time range is 0.1 ~ 1 S. If the parameter is not in the range, the default value is 0.1 s */<br/> rnb. setselectermovecontinuetime (0.1f); // you can leave this parameter Unspecified. The default value is 0.1 s. <br/>/* set the slide bar style (image) */<br/> rnb. setselecterdrawablesource (R. drawable. nav_menu_bg); // required <br/>/* set the selected position in the navigation bar */<br/> rnb. setselectedchildposition (0); // optional </P> <p>/* navigation bar extension */<br/> final mynavigationbaradapter adapter = new mynavigationbaradapter (this, list ); <br/> rnb. setadapter (adapter); // required <br/> rnb. setnavigationbarlistener (New rollnavigationbar. navigationbarlistener () {<br/>/** <br/> * position selected <br/> * view is the navigation bar <br/> * event mobile event <br/> */< br/> @ override <br/> Public void onnavigationbarclick (INT position, view view, <br/> motionevent event) {<br/> switch (event. getaction () {<br/> case motionevent. action_down: // when pressed <br/> break; <br/> case motionevent. action_move: // move in <br/> break; <br/> case motionevent. action_up: // <br/> break; <br/>}</P> <p> }); <br/>}</P> <p>/** <br/> * navigation bar extension <br/> * @ author W. song <br/> * @ version 1.0.1 <br/> * @ date 2012-4-22 <br/> */<br/> class mynavigationbaradapter extends rollnavigationbaradapter {<br/> private list <Map <string, object> list; <br/> private layoutinflater minflater; </P> <p> Public mynavigationbaradapter (activity, <br/> List <Map <string, object> List) {<br/> minflater = layoutinflater. from (activity); <br/> This. list = List; <br/>}</P> <p> @ override <br/> Public int getcount () {<br/> return list. size (); <br/>}</P> <p>/** <br/> * obtain each component <br/> * @ Param position <br/> * component location <br/> * @ Param contextview <br/> * component <br/> * @ Param parent <br/> * upper layer component <br/> */< br/> @ override <br/> Public View getview (INT position, view contextview, viewgroup parent) {<br/> minflater. inflate (R. layout. item, (viewgroup) contextview); <br/> rollnavigationbar = (rollnavigationbar) parent; <br/>/* Get component */<br/> imageview = (imageview) contextview <br/>. findviewbyid (R. id. image_view); <br/> textview titleview = (textview) contextview <br/>. findviewbyid (R. id. title_view); </P> <p>/* obtain the parameter */<br/> String title = "" + list. get (position ). get ("title"); <br/> int photo = (integer) list. get (position ). get ("photo"); <br/> int photoselected = (integer) list. get (position ). get (<br/> "photoselected "); </P> <p>/* component Setting Parameter */<br/> // differentiate between selected and selected images <br/> If (position = rollnavigationbar. getselectedchildposition () {// selected <br/> imageview. setbackgroundresource (photoselected); <br/>} else {// not selected <br/> imageview. setbackgroundresource (photo); <br/>}< br/> titleview. settext (title); </P> <p> return contextview; <br/>}</P> <p >}< br/>}

The xml configuration file directly downloads the demo project and will not be pasted out.

DownloadW. Song. Android. widget-1.0.2.jar

If you do not want to copy the code, you can directly download the demo project usewidgetdemo.

If you have any questions about the use of rollnavigationbar, you can leave a comment. I will try my best to reply to you.

W. Song. Android. widget-1.0.1.jar download scores set some high, we do not recommend that you download.

Directly import W. Song. Android. widget-1.0.2.jar to the project.