您的位置: 首页  >  IT文章  >  TabHost两种兑现方式

TabHost两种兑现方式

分类: IT文章 • 2022-07-24 14:33:28
TabHost两种实现方式

第一种：继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。只要定义具体Tab内容布局就行了. 

xml布局： 

Java代码  TabHost两种兑现方式
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent" android:layout_height="fill_parent">  
  3.     <LinearLayout android:id="@+id/widget_layout_Blue"  
  4.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  5.         android:orientation="vertical" >  
  6.         <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
  7.             android:layout_height="wrap_content" android:text="EditText"  
  8.             android:textSize="18sp">  
  9.         </EditText>  
  10.         <Button android:id="@+id/widget30" android:layout_width="wrap_content"  
  11.             android:layout_height="wrap_content" android:text="Button">  
  12.         </Button>  
  13.     </LinearLayout>  
  14.     <LinearLayout android:id="@+id/widget_layout_red"  
  15.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  16.         android:orientation="vertical"  >  
  17.         <AnalogClock android:id="@+id/widget36"  
  18.             android:layout_width="wrap_content" android:layout_height="wrap_content">  
  19.         </AnalogClock>  
  20.     </LinearLayout>  
  21.     <LinearLayout android:id="@+id/widget_layout_green"  
  22.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  23.         android:orientation="vertical">  
  24.         <RadioGroup android:id="@+id/widget43"  
  25.             android:layout_width="166px" android:layout_height="98px"  
  26.             android:orientation="vertical">  
  27.             <RadioButton android:id="@+id/widget44"  
  28.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  29.                 android:text="RadioButton">  
  30.             </RadioButton>  
  31.             <RadioButton android:id="@+id/widget45"  
  32.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  33.                 android:text="RadioButton">  
  34.             </RadioButton>  
  35.         </RadioGroup>  
  36.     </LinearLayout>  
  37. </FrameLayout>  
  38.   
  39. java代码：  
  40. super.onCreate(savedInstanceState);  
  41.         myTabhost=this.getTabHost();  
  42.         //get Tabhost  
  43.         LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);  
  44.         myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));  
  45.           
  46.         myTabhost  
  47.                 .addTab(myTabhost.newTabSpec("One")// make a new Tab  
  48.                         .setIndicator("A")  
  49.                         // set the Title and Icon  
  50.                         .setContent(R.id.widget_layout_Blue));  
  51.         // set the layout  
  52.   
  53.         myTabhost  
  54.                 .addTab(myTabhost.newTabSpec("Two")// make a new Tab  
  55.                         .setIndicator("B",  
  56.                                 getResources().getDrawable(R.drawable.mumule))  
  57.                         // set the Title and Icon  
  58.                         .setContent(R.id.widget_layout_green));  
  59.         // set the layout  
  60.   
  61.         myTabhost  
  62.                 .addTab(myTabhost.newTabSpec("Three")// make a new Tab  
  63.                         .setIndicator("C",  
  64.                                 getResources().getDrawable(R.drawable.notepad))  
  65.                         // set the Title and Icon  
  66.                         .setContent(R.id.widget_layout_red));  



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

xml布局： 

Java代码  TabHost两种兑现方式
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  3.     android:id="@+id/hometabs"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="fill_parent"    
  6.     android:layout_height="fill_parent">   
  7.     <TabHost android:id="@+id/tabhost"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content">  
  10.         <LinearLayout  
  11.             android:orientation="vertical"  
  12.             android:layout_width="fill_parent"  
  13.             android:layout_height="fill_parent">  
  14.               
  15.             <TabWidget android:id="@android:id/tabs"   
  16.               android:orientation="horizontal"  
  17.               android:layout_width="wrap_content"  
  18.               android:layout_height="wrap_content">  
  19.             </TabWidget>  
  20.            
  21.              <FrameLayout android:id="@android:id/tabcontent"  
  22.                   android:layout_width="wrap_content"  
  23.                   android:layout_height="wrap_content">  
  24.                     <TextView android:id="@+id/view1"  
  25.                         android:layout_width="fill_parent"  
  26.                         android:layout_height="fill_parent"/>  
  27.                     <TextView android:id="@+id/view2"  
  28.                         android:layout_width="fill_parent"  
  29.                         android:layout_height="fill_parent"/>  
  30.                     <TextView android:id="@+id/view3"  
  31.                         android:layout_width="fill_parent"  
  32.                         android:layout_height="fill_parent"/>  
  33.              </FrameLayout>  
  34.            
  35.          </LinearLayout>  
  36.     </TabHost>  
  37. </LinearLayout>  
  38.   
  39. java代码：  
  40. protected void onCreate(Bundle savedInstanceState) {  
  41.         super.onCreate(savedInstanceState);  
  42.         setContentView(R.layout.hometabs);  
  43.           
  44.         TabHost tabHost = (TabHost) findViewById(R.id.tabhost);  
  45.         tabHost.setup();  
  46.         TabWidget tabWidget = tabHost.getTabWidget();  
  47.           
  48.         tabHost.addTab(tabHost.newTabSpec("tab1")  
  49.                 .setIndicator("tab1", getResources().getDrawable(R.drawable.mumule))  
  50.                 .setContent(R.id.view1));  
  51.           
  52.         tabHost.addTab(tabHost.newTabSpec("tab3")  
  53.                 .setIndicator("tab3")  
  54.                 .setContent(R.id.view3));  
  55.           
  56.         tabHost.addTab(tabHost.newTabSpec("tab2")  
  57.                 .setIndicator("tab2")  
  58.                 .setContent(R.id.view2));  
  59.           
  60.         final int tabs = tabWidget.getChildCount();  
  61.         Log.i(TAG, "***tabWidget.getChildCount() : " + tabs);  
  62.           
  63.         final int tabWidth = 90;  
  64.         final int tabHeight = 45;  
  65.           
  66.         for (int i = 0; i < tabs; i++) {  
  67.         /*  final View view = tabWidget.getChildAt(i); 
  68.             view.getLayoutParams().width = tabWidth; 
  69.             view.getLayoutParams().height = tabHeight; 
  70.             final TextView tv = (TextView) view.findViewById(android.R.id.title); 
  71.             tv.setTextColor(this.getResources().getColorStateList(android.R.color.black)); 
  72.             MarginLayoutParams tvMLP = (MarginLayoutParams)tv.getLayoutParams(); 
  73.             tvMLP.bottomMargin = 8;*/  
  74.         }  
  75.     }  

 

Android开发之TabHost控件的使用

 

    首先展示个效果，截图如下：

TabHost两种兑现方式

        在这里我们使用了一个TabHost控件，下面我们来详细讲解下这个控件以及使用这个控件时，应该注意的一些问题。

使用TabHost有两种方法，一种是继承TabActivity；一种是不继承TabActivity；在这里我要讲解的是继承 TabActivity的；首先我们得写好main.xml布局文件，在写这个布局文件时要注意，使用TabHost一定要有TabWidget、 FramLayout这两个控件，并且TabWidget必须使用系统ID @android:id/tabs；FrameLayout作为标签内容的基本框架，也必须使用系统ID @android:id/tabcontent；而TabHost可以自定义ID，这是为了在系统初始化时能够使用，否则会报错！布局文件 main.xml如下：

TabHost两种兑现方式

        布局文件弄好之后，我们就需要开发用户界面；首先，我们让它继承TabActivity;之后我们可以通过getTabHost()方法得到一个 TabHost对象；得到TabHost对象之后，我们就可以使用该对象来添加上面顶部的四个标签（返回、理财、社保和农保）；这里有个问题，就是如何设 置每个标签的大小和位置呢？呵呵，在这里我们用getTabWidget()方法取TabWidget对象。通过该对象使用getChildAt(int i)来取得每个标签，取得每个标签之后，我们就可以使用下面代码来设置标签内容中的位置了：

  for(int i=0;i<mTabWidget.getChildCount();i++){

         //设置选项卡的宽度

            mTabWidget.getChildAt(i).getLayoutParams().height=50;

            //设置选项卡的高度

            mTabWidget.getChildAt(i).getLayoutParams().width=60;

        }

设置好这些之后，我想单击它时，会跳转到别的界面去。在这里我们使用setContent(new Intent(this,cls))进行跳转；

        代码截图如下：

TabHost两种兑现方式

        接下来，我们又有问题了！如何设置文字颜色？如何设置每个标签的背景颜色或图片呢？在这里我定义了一个方法，这个方法里面解决了上面的那些问题！该方法截图如下：

TabHost两种兑现方式

        这个函数我们返回了一个TextView对象；然后使用setIndicator(view)方法，把TextView添加进去；这个函数有两个参数，第一个参数是指标签的内容，第二个参数是标签的背景图片；到此我们已经把主要的东西都理清

源链接：http://blog.****.net/ch_984326013/article/details/6602602%E4%B8%8A%E9%9D%A2%E9%82%A3%E4%B8%AA%E6%98%AFtabHost

相关推荐