Android项目--tabhost

所有牵扯到自定义布局的layout中尽量用RelativeLayout

在通讯录中如果像小米手机的UI那就是viewpager，在这里，我们做成静态的。通过tabhost来做。

1.布局

a) 直接用TabHost作为布局框架

b) 代码：

<?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="match_parent"

    android:layout_height="match_parent">



    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent">





        <FrameLayout

            android:id="@android:id/tabcontent"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_weight="1" />



        <TabWidget

            android:id="@android:id/tabs"

            android:layout_width="match_parent"

            android:layout_height="40dp"

            android:layout_alignParentBottom="true"

            android:layout_alignParentLeft="true"

            android:layout_weight="0.0"

            android:background="@drawable/contact_tabhost" >

        </TabWidget>



    </RelativeLayout>



</TabHost>

 

FrameLayout中就是填充需要的布局

TabWidge是切换的响应式按钮，两者有着关联性的作用

2.设计

a) 像QQ，微信这样的客户端，应该也是tabhost做的吧。简单，明了，不用费太多的事，就能在一个布局框架中，创建出无数个布局。可同，可异

b) 定义一个ContactActivity extends TabActivity

c) 代码：

private void createTab(int img, String text, Intent intent) {

        mTabHost.addTab(mTabHost.newTabSpec(text)

                .setIndicator(createTabView(img, text)).setContent(intent));

    }



    private View createTabView(int img, String text) {

        View view = LayoutInflater.from(this).inflate(

                R.layout.contact_tab_indicator, null);

        ImageView iv = (ImageView) view.findViewById(R.id.iv_tab);

        TextView tv = (TextView) view.findViewById(R.id.tv_tab);

        iv.setImageResource(img);

        tv.setText(text);

        return view;

    }

 

3.功能

a) 需要三个布局来填充

b) 代码：

mTabHost = getTabHost();

        Intent intent1 = new Intent(this, ContactListActivity.class);

        createTab(R.drawable.contact, "通讯录", intent1);



        Intent intent2 = new Intent(this, ContactCalllog.class);

        createTab(R.drawable.logcall, "通话记录", intent2);



        Intent intent3 = new Intent(this, ContactMess.class);

        createTab(R.drawable.message, "短信", intent3);



        mTabHost.setCurrentTab(0);