Android之TabHost

一. 简单示例

src

public class AndroidUIActivity extends TabActivity {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);// tabHost是一个标签容器TabHost tabHost = this.getTabHost();// 每一个TabSpec对象就是个标签// TabSpec.setIndicator()方法是设置标签显示样式// TabSpec.setContent()方法显示标签下方的内容显示// 定义第一个标签tabHost.addTab(tabHost.newTabSpec("OneTab").setIndicator("OneTab",getResources().getDrawable(android.R.drawable.star_on)).setContent(R.id.linearLayout1));// 定义第二个标签tabHost.addTab(tabHost.newTabSpec("TwoTab").setIndicator("TwoTab",getResources().getDrawable(android.R.drawable.star_off)).setContent(R.id.linearLayout2));// 定义第三个标签tabHost.addTab(tabHost.newTabSpec("ThreeTab").setIndicator("ThreeTab",getResources().getDrawable(android.R.drawable.stat_notify_call_mute)).setContent(R.id.linearLayout3));}}

main.xml

<?xml version="1.0" encoding="utf-8"?><!--     根元素是 TabHost ,我们这个文件要和TabActivity配合使用，在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost，因此这里的ID也要定死成TabHost 的ID 是定死的 "@android:id/tabhost" 下面的类似，不再解释。--><TabHost xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@android:id/tabhost"    android:layout_width="fill_parent"    android:layout_height="wrap_content" >    <!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->    <TabWidget        android:id="@android:id/tabs"        android:layout_width="fill_parent"        android:layout_height="wrap_content" >    </TabWidget>    <!-- FrameLayout 就是标签的内容显示部分，注意ID的写法，还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->    <FrameLayout        android:id="@android:id/tabcontent"        android:layout_width="fill_parent"        android:layout_height="fill_parent" >        <!-- LinearLayout 是一个标签里的内容，程序根据你定义的ID来把他们放在不同的标签下面     android:paddingtop="65dp" -->        <LinearLayout            android:id="@+id/linearLayout1"            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/textView1"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="标签1中的内容" >            </TextView>        </LinearLayout>        <!-- LinearLayout 是另一个标签里的内容 -->        <LinearLayout            android:id="@+id/linearLayout2"            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/textView2"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="标签2中的内容" >            </TextView>        </LinearLayout>        <LinearLayout            android:id="@+id/linearLayout3"            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/textView3"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="标签3中的内容" >            </TextView>        </LinearLayout>    </FrameLayout></TabHost>

二. 运行结果

启动

点击ThreeTab

更多相关文章

随机推荐