当前位置：首页 > news >正文

Tab与TabHost转

news 来源：原创 2024/6/30 0:17:23

http://zxl-ong.iteye.com/blog/744809

第一种：继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。只要定义具体Tab内容布局就行了.

xml布局：

Java代码

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:id="@+id/widget_layout_Blue"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical" >
<EditText android:id="@+id/widget34" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="EditText"
android:textSize="18sp">
</EditText>
<Button android:id="@+id/widget30" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Button">
</Button>
</LinearLayout>
<LinearLayout android:id="@+id/widget_layout_red"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical" >
<AnalogClock android:id="@+id/widget36"
android:layout_width="wrap_content" android:layout_height="wrap_content">
</AnalogClock>
</LinearLayout>
<LinearLayout android:id="@+id/widget_layout_green"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical">
<RadioGroup android:id="@+id/widget43"
android:layout_width="166px" android:layout_height="98px"
android:orientation="vertical">
<RadioButton android:id="@+id/widget44"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="RadioButton">
</RadioButton>
<RadioButton android:id="@+id/widget45"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="RadioButton">
</RadioButton>
</RadioGroup>
</LinearLayout>
</FrameLayout>
java代码：
super.onCreate(savedInstanceState);
myTabhost=this.getTabHost();
//get Tabhost
LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);
myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));
myTabhost
.addTab(myTabhost.newTabSpec("One")// make a new Tab
.setIndicator("A")
// set the Title and Icon
.setContent(R.id.widget_layout_Blue));
// set the layout
myTabhost
.addTab(myTabhost.newTabSpec("Two")// make a new Tab
.setIndicator("B",
getResources().getDrawable(R.drawable.mumule))
// set the Title and Icon
.setContent(R.id.widget_layout_green));
// set the layout
myTabhost
.addTab(myTabhost.newTabSpec("Three")// make a new Tab
.setIndicator("C",
getResources().getDrawable(R.drawable.notepad))
// set the Title and Icon
.setContent(R.id.widget_layout_red));

第二种：不用继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是
@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。TabHost的id可以自定义.

xml布局：

Java代码

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:id="@+id/hometabs"
4. android:orientation="vertical"
5. android:layout_width="fill_parent"
6. android:layout_height="fill_parent">
7. <TabHost android:id="@+id/tabhost"
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content">
10. <LinearLayout
11. android:orientation="vertical"
12. android:layout_width="fill_parent"
13. android:layout_height="fill_parent">
15. <TabWidget android:id="@android:id/tabs"
16. android:orientation="horizontal"
17. android:layout_width="wrap_content"
18. android:layout_height="wrap_content">
19. </TabWidget>
21. <FrameLayout android:id="@android:id/tabcontent"
22. android:layout_width="wrap_content"
23. android:layout_height="wrap_content">
24. <TextView android:id="@+id/view1"
25. android:layout_width="fill_parent"
26. android:layout_height="fill_parent"/>
27. <TextView android:id="@+id/view2"
28. android:layout_width="fill_parent"
29. android:layout_height="fill_parent"/>
30. <TextView android:id="@+id/view3"
31. android:layout_width="fill_parent"
32. android:layout_height="fill_parent"/>
33. </FrameLayout>
35. </LinearLayout>
36. </TabHost>
37. </LinearLayout>
39. java代码：
40. protected void onCreate(Bundle savedInstanceState) {
41. super.onCreate(savedInstanceState);
42. setContentView(R.layout.hometabs);
44. TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
45. tabHost.setup();
46. TabWidget tabWidget = tabHost.getTabWidget();
48. tabHost.addTab(tabHost.newTabSpec("tab1")
49. .setIndicator("tab1", getResources().getDrawable(R.drawable.mumule))
50. .setContent(R.id.view1));
52. tabHost.addTab(tabHost.newTabSpec("tab3")
53. .setIndicator("tab3")
54. .setContent(R.id.view3));
56. tabHost.addTab(tabHost.newTabSpec("tab2")
57. .setIndicator("tab2")
58. .setContent(R.id.view2));
60. final int tabs = tabWidget.getChildCount();
61. Log.i(TAG, "***tabWidget.getChildCount() : " + tabs);
63. final int tabWidth = 90;
64. final int tabHeight = 45;
66. for (int i = 0; i < tabs; i++) {
67. /* final View view = tabWidget.getChildAt(i);
68. view.getLayoutParams().width = tabWidth;
69. view.getLayoutParams().height = tabHeight;
70. final TextView tv = (TextView) view.findViewById(android.R.id.title);
71. tv.setTextColor(this.getResources().getColorStateList(android.R.color.black));
72. MarginLayoutParams tvMLP = (MarginLayoutParams)tv.getLayoutParams();
73. tvMLP.bottomMargin = 8;*/
74. }
75. }