android的TabActivity

前言

　　这段时间在研究android平台上的开源项目——StandupTimer，这是由jwood所设计的一个较为简单android应用，用于控制会议时间，类似秒表倒计时。

TabActivity & TabHost

　　tabActivity继承自Activity，其内部定义好了TabHost，可以通过getTabHost()获取。TabHost 包含了两种子元素：一些可以自由选择的Tab 和tab对应的内容tabContentto，在Layout的<TabHost>下它们分别对应 TabWidget和FrameLayout。

　　使用TabActivity可以让同一个界面容纳更多的内容。我们将按照Standup Timer里的TeamDetailsActivity来讲述TabActivity的使用。在该例中，包含了两个Tab一个用于展示team的统计信息，一个用于展示team所参加的会议的列表（这是一个ListView）。

创建Layout 

<? xml version="1.0" encoding="utf-8" ?>
< TabHost xmlns:android ="http://schemas.android.com/apk/res/android"
android:id ="@android:id/tabhost" android:layout_width ="fill_parent"
android:layout_height ="fill_parent" >
< LinearLayout android:orientation ="vertical"
android:layout_width ="fill_parent" android:layout_height ="fill_parent" >
< TabWidget android:id ="@android:id/tabs"
android:layout_width ="fill_parent" android:layout_height ="wrap_content" />
< FrameLayout android:id ="@android:id/tabcontent"
android:layout_width ="fill_parent" android:layout_height ="fill_parent" >


<!-- 省略部分代码 -->

< TextView android:id ="@+id/no_team_meetings"
android:textSize ="18sp" android:layout_width ="fill_parent"
android:layout_height ="fill_parent" />

< TextView android:id ="@+id/no_team_meeting_stats"
android:textSize ="18sp" android:layout_width ="fill_parent"
android:layout_height ="fill_parent" />
</ FrameLayout >
</ LinearLayout >
</ TabHost >

 

通常我们采用线性布局所以<TabHost> 的子元素是 <LinearLayout>。<TabWidger>对应Tab。<FrameLayout>则用于包含Tab需要展示的内容。需要注意的是<TabWidger> 和<FrameLayout>的Id 必须使用系统id，分别为android:id/tabs 和 android：id/tabcontent 。因为系统会使用者两个id来初始化TabHost的两个实例变量（mTabWidget 和 mTabContent）。

编写Java代码

　　我们可以采用两种方法编写标签页：一种是继承TabActivity ,然后使用getTabHost()获取TabHost对象；第二种方法是使用自定的TabHost在布局文件上<TabHost>的自定义其ID，然后通过findViewById()，方法获得TabHost对象。

　　本文中采用继承TabActivity的方法。

private void createTabs() {
TabHost tabhost = getTabHost();

 

LayoutInflater inflater = LayoutInflater.from(this);

FrameLayout frame = this.mTabHost.getTabContentView();

inflater.inflate(R.layout.main, frame);

tabhost.addTab(tabhost.newTabSpec( " " ).
setIndicator( "" ).
setContent(R.id.main);//此处必须位id。R.id.main是R.layout.mian的根布局id
getTabHost().setCurrentTab( 0 );
}

 

Java代码中我们首先需要做的是获取TabHost对象，可以通过TabActivtiy里的getTabHsot（）方法。如果是自定义TabHost，在添加Tabs前 应该调用  setUp() 方法。

mTabHost = (TabHost)findViewById(R.id.tabhost);
mTabHost.setup();
mTabHost.addTab(TAB_TAG_1, " Hello, world! " , " Tab 1 " );

 

SDK上的原文：

　　Call setup() before adding tabs if loading TabHost using findViewById(). However : You do not need to call setup() after getTabHost() in TabActivity. 

　　接着向TabHost添加tabs.即调用tabHost.addTab(TabSpec) 方法。 TabSpec主要包含了setIndicator 和 setContent 方法，通过这两个方法来指定Tab 和 TanContent。

　　TabSpec 通过  .newTabSpec(String tag )来创建实例。实例化后对其属性进行设置 。setIndicator()设置tab,它有3个重载的函数

• 　public TabHost.TabSpec　setIndicatior(CharSwquence label,Drawable icon).指定tab的标题和图标。
• public TabHost.TabSpec (View view)通过View来自定义tab
• public TabHost.TabSpec(CharSequence label) 指定tab的标题，此时无图标。

　  setContent 指定tab的展示内容，它也有3种重载

• public TabHost.TabSpec setContent(TabHost.TabContentFactory )
• public TabHost.TabSpec setContent(int ViewId)
• public TabHost.TabSpec setContent(Intent intent)

　　后两种方法比较后理解一个是通过 ViewId指定显示的内容，如.setContent(R.id.Team_EditText)。第三种则是直接通过Intent加载一个新的Activity页。如.setContent(new Intent(this, MeetingActivity.class)));

　　本例中是通过 TabContentFactory 来指定对应的TabContent。 TabContentFactory 是一个接口，其只包含了 一个返回 View 的createTabContent(String tag)方法。

private TabContentFactory createMeetingDetails(Team team2) {

return new TabHost.TabContentFactory() {

@Override
public View createTabContent(String tag) {
　　　　　　　　　　//设置View
setStatsTabContent();
return findViewById(R.id.teamStats);
}
};
}

private TabHost.TabContentFactory createMeetingList()
{
return new TabHost.TabContentFactory() {

@Override
public View createTabContent(String tag) {

　　　　　　
meetingListAdapter = createMeetingListAdapter();
meetingList.setAdapter(meetingListAdapter);
return meetingList;
}
};
}

 

事先声明好的

private ListView meetingList = null ;
private ArrayAdapter < String > meetingListAdapter = null ;

 

我们也可以让TabActivity去实现TabContentFactory 接口

public class Tabs2 extends TabActivity implements TabHost.TabContentFactory

 

然后在TabActiviy类中实现createTabContent方法

@Override
public View createTabContent(String tag) {
final TextView tv = new TextView( this );
tv.setText( " Content for tab with tag " + tag);
return tv;
}

 

setStatsTabContent();方法

setStatsTabContent

 

　　最后将TabSpec 添加到 TabHost上，即tabHost.addTab(tabSpec)。我们发现TabSpec 的setIndicator 和 setContent 方法返回的都是 TabSpec 自身所以可以使用窜的方式编写代码：

tabhost.addTab(tabhost.newTabSpec( " stats_tab " )
.setIndicator( this .getString(R.string.stats))
.setContent(createMeetingDetails(team)));

 

其他参考资料

SDK:TabHost.TabSpec

SDK:TabHost.TabContentFactory

SDK:TabHost

SDK:Tab Layout

TabHost--TabWidget例子

android Tabhost部件

apiDemo也有3个例子可以参考。

系列索引

　　

Android 开源项目-StandupTimer学习笔记索引  

我的话费充值店-各种面额

电信100元仅售98.60 
联通100仅售99.00
移动100仅售99.30