android TabHost导航切换实现方式

下面是利用TabHost实现的Tab选项卡

在写TabHost布局文件时我们需要注意id格式如下

TabHost的id必须为 android:id="@android:id/tabhost"

FrameLayout的id必须为 android:id="@android:id/tabcontent"

TabWidget的id必须为 android:id="@android:id/tabs"

FrameLayout包含了页面集（注意FrameLayout框架布局是最简单的布局形式。所有添加到这个布局中的视图都以层叠的方式显示）

TabWidget:代表选项卡的标签条

newTabSpec(String str):创建一个选项卡

tabHost.addTab(newTabSpec)代表把创建的tab页放到tab标签里面进行显示

以下代码是创建了一个tab页面
TabSpec tabs1 = th.newTabSpec("tab1").setIndicator("已播电话").setContent(intent = new Intent(this,Tab1.class));
打个标记设置标题设置显示的内容

核心代码如下：

package com.example.fragmenttest;

import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity {

private TabHost th;
private Intent intent;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.tabmain);
initView();
}
public void initView(){
th = getTabHost();//获取TabHost对象
//创建一个Tab页面
TabSpec tabs1 = th.newTabSpec("tab1").setIndicator("已播电话").setContent(intent = new Intent(this,Tab1.class));
//将Tab页面加入到tab标签显示在界面中
th.addTab(tabs1);
//创建第二个Tab页面
TabSpec tabs2 = th.newTabSpec("tab2").setIndicator("已播电话").setContent(intent = new Intent(this,Tab2.class));
//将Tab页面加入到tab标签显示在界面中
th.addTab(tabs2);
//创建第三个Tab页面
TabSpec tabs3 = th.newTabSpec("tab3").setIndicator("已播电话").setContent(intent = new Intent(this,Tab3.class));
th.addTab(tabs3);
//将Tab页面加入到tab标签显示在界面中

}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}
随后我们再看看布局文件（注意id格式！）

<?xml version="1.0" encoding="utf-8"?>
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent"

>

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>

android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
>


android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>

更多相关文章

随机推荐