学习笔记 新浪微博篇 四 Android TableHost

一、我们先来实现TableHost

1.首先我们创建一个activity

2.然后我们创建一个布局 在布局里添加一个TableHost

这里要注意 TableHost的id可以随意 但是 它里面的 2个子元素 的id是固定的

            <TabWidget
                    <!--这是写死的必须要这个id-->
                    android:id="@android:id/tabs"  
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content">
             </TabWidget>

还有一个就是与之并列的

<FrameLayout
                    <!--这是写死的必须要这个id-->
                    android:id="@android:id/tabcontent"                
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent">
                    <!--这里是添加的内容元素的-->
</FrameLayout>

3.让我们再回到activity 我们要得到一个 tableHost实例 通过findviewbyid函数找到实例

TabHost tabHost = (TabHost) this.findViewById(R.id.table_host_main);

4.加载资源的函数

tabHost.setup();

这个是很重要，不然 tablehost就会报空引用 相当于他会从我们layout里根据id加载资源

5.然后就是我们对各个标签的定义

TabHost.TabSpec ptabSpec = tabHost.newTabSpec("parent");

6.这是一个标签 分页 我们来设置一下 标签的标题 标题可以自带文字和一个图片 这里需要注意

ptabSpec.setIndicator("父类",this.getResources().getDrawable(R.drawable.ic_launcher,null));

相当于标题

secTabSpec.setContent(R.id.tab_flyt_text_second);

显然这个加载的是内容页面 加载的对象是int 的资源id

7.最后一步是吧这个TabSpec对象放入进去

tabHost.addTab(ptabSpec);

他就会加入

List<TabSpec> mTabSpecs

他会一个一个加载出来

8.遇到的问题

开始的时候我发现我在标题里图片没有显示 查阅一些资料之后 中出了原因是 默认的Theme是不允许图片和文字同时放在一块的 然后代码是没有问题的

我们需要在androidManifest里的application 主题改为

android:theme="@android:style/Theme.Black" 

这样就可以显示图片了

二、实现了基本的功能我们来分析一下

1.首先分析的是为什么需要固定id

首先是为什么要 TabWidget需要固定@android:id/tabs

我们来看一下TabHost的源码

    public void setup() {
        mTabWidget = (TabWidget)findViewById(com.android.internal.R.id.tabs);
        if (mTabWidget == null) {
            throw new RuntimeException(
                    "Your TabHost must have a TabWidget whose id" 
                    +"attribute is 'android.R.id.tabs'");
        }

我们可以看com.android.internal.R.id.tabs确实是固定了id

同理我们来看一下

        mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);
        if (mTabContent == null) {
            throw new RuntimeException(
             "Your TabHost must have a FrameLayout whose id attribute is "
           + "'android.R.id.tabcontent'");
        }

也是固定了com.android.internal.R.id.tabcontent这个id

三、附上代码

activity

package com.example.tablehost;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TabHost;

public class MyActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.demo_one_layout);

        TabHost tabHost = (TabHost) this.findViewById(R.id.table_host_main);

        //加载TabWidget
        tabHost.setup();

        //创建一个TabSpec
        TabHost.TabSpec ptabSpec = tabHost.newTabSpec("parent");
        //初始化TabSpec
        ptabSpec.setIndicator("父类",this.getResources().getDrawable(R.drawable.ic_launcher,null));
        //添加内容
        ptabSpec.setContent(R.id.tab_flyt_text_main);

        //这里一样又是一个TabSpec
        TabHost.TabSpec secTabSpec = tabHost.newTabSpec("second");
        secTabSpec.setIndicator("子类",this.getResources().getDrawable(R.drawable.ic_launcher,null));
        secTabSpec.setContent(R.id.tab_flyt_text_second);

        //添加到List<TabSpec> mTabSpecs 里
        tabHost.addTab(ptabSpec);
        tabHost.addTab(secTabSpec);
    }
}

layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TabHost
            android:id="@+id/table_host_main"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <LinearLayout
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

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

            <FrameLayout
                    android:id="@android:id/tabcontent"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent">
                <TextView
                        android:id="@+id/tab_flyt_text_main"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:text="@string/tab_host_main"/>
                <TextView
                        android:id="@+id/tab_flyt_text_second"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:text="@string/tab_host_second"/>
            </FrameLayout>

        </LinearLayout>
    </TabHost>
</LinearLayout>