The implementation of the options card feature in Android

 the implementation of the options card feature in Android

Tabhost and Tabwidget are used in Android to implement tab functionality. Tabhost must be the root node of the layout, which contains two child nodes:

Tabwidget, Display tab;

Framelayout, displays the label contents.

There are two ways to implement tab functionality, one is to put multiple view in the same activity, and then use the tag to switch. The other is to switch between different activity directly using tags.

The latter method is more commonly used. This article also only introduces the implementation of the latter method of the process.

1. Create a project, the name can be called Hellotabwidget.

2. Create a number of different activity to represent different content in each tab.

3. Design different icons for the labels. Each label should have two icons, one for selection and one unchecked. Place the picture under the res/drawable/folder. Then create a corresponding

Statelistdrawable, used to enable direct automatic switching between checked and unchecked.

[Java]View Plaincopy

2. <?xml version="1.0" encoding="Utf-8"?>
4. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
6. <!--When selected, use grey-to-
8. <item android:drawable="@drawable/ic_tab_artists_grey"
10. android:state_selected="true"/>
12. <!--when not selected, use white-->
14. <item android:drawable="@drawable/ic_tab_artists_white"/>
16. </selector>

4. Replace the main.xml with the following content.

[Java]View Plaincopy

2. <?xml version="1.0" encoding="Utf-8"?>
4. <tabhost xmlns:android="Http://schemas.android.com/apk/res/android"
6. Android:id="@android: Id/tabhost"
8. Android:layout_width="Fill_parent"
10. android:layout_height="Fill_parent" >
12. <linearlayout
14. android:orientation="Vertical"
16. Android:layout_width="Fill_parent"
18. android:layout_height="Fill_parent"
20. android:padding="5DP" >
22. <tabwidget
24. Android:id="@android: Id/tabs"
26. Android:layout_width="Fill_parent"
28. android:layout_height="Wrap_content"/>
30. <framelayout
32. Android:id="@android: Id/tabcontent"
34. Android:layout_width="Fill_parent"
36. android:layout_height="Fill_parent"
38. android:padding="5DP"/>
40. </LinearLayout>
42. </TabHost>

5. Let your main activity inherit from the tabactivity.

6. Add tags to the OnCreate method of the main activity

[Java]View Plaincopy

2. Public void OnCreate (Bundle savedinstancestate) {
4. super.oncreate (savedinstancestate);
6. Setcontentview (R.layout.main);
10. Resources res = getresources (); //Resource object to get Drawables
12. Tabhost tabhost = Gettabhost (); //The activity Tabhost
14. Tabhost.tabspec spec; //resusable tabspec for each tab
16. Intent Intent; //Reusable Intent for each tab
20. //Create an Intent to launch a Activity for the tab (to be reused)
22. Intent = New Intent (). SetClass (This, artistsactivity.   Class);
26. //Initialize a tabspec for per tab and add it to the Tabhost
28. Spec = Tabhost.newtabspec ("artists"). Setindicator ("artists",
30. Res.getdrawable (r.drawable.ic_tab_artists))
32. . SetContent (Intent);
34. Tabhost.addtab (spec);
38. // do the same for the other tabs
40. Intent = New Intent (). SetClass (This, albumsactivity.   Class);
42. Spec = Tabhost.newtabspec ("albums"). Setindicator ("albums",
44. Res.getdrawable (R.drawable.ic_tab_albums))
46. . SetContent (Intent);
48. Tabhost.addtab (spec);
52. Intent = New Intent (). SetClass (This, songsactivity.   Class);
54. Spec = Tabhost.newtabspec ("songs"). Setindicator ("Songs",
56. Res.getdrawable (r.drawable.ic_tab_songs))
58. . SetContent (Intent);
60. Tabhost.addtab (spec);
64. Tabhost.setcurrenttab (2);
66. }

7. Run the program to see the effect.

Summarize:

Main.xml defines the style of the tab, which, together with tabactivity, creates a frame for the tab. Tabhost.tabspec represents the contents of a tab, and Tabhost uses the AddTab method to add it to the entire tab.

Tabhost.tabspec

Original: http://blog.csdn.net/cool_android/article/details/7202381

The implementation of the options card feature in Android