本文主要是介绍使用TabHost实现顶部菜单栏,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
首先,分析下使用TabHost的布局。
最外层就是一个TabHost布局,上边为菜单布局,菜单下边为内容,使用线性布局实现。
菜单栏为一个TabWidget,要实现点击每个菜单,跳转不同的内容界面,所有内容布局中就需要使用
帧布局FrameLayout.
给出布局文件:
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:id="@+id/tabhost"><LinearLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical"><TabWidget android:layout_width="fill_parent"android:layout_height="wrap_content"android:id="@android:id/tabs"></TabWidget><FrameLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:id="@android:id/tabcontent"><LinearLayout android:id="@+id/page1"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="第一页"/></LinearLayout><LinearLayout android:id="@+id/page2"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="第二页"/></LinearLayout><LinearLayout android:id="@+id/page3"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="第三页"/></LinearLayout></FrameLayout></LinearLayout></TabHost>
Activity:
package com.example.tabhost;import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;public class MainActivity extends ActionBarActivity {TabHost tabHost;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tabHost = (TabHost) this.findViewById(R.id.tabhost);tabHost.setup();//一定要执行该方法,该方法是能够查找TabWidget和FrameLayoutTabSpec tabSpec = tabHost.newTabSpec("page1");//(通过帧布局实现)tabSpec.setIndicator("首页", getResources().getDrawable(R.drawable.i1));//设置标签题tabSpec.setContent(R.id.page1);//设置内容tabHost.addTab(tabSpec);tabSpec = tabHost.newTabSpec("page2");tabSpec.setIndicator("第二页", getResources().getDrawable(R.drawable.i2));//设置标签题tabSpec.setContent(R.id.page2);//设置内容tabHost.addTab(tabSpec);tabSpec = tabHost.newTabSpec("page3");tabSpec.setIndicator("第三页", getResources().getDrawable(R.drawable.i5));//设置标签题tabSpec.setContent(R.id.page3);//设置内容tabHost.addTab(tabSpec);tabHost.setCurrentTab(0);}
}
代码链接: http://download.csdn.net/detail/tan313/8301961
这篇关于使用TabHost实现顶部菜单栏的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!