Android UI学习 - Tab的学习和使用-白红宇

本文是参考Android官方提供的sample里面的ApiDemos的学习总结。

TabActivity

首先Android里面有个名为TabActivity来给我们方便使用。其中有以下可以关注的函数

public TabHost getTabHost () 获得当前TabActivity的TabHost

public TabWidget getTabWidget () 获得当前TabActivity的TabWidget

public void setDefaultTab (String tag) 这两个函数很易懂就是设置默认的Tab

public void setDefaultTab (int index) 通过tab名——tag或者index(从0开始)

protected void onRestoreInstanceState (Bundle state) 这两个函数的介绍可以

protected void onSaveInstanceState (Bundle outState) 参考 Activity的生命周期

TabHost

那么我们要用到的Tab载体是TabHost需要从TabActivity.getTabHost获取。

现在看看TabHost类它有3个内嵌类1个类TabHost.TabSpec2个接口TabHost.TabContentFactory和TabHost.OnTabChangeListener。后面会介绍这些类和接口。

TabHost类的一些函数

public void addTab (TabHost.TabSpec tabSpec) 添加tab参数TabHost.TabSpec通过下面的函数返回得到

public TabHost.TabSpec newTabSpec (String tag) 创建TabHost.TabSpec

public void clearAllTabs () remove所有的Tabs

public int getCurrentTab ()

public String getCurrentTabTag ()

public View getCurrentTabView ()

public View getCurrentView ()

public FrameLayout getTabContentView () 返回Tab content的FrameLayout

public TabWidget getTabWidget ()

public void setCurrentTab (int index) 设置当前的Tab by index

public void setCurrentTabByTag (String tag) 设置当前的Tab by tag

public void setOnTabChangedListener (TabHost.OnTabChangeListener l) 设置TabChanged事件的响应处理

public void setup () 这个函数后面介绍

TabHost.TabSpec

从上面的函数可以知道如何添加tab了要注意这里的Tag(标签)不是Tab按钮上的文字。

而要设置tab的label和content需要设置TabHost.TabSpec类。引用SDK里面的话——“A tab has a tab indicator, content, and a tag that is used to keep track of it.”TabHost.TabSpec就是管理这3个东西

public String getTag ()

public TabHost.TabSpec setContent

public TabHost.TabSpec setIndicator

我理解这里的

Indicator就是Tab上的label它可以

设置label

setIndicator (CharSequence label)

或者同时

设置label和icon

setIndicator (CharSequence label, Drawable icon)

或者直接

指定某个view

setIndicator (View view)

对于

Content就是Tab里面的内容可以

设置View的id

setContent(int viewId)

或者

TabHost.TabContentFactory的createTabContent(String tag)来处理

setContent(TabHost.TabContentFactory contentFactory)

或者用

new Intent来引入其他Activity的内容

setContent(Intent intent)

现在来看官方的Views/Tabs/Content By Id例子

TabHost

代码

public class Tabs1 extends TabActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

TabHost tabHost = getTabHost();

LayoutInflater.from(this).inflate(R.layout.tabs1, tabHost.getTabContentView(), true);

tabHost.addTab(tabHost.newTabSpec("tab1")

.setIndicator("tab1")

.setContent(R.id.view1));

tabHost.addTab(tabHost.newTabSpec("tab3")

.setIndicator("tab2")

.setContent(R.id.view2));

tabHost.addTab(tabHost.newTabSpec("tab3")

.setIndicator("tab3")

.setContent(R.id.view3));

}

}

原来在获取TabHost后需要用LayoutInflater来得到LayoutLayoutInflater在后面就详细介绍。R.layout.tabs1的内容

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:id="@+id/view1"

android:background="@drawable/blue"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="@string/tabs_1_tab_1"/>

<TextView android:id="@+id/view2"

android:background="@drawable/red"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="@string/tabs_1_tab_2"/>

<TextView android:id="@+id/view3"

android:background="@drawable/green"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="@string/tabs_1_tab_3"/>

</FrameLayout>

<! -- strings.xml

<string name="tabs_1_tab_1">tab1</string>

<string name="tabs_1_tab_2">tab2</string>

<string name="tabs_1_tab_3">tab3</string>

原来是用FrameLayout的

而让Tab1的内容显示tab1且背景为Blue是setContent(R.id.view1)这里引用了TextView1。现在就基本明白如何添加tab以及如何设置label和content了。

接下来看看Views/Tabs/Content By Factory的例子

TabHost2

代码

public class Tabs2 extends TabActivity implements TabHost.TabContentFactory {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

final TabHost tabHost = getTabHost();

tabHost.addTab(tabHost.newTabSpec("tab1")

.setIndicator("tab1", getResources().getDrawable(R.drawable.star_big_on))

.setContent(this));

tabHost.addTab(tabHost.newTabSpec("tab2")

.setIndicator("tab2")

.setContent(this));

tabHost.addTab(tabHost.newTabSpec("tab3")

.setIndicator("tab3")

.setContent(this));

}

public View createTabContent(String tag) {

final TextView tv = new TextView(this);

tv.setText("Content for tab with tag " + tag);

return tv;

}

}

可以看到通过override重写重新实现父类TabHost.TabContentFactory中的方法View createTabContent(String tag)来实现不同tab的不同content。同时在setContent的参数设置为相应的TabContentFactory。

原来createTabContent是在每个tab第一次显示时才调用的随后再次显示该tab就不会再次调用的我自己用Logcat查看到的这一点很关键就是说在createTabContent是在tab没有完全创建前调用的这意味在createTabContent里面是不能调用getCurrentTabView等之类的函数的否则就出错

至于Views/Tabs/Content By Intent例子就只是贴出代码不给截图了

public class Tabs3 extends TabActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

final TabHost tabHost = getTabHost();

tabHost.addTab(tabHost.newTabSpec("tab1")

.setIndicator("list")

.setContent(new Intent(this, List1.class)));

tabHost.addTab(tabHost.newTabSpec("tab2")

.setIndicator("photo list")

.setContent(new Intent(this, List8.class)));

// This tab sets the intent flag so that it is recreated each time

// the tab is clicked.

tabHost.addTab(tabHost.newTabSpec("tab3")

.setIndicator("destroy")

.setContent(new Intent(this, Controls2.class)

.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)));

}

}

效果Tab1的内容是List1的ActivityTab2的是List8的ActivityTab3的是controls2.Activity。

TabHost.OnTabChangeListener

TabHost.OnTabChangeListener接口只有一个抽象方法onTabChanged(String tagString)明显地在

onTabChanged(String tagString)方法里面swtich..case..来判断tagString分别处理就行了。

TabHost.setup()

在此贴出SDK doc里面的相关解释

public void setup () Since: API Level 1

Call setup() before adding tabs if loading TabHost using findViewById().

However,

You do not need to call setup() after getTabHost() in TabActivity. Example:

mTabHost = (TabHost)findViewById(R.id.tabhost);

mTabHost.setup();

mTabHost.addTab(TAB_TAG_1, "Hello, world!", "Tab 1");

//我的理解是如果要用到findViewById来获取TabHost然后add tabs的话需要在addTab前call setup();

public void setup (LocalActivityManager activityGroup) Since: API Level 1

If you are using

setContent(android.content.Intent), this must be called since the activityGroup is needed to launch the local activity.

This is done for you if you extend TabActivity.

Parameters

activityGroup

Used to launch activities for tab content.

本文转自 Icansoft 51CTO博客原文链接 http://blog.51cto.com/android/315208