Android(安卓)TabHost的使用

1. 最简单的TabHost，Tab来自于layout下的元素（只从1个Layout中取数据）

（1）效果图

（2）代码

1）tab_demo.xml

[xhtml] view plain copy

<?xmlversion="1.0"encoding="utf-8"?>
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextViewandroid:id="@+id/tab_demo_tv1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="tab_demo_tv1"
/>
<TextViewandroid:id="@+id/tab_demo_tv2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="tab_demo_tv2"
/>
<TextViewandroid:id="@+id/tab_demo_tv3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="tab_demo_tv3"
/>
FrameLayout>

2）TabDemo.java

[java] view plain copy

publicclass TabDemo extends TabActivity {
private TabHost tabHost;
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
tabHost = getTabHost();
LayoutInflater.from(this).inflate(R.layout.tab_demo, tabHost.getTabContentView(), true);
tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("Tab1", null).setContent(R.id.tab_demo_tv1));
tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("Tab2", null).setContent(R.id.tab_demo_tv2));
tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("Tab3", null).setContent(R.id.tab_demo_tv3));
setContentView(tabHost);
}
}

2. TabHost绑定动态View（从2个Layout中取数据）

（1）效果图

（2）代码

1）tab_map.xml

[xhtml] view plain copy

<?xmlversion="1.0"encoding="utf-8"?>
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/tab_map_id"
>
FrameLayout>

2）tab_hs.xml

[xhtml] view plain copy

<?xmlversion="1.0"encoding="utf-8"?>
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/tab_hs_id"
>
<TextViewandroid:id="@+id/tab_hs_tv"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
FrameLayout>

3）MapView.java

[java] view plain copy

publicclass MapView extends View {
public MapView(Context context) {
super(context);
}
protectedvoid onDraw(Canvas canvas) {
Paint p = new Paint();
canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.icon), 0, 0, p);
}
}

4）TabDemo.java

[java] view plain copy

publicclass TabDemo extends TabActivity {
private TabHost tabHost;
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
tabHost = getTabHost();
createTabSpec_map();
createTabSpec_hs();
setContentView(tabHost);
}
privatevoid createTabSpec_map() {
LayoutInflater inflater_tab1 = LayoutInflater.from(this);
inflater_tab1.inflate(R.layout.tab_map, tabHost.getTabContentView());
/*
* R.layout.tab_demo已被LayoutInflater注册，所以这个可以通过findViewById获得其对象
*/
FrameLayout frameLayout = (FrameLayout) findViewById(R.id.tab_map_id);
MapView mv = new MapView(this);
frameLayout.addView(mv);
TabHost.TabSpec tabSpec_map = tabHost.newTabSpec("map view");
tabSpec_map.setIndicator("map view", null);
tabSpec_map.setContent(R.id.tab_map_id); // 动态绑定基于图片的View(通过一个Layout绑定)
tabHost.addTab(tabSpec_map);
}
privatevoid createTabSpec_hs() {
LayoutInflater inflater_tab2 = LayoutInflater.from(this);
inflater_tab2.inflate(R.layout.tab_hs, tabHost.getTabContentView());
TabHost.TabSpec tabSpec_hs = tabHost.newTabSpec("hs view");
tabSpec_hs.setIndicator("hs view");
tabSpec_hs.setContent(R.id.tab_hs_id); // 绑定一个新的Layout
tabHost.addTab(tabSpec_hs);
/*
* 这个绑定View的操作必须要重新使用一个新方法来完成，因为Tab的生成是在onCreate()中完成的，onCreate()只被调用一次，
* 但是数据更新操作是需要反复进行的，如果反复调用createTabSpec_hs()则会生成多个tab页，这是我们不希望的，所以单独把
* updata分离出来，数据更新时单独调用此方法就可以了。
*/
updateTabSpec_hs();
}
privatevoid updateTabSpec_hs() {
TextView tv = (TextView) findViewById(R.id.tab_hs_tv);
tv.setText("This is tab2");
}
}

更多相关文章

随机推荐