Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> android的TabActivity

android的TabActivity

編輯:Android開發實例

前言

  這段時間在研究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 

  這裡需要注意的是不管你是使用TabActivity 還是自定義TabHost,都要求以TabHost作為XML布局文件的根。
<?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();
tabhost.addTab(tabhost.newTabSpec("stats_tab").
setIndicator(this.getString(R.string.stats)).
setContent(createMeetingDetails(team)));

tabhost.addTab(tabhost.newTabSpec("meetings_tab").
setIndicator(this.getString(R.string.meetings)).
setContent(createMeetingList()));
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
 private void setStatsTabContent() {
if (team != null && team.hasMeetings(this)) {
MeetingStats stats = team.getAverageMeetingStats(TeamDetailsActivity.this);
((TextView) findViewById(R.id.meeting_team_name_label)).setText(getString(R.string.team_name));
((TextView) findViewById(R.id.meeting_team_name)).setText(team.getName());

((TextView) findViewById(R.id.number_of_meetings_label)).setText(getString(R.string.number_of_meetings));
((TextView) findViewById(R.id.number_of_meetings)).setText(Integer.toString((int) team.getNumberOfMeetings(TeamDetailsActivity.this)));

((TextView) findViewById(R.id.avg_number_of_participants_label)).setText(getString(R.string.avg_number_of_participants));
((TextView) findViewById(R.id.avg_number_of_participants)).setText(Float.toString(stats.getNumParticipants()));

((TextView) findViewById(R.id.avg_meeting_length_label)).setText(getString(R.string.avg_meeting_length));
((TextView) findViewById(R.id.avg_meeting_length)).setText(TimeFormatHelper.formatTime(stats.getMeetingLength()));

((TextView) findViewById(R.id.avg_individual_status_length_label)).setText(getString(R.string.avg_individual_status_length));
((TextView) findViewById(R.id.avg_individual_status_length)).setText(TimeFormatHelper.formatTime(stats.getIndividualStatusLength()));

((TextView) findViewById(R.id.avg_quickest_status_label)).setText(getString(R.string.avg_quickest_status));
((TextView) findViewById(R.id.avg_quickest_status)).setText(TimeFormatHelper.formatTime(stats.getQuickestStatus()));

((TextView) findViewById(R.id.avg_longest_status_label)).setText(getString(R.string.avg_longest_status));
((TextView) findViewById(R.id.avg_longest_status)).setText(TimeFormatHelper.formatTime(stats.getLongestStatus()));
} else {
((TextView) findViewById(R.id.meeting_team_name_label)).setText(getString(R.string.no_meeting_stats));
((TextView) findViewById(R.id.meeting_team_name)).setText("");

((TextView) findViewById(R.id.number_of_meetings_label)).setText("");
((TextView) findViewById(R.id.number_of_meetings)).setText("");

((TextView) findViewById(R.id.avg_number_of_participants_label)).setText("");
((TextView) findViewById(R.id.avg_number_of_participants)).setText("");

((TextView) findViewById(R.id.avg_meeting_length_label)).setText("");
((TextView) findViewById(R.id.avg_meeting_length)).setText("");

((TextView) findViewById(R.id.avg_individual_status_length_label)).setText("");
((TextView) findViewById(R.id.avg_individual_status_length)).setText("");

((TextView) findViewById(R.id.avg_quickest_status_label)).setText("");
((TextView) findViewById(R.id.avg_quickest_status)).setText("");

((TextView) findViewById(R.id.avg_longest_status_label)).setText("");
((TextView) findViewById(R.id.avg_longest_status)).setText("");
}
}

 

  最後將TabSpec 添加到 TabHost上,即tabHost.addTab(tabSpec)。我們發現TabSpec 的setIndicator 和 setContent 方法返回的都是 TabSpec 自身所以可以使用竄的方式編寫代碼:

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

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved