Android之TabHost 的选项卡布局

TabHost的实现有两种方式：
第一种继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。各个Tab中的内容在布局文件中定义就行了。

 第二种方式，不继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。

第一种方式:

1. 布局文件  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<? xml version = "1.0" encoding = "utf-8" ?> <!-- Copyright 2009 Joe LaPenna --> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "fill_parent"      android:layout_height = "fill_parent"      android:background = "@drawable/home_gradient"      android:orientation = "vertical" >         < TabHost          android:id = "@android:id/tabhost"          android:layout_width = "fill_parent"          android:layout_height = "fill_parent" >             <!-- A paddingTop of zero will remove the strip below the tabs. -->             < FrameLayout              android:id = "@android:id/tabcontent"              android:layout_width = "fill_parent"              android:layout_height = "fill_parent"              android:paddingBottom = "60dip" />             < RelativeLayout              android:layout_width = "fill_parent"              android:layout_height = "fill_parent" > <!--  android:background="#363636" -->              < TabWidget                  android:background = "@drawable/title_bg_night"                                    android:id = "@android:id/tabs"                  android:layout_width = "fill_parent"                  android:layout_height = "60dip"                  android:layout_alignParentBottom = "true"                  android:tabStripEnabled = "false" />          </ RelativeLayout >      </ TabHost >    </ LinearLayout >

 

 2. 继承 TabActivity

1 2 3

public class MainTabActivity extends TabActivity {      private TabHost mTabHost;      private LayoutInflater inflater;

 

 inflater = LayoutInflater.from(this);   从这个TabActivity获取LayoutInflater

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45

@Override      protected void onCreate(Bundle arg0) {          super .onCreate(arg0);             requestWindowFeature(Window.FEATURE_NO_TITLE);          setContentView(R.layout.main_tab);             inflater = LayoutInflater.from( this );             mTabHost = (TabHost) findViewById(android.R.id.tabhost);             mTabHost.addTab(getTabSpec( "mydouban" , MeActivity. class , "我的豆瓣" ,                  R.drawable.tab_main_nav_me));             mTabHost.addTab(getTabSpec( "newbook" , NewBooksActivity. class , "新书" ,                  R.drawable.tab_main_nav_book));          mTabHost.addTab(getTabSpec( "mydouban" , MeActivity. class , "书评" ,                  R.drawable.detail_comment_selected));          mTabHost.addTab(getTabSpec( "mydouban" , SearchActivity. class , "搜索" ,                  R.drawable.tab_main_nav_search));          mTabHost.addTab(getTabSpec( "mydouban" , AboutActivity. class , "关于" ,                  R.drawable.tab_main_nav_more));         }         private TabSpec getTabSpec(String tag, Class clazz, String name, int drawid) {             TabSpec spec = mTabHost.newTabSpec(tag);          // 指定显示内容          Intent intent = new Intent( this , clazz);          spec.setContent(intent);          // 设置标签的样式          spec.setIndicator(getIndicatorView(name, drawid));          return spec;      }         // 获取view对象      private View getIndicatorView(String name, int drawid) {          View view = inflater.inflate(R.layout.tab_main_nav, null );          ImageView ivicon = (ImageView) view.findViewById(R.id.ivIcon);          TextView tvtitle = (TextView) view.findViewById(R.id.tvTitle);          ivicon.setImageResource(drawid);          tvtitle.setText(name);          return view;      }

3.每个选项卡的布局文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<? xml version = "1.0" encoding = "utf-8" ?> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"      android:id = "@+id/tabMainNav"      android:layout_width = "fill_parent"      android:layout_height = "fill_parent"      android:background = "@drawable/tab_main_nav_selector"      android:gravity = "center_horizontal"      android:orientation = "vertical" >         < ImageView          android:id = "@+id/ivIcon"          android:layout_width = "30dip"          android:layout_height = "30dip"          android:layout_marginBottom = "1dip"          android:layout_marginTop = "5dip"          android:scaleType = "fitXY" />         < TextView          android:id = "@+id/tvTitle"          android:layout_width = "wrap_content"          android:layout_height = "wrap_content"          android:layout_marginBottom = "5dip"          android:textAppearance = "@style/TextViewStyleTabMainNav"          android:textSize = "14dip" />    </ LinearLayout >

 

第二 种方式:

 

不继承TabActivity

     继承普通Activity，<TabWidget>标签id必须为tabs、<FrameLayout>标签id必须为tabcontent.这个方式在通过findViewById获得TabHost之后，必须要调用setup方法。

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<? xml version = "1.0" encoding = "utf-8" ?>      <!-- TabHost必须包含一个 TabWidget和一个FrameLayout-->       < TabHost android:id = "@+id/tabhost" android:layout_width = "fill_parent" android:layout_height = "wrap_content" >            < LinearLayout android:orientation = "vertical" android:layout_width = "fill_parent" android:layout_height = "fill_parent" >                <!-- TabWidget的id属性必须为 @android:id/tabs-->                            < TabWidget android:id = "@android:id/tabs" android:orientation = "horizontal" android:layout_width = "fill_parent"                  android:layout_height = "wrap_content" />                <!-- FrameLayout的id属性必须为 @android:id/tabcontent-->                 < FrameLayout android:id = "@android:id/tabcontent" android:layout_width = "fill_parent" android:layout_height = "fill_parent" >                    < TextView android:id = "@+id/view1" android:layout_width = "fill_parent" android:layout_height = "fill_parent" />                    < TextView android:id = "@+id/view2" android:layout_width = "fill_parent" android:layout_height = "fill_parent" />                    < TextView android:id = "@+id/view3" android:layout_width = "fill_parent" android:layout_height = "fill_parent" />                 </ FrameLayout >             </ LinearLayout >        </ TabHost >   </ LinearLayout >

// 如果没有继承TabActivity时，通过该种方法加载启动tabHost  
        tabHost.setup();  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

public class TabHostTest extends Activity {        @Override        public void onCreate(Bundle savedInstanceState) {            super .onCreate(savedInstanceState);            setContentView(R.layout.main);            // 获取TabHost对象            TabHost tabHost = (TabHost) findViewById(R.id.tabhost);            // 如果没有继承TabActivity时，通过该种方法加载启动tabHost            tabHost.setup();            tabHost.addTab(tabHost.newTabSpec( "tab1" ).setIndicator( "第一个标签" ,                    getResources().getDrawable(R.drawable.icon)).setContent(                    R.id.view1));                 tabHost.addTab(tabHost.newTabSpec( "tab3" ).setIndicator( "第三个标签" )                    .setContent(R.id.view3));                 tabHost.addTab(tabHost.newTabSpec( "tab2" ).setIndicator( "第二个标签" )                    .setContent(R.id.view2));        }   }

 

 

 

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/feelbest/p/3696185.html