程序博客网 > 剑灵奇葩捏脸数据

仿新浪微博布局学习——妙用TabHost

来源：互联网 发布：剑灵奇葩捏脸数据 编辑：程序博客网 时间：2024/05/15 23:48

前言

　　为了更好的开发Android应用程序，除了熟练掌握基本的UI组件和API外，还需要掌握一些技巧，而这些技巧可以通过阅读一些代码来提高，本系列将与大家分享一些新浪微博布局方面的收获，欢迎交流！

转载，

　　　　博客园：http://www.cnblogs.com

　　　　农民伯伯： http://www.cnblogs.com/over140

版本

　　新浪微博 weibo_10235010.apk

 

正文

　　一、效果图

　　　　

　　　　红色部分是本文要实现的目标。

 

　　二、实现

　　　　maintabs.xml

[html] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">  
  5.         <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />  
  6.         <TabWidget android:id="@android:id/tabs" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />  
  7.         <RadioGroup android:gravity="center_vertical" android:layout_gravity="bottom" android:orientation="horizontal" android:id="@id/main_radio" android:background="@drawable/maintab_toolbar_bg" android:layout_width="fill_parent" android:layout_height="wrap_content">  
  8.             <RadioButton   android:text="@string/main_home" android:checked="true" android:id="@+id/radio_button0" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/icon_1_n" style="@style/main_tab_bottom" />  
  9.             <RadioButton android:id="@+id/radio_button1" android:layout_marginTop="2.0dip" android:text="@string/main_news" android:drawableTop="@drawable/icon_2_n" style="@style/main_tab_bottom" />  
  10.             <RadioButton android:id="@+id/radio_button2" android:layout_marginTop="2.0dip" android:text="@string/main_my_info" android:drawableTop="@drawable/icon_3_n" style="@style/main_tab_bottom" />  
  11.             <RadioButton android:id="@+id/radio_button3" android:layout_marginTop="2.0dip" android:text="@string/menu_search" android:drawableTop="@drawable/icon_4_n" style="@style/main_tab_bottom" />  
  12.             <RadioButton android:id="@+id/radio_button4" android:layout_marginTop="2.0dip" android:text="@string/more" android:drawableTop="@drawable/icon_5_n" style="@style/main_tab_bottom" />  
  13.         </RadioGroup>  
  14.     </LinearLayout>  
  15. </TabHost>  


styles.xml

[html] view plaincopy
  1. <style name="main_tab_bottom">  
  2.        <item name="android:textSize">@dimen/bottom_tab_font_size</item>  
  3.        <item name="android:textColor">#ffffffff</item>  
  4.        <item name="android:ellipsize">marquee</item>  
  5.        <item name="android:gravity">center_horizontal</item>  
  6.        <item name="android:background">@drawable/home_btn_bg</item>  
  7.        <item name="android:paddingTop">@dimen/bottom_tab_padding_up</item>  
  8.        <item name="android:layout_width">fill_parent</item>  
  9.        <item name="android:layout_height">wrap_content</item>  
  10.        <item name="android:button">@null</item>  
  11.        <item name="android:singleLine">true</item>  
  12.        <item name="android:drawablePadding">@dimen/bottom_tab_padding_drawable</item>  
  13.        <item name="android:layout_weight">1.0</item>  
  14.    </style>  


home_btn_bg.xml

[html] view plaincopy
  1. <selector  
  2.           xmlns:android="http://schemas.android.com/apk/res/android">  
  3.             <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/home_btn_bg_s" />  
  4.             <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/home_btn_bg_s" />  
  5.             <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/home_btn_bg_d" />  
  6.             <item android:drawable="@drawable/transparent" />  
  7.         </selector>  


代码说明：

　　　　　　　　1.　　需要注意的是他这里把TabWidget的Visibility设置成了gone!也就是默认难看的风格不见了：，取而代之的是5个带风格的单选按钮.

　　　　　　　　2.　　注意为单选按钮设置的style，其中最重要的是为其background设置了home_btn_bg.xml，也就是自定义了选中效果。

　　　　Java文件

[java] view plaincopy
  1. public class MainTabActivity extends TabActivity implements  
  2.         OnCheckedChangeListener {  
  3.   
  4.     private TabHost mHost;  
  5.     private Intent mMBlogIntent;  
  6.     private Intent mMoreIntent;  
  7.     private Intent mInfoIntent;  
  8.     private Intent mSearchIntent;  
  9.     private Intent mUserInfoIntent;  
  10.   
  11.     @Override  
  12.     protected void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  15.         setContentView(R.layout.maintabs);  
  16.   
  17.         // ~~~~~~~~~~~~ 初始化  
  18.         this.mMBlogIntent = new Intent(this, HomeListActivity.class);  
  19.         this.mSearchIntent = new Intent(this, SearchSquareActivity.class);  
  20.         this.mInfoIntent = new Intent(this, MessageGroup.class);  
  21.         this.mUserInfoIntent = new Intent(this, MyInfoActivity.class);  
  22.         this.mMoreIntent = new Intent(this, MoreItemsActivity.class);  
  23.   
  24.         initRadios();  
  25.           
  26.         setupIntent();  
  27.     }  
  28.   
  29.     /** 
  30.      * 初始化底部按钮 
  31.      */  
  32.     private void initRadios() {  
  33.          ((RadioButton) findViewById(R.id.radio_button0)).setOnCheckedChangeListener(this);  
  34.          ((RadioButton) findViewById(R.id.radio_button1)).setOnCheckedChangeListener(this);  
  35.          ((RadioButton) findViewById(R.id.radio_button2)).setOnCheckedChangeListener(this);  
  36.          ((RadioButton) findViewById(R.id.radio_button3)).setOnCheckedChangeListener(this);  
  37.          ((RadioButton) findViewById(R.id.radio_button4)).setOnCheckedChangeListener(this);  
  38.     }  
  39.   
  40.     /** 
  41.      * 切换模块 
  42.      */  
  43.     @Override  
  44.     public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {  
  45.         if (isChecked) {  
  46.             switch (buttonView.getId()) {  
  47.             case R.id.radio_button0:  
  48.                 this.mHost.setCurrentTabByTag("mblog_tab");  
  49.                 break;  
  50.             case R.id.radio_button1:  
  51.                 this.mHost.setCurrentTabByTag("message_tab");  
  52.                 break;  
  53.             case R.id.radio_button2:  
  54.                 this.mHost.setCurrentTabByTag("userinfo_tab");  
  55.                 break;  
  56.             case R.id.radio_button3:  
  57.                 this.mHost.setCurrentTabByTag("search_tab");  
  58.                 break;  
  59.             case R.id.radio_button4:  
  60.                 this.mHost.setCurrentTabByTag("more_tab");  
  61.                 break;  
  62.             }  
  63.         }  
  64.     }  
  65.   
  66.     private void setupIntent() {  
  67.         this.mHost = getTabHost();  
  68.         TabHost localTabHost = this.mHost;  
  69.   
  70.         localTabHost.addTab(buildTabSpec("mblog_tab", R.string.main_home,  
  71.                 R.drawable.icon_1_n, this.mMBlogIntent));  
  72.   
  73.         localTabHost.addTab(buildTabSpec("message_tab", R.string.main_news,  
  74.                 R.drawable.icon_2_n, this.mInfoIntent));  
  75.   
  76.         localTabHost.addTab(buildTabSpec("userinfo_tab", R.string.main_my_info,  
  77.                 R.drawable.icon_3_n, this.mUserInfoIntent));  
  78.   
  79.         localTabHost.addTab(buildTabSpec("search_tab", R.string.menu_search,  
  80.                 R.drawable.icon_4_n, this.mSearchIntent));  
  81.   
  82.         localTabHost.addTab(buildTabSpec("more_tab", R.string.more,  
  83.                 R.drawable.icon_5_n, this.mMoreIntent));  
  84.   
  85.     }  
  86.   
  87.     private TabHost.TabSpec buildTabSpec(String tag, int resLabel, int resIcon,  
  88.             final Intent content) {  
  89.         return this.mHost  
  90.                 .newTabSpec(tag)  
  91.                 .setIndicator(getString(resLabel),  
  92.                         getResources().getDrawable(resIcon))  
  93.                 .setContent(content);  
  94.     }  


代码说明

　　　　　　1.　　由于TabWidget被隐藏，所以相关的事件也会无效，这里取巧用RadioGroup与RadioButton的特性来处理切换，然后监听事件调用setCurrentTabByTag来切换Activity。

　　　　　　2.　　注意即使TabWidget被隐藏，也要为其设置indicator，否则会保持。

 

　　三、总结

　　　　在这之前如果要做这种效果我恐怕第一时间就会想到用ActivityGroup来做，主要是因为TabHost的TabWidget非常难看，用起来也不方便。其实从源码可以看出，TabActivity也是继承自ActivityGroup，这里结合了单选按钮和TabHost，各取其长，有时间可以专门写一个这样的自定义控件:)



  

自定义TabHost，TabWidget样式 .

分类： Android2012-04-12 14:48 9142人阅读 评论(7) 收藏 举报
androidlayouttabsencodingnullbutton
大家好，今天我为大家分享TabHost中怎样修改TabWidget样式。在很多界面美观的应用中很多都用到了TabHost，但他们要比系统默认的要漂亮得多。先看几张图：


                             京东商城底部菜单栏


                            新浪微博底部菜单栏

   好了，看到这些漂亮的菜单栏是不是很惊讶，你可能会说用Button就可以实现啊 ，可是用Button的话控制显示的内容很麻烦，不如用TabHost控制效率更高。很想知道用TabHost是怎么实现的吧，下面就来研究如何实现这种漂亮的TabHost。先看一下效果图：

 

界面比较简单，要想做得漂亮换几张图片就可以了。

  第一步：先在布局（这里用了main.xml创建时自动生成的）里面放上TabHost ，只要将TabHost控件托至屏幕中就可：

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.     <TabHost android:id="@+id/tabhost"   
  3.       android:layout_width="fill_parent"   
  4.       android:layout_height="fill_parent"   
  5.       xmlns:android="http://schemas.android.com/apk/res/android">  
  6.         <LinearLayout android:layout_width="fill_parent"   
  7.           android:id="@+id/linearLayout1"   
  8.           android:layout_height="fill_parent"   
  9.           android:orientation="vertical">  
  10.             <TabWidget android:layout_width="fill_parent"   
  11.               android:layout_height="wrap_content"   
  12.               android:id="@android:id/tabs"></TabWidget>  
  13.             <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@android:id/tabcontent">  
  14.                 <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab1"></LinearLayout>  
  15.                 <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab2"></LinearLayout>  
  16.                 <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab3"></LinearLayout>  
  17.             </FrameLayout>  
  18.         </LinearLayout>  
  19.     </TabHost>  


这里我们已经把LinearLayout和TextView去掉了，并将“xmlns:android="……" ”添加大TabHost里了，这里要注意我们将TabHost的id定义为自己定义的id比不用android规定的id="@android:id/tabhost"。

第二步：创建显示此TabWidget的布局tabmini.xml：

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="40dp"  
  5.     android:paddingLeft="5dip"  
  6.     android:paddingRight="5dip"  
  7.     android:background="@drawable/head_bg">    
  8.       
  9.     <TextView android:id="@+id/tab_label"    
  10.         android:layout_width="fill_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_centerInParent="true"  
  13.         android:gravity="center"  
  14.         android:textColor="#000000"  
  15.         android:textStyle="bold"  
  16.         android:background="@drawable/tabmini"/>   
  17. </RelativeLayout>  


第三步：创建一个selector在drawable里面 命名tabmini.xml，用来点击TabHost的一个tab时TextView的变化：

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     <item android:state_selected="true"  
  5.         android:drawable="@drawable/add_managebg_down"/>  
  6.     <item android:state_selected="false"  
  7.         android:drawable="@drawable/add_managebg"/>  
  8. </selector>  


第四步：在Activity里实现TabHost：

[java] view plaincopy
  1. package cn.li.tabstyle;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.LayoutInflater;  
  6. import android.view.View;  
  7. import android.widget.TabHost;  
  8. import android.widget.TextView;  
  9.   
  10. public class TabHostStyleActivity extends Activity {  
  11.     /** Called when the activity is first created. */  
  12.     @Override  
  13.     public void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.main);  
  16.           
  17.         View niTab = (View) LayoutInflater.from(this).inflate(R.layout.tabmini, null);  
  18.         TextView text0 = (TextView) niTab.findViewById(R.id.tab_label);  
  19.         text0.setText("ni");  
  20.           
  21.         View woTab = (View) LayoutInflater.from(this).inflate(R.layout.tabmini, null);  
  22.         TextView text1 = (TextView) woTab.findViewById(R.id.tab_label);  
  23.         text1.setText("wo");  
  24.           
  25.         View taTab = (View) LayoutInflater.from(this).inflate(R.layout.tabmini, null);  
  26.         TextView text2 = (TextView) taTab.findViewById(R.id.tab_label);  
  27.         text2.setText("ta");  
  28.           
  29.         View weTab = (View) LayoutInflater.from(this).inflate(R.layout.tabmini, null);  
  30.         TextView text3 = (TextView) weTab.findViewById(R.id.tab_label);  
  31.         text3.setText("we");  
  32.           
  33.         TabHost tabHost = (TabHost)findViewById(R.id.tabhost);  
  34.         tabHost.setup();   //Call setup() before adding tabs if loading TabHost using findViewById().   
  35.           
  36.         tabHost.addTab(tabHost.newTabSpec("nitab").setIndicator(niTab).setContent(R.id.tab1));  
  37.         tabHost.addTab(tabHost.newTabSpec("wotab").setIndicator(woTab).setContent(R.id.tab2));  
  38.         tabHost.addTab(tabHost.newTabSpec("tatab").setIndicator(taTab).setContent(R.id.tab3));  
  39.         tabHost.addTab(tabHost.newTabSpec("wetab").setIndicator(weTab).setContent(R.id.tab4));  
  40.     }  
  41. }  


这里我们用findViewById创建了TabHost，这样的话我们就需要在添加tab时调用TabHost的setup()方法；这里我们添加内容时添加的是布局，我们完全可以换成自己创建的Activity。

好了，让我们来看看运行效果吧：



好了，我们自定义的TabHost算是结束了。不过看到Activity里的代码很多都是重复的我们可以这样把他们简化：

[java] view plaincopy
  1. package cn.li.tabstyle;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.LayoutInflater;  
  6. import android.view.View;  
  7. import android.widget.TabHost;  
  8. import android.widget.TextView;  
  9.   
  10. public class TabHostStyleActivity extends Activity {  
  11.     /** Called when the activity is first created. */  
  12.     String[] title = new String[]{"ni","wo","ta","we"};  
  13.     View userTab,articeTab,feedTab,weTab;  
  14.     View[] tabs = new View[]{userTab,articeTab,feedTab,weTab};  
  15.     int[] tabIds = new int[]{R.id.tab1,R.id.tab2,R.id.tab3,R.id.tab4};  
  16.     @Override  
  17.     public void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(R.layout.main);  
  20.           
  21.         TabHost tabHost = (TabHost)findViewById(R.id.tabhost);  
  22.         tabHost.setup();   //Call setup() before adding tabs if loading TabHost using findViewById().   
  23.           
  24.         for(int i=0;i<tabs.length;i++){  
  25.             tabs[i] = (View) LayoutInflater.from(this).inflate(R.layout.tabmini, null);  
  26.             TextView text = (TextView) tabs[i].findViewById(R.id.tab_label);  
  27.             text.setText(title[i]);              
  28.             tabHost.addTab(tabHost.newTabSpec(title[i]).setIndicator(tabs[i]).setContent(tabIds[i]));  
  29.         }  
  30.     }  
  31. }  





另外相关资料：

在上一篇文章中，我们花了大量的篇幅来讲解Fragment这个新引进类的使用，目的就是为了让大家能够牢牢的掌握它的使用方法，以便读者在今后的开发中能够熟练的使用它。

一、实现效果图



二、项目工程结构

三、详细代码编写

1、主tab布局界面，main_tab_layout：

双击代码全选
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
<?xmlversion="1.0"encoding="utf-8"?> 
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"> 
       
    <FrameLayout
        android:id="@+id/realtabcontent"
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"/> 
       
    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/maintab_toolbar_bg"> 
       
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0"/>             
    </android.support.v4.app.FragmentTabHost> 
       
</LinearLayout>

2、Tab按钮选项布局，tab_item_view.xml：

双击代码全选
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
<?xmlversion="1.0"encoding="utf-8"?> 
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"> 
       
    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:padding="3dp"
        android:src="@drawable/tab_home_btn"> 
    </ImageView> 
       
    <TextView
        android:id="@+id/textview"    
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="首页"
        android:textSize="10sp"
        android:textColor="#ffffff"> 
    </TextView> 
       
</LinearLayout>

3、fragment布局界面，这里只列出一个，fragment_1.xml：

双击代码全选
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<spanstyle="font-size:12px;"><?xmlversion="1.0"encoding="utf-8"?> 
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"> 
       
    <ImageView
        android:id="@+id/imageview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scaleType="fitCenter"
        android:src="@drawable/xianjian01"> 
    </ImageView> 
       
</LinearLayout></span>

4、Tab选项的自定义按钮资源文件，列出其中一个按钮，tab_home_btn：

双击代码全选
1
2
3
4
5
6
7
<spanstyle="font-size:12px;"><?xmlversion="1.0"encoding="utf-8"?> 
<selectorxmlns:android="http://schemas.android.com/apk/res/android"> 
       
    <itemandroid:drawable="@drawable/icon_home_sel"android:state_selected="true"/> 
    <itemandroid:drawable="@drawable/icon_home_nor"/> 
       
</selector></span>

5、Tab选项按钮背景资源文件，selector_tab_background.xml：

双击代码全选
1
2
3
4
5
6
7
<spanstyle="font-size:12px;"><?xmlversion="1.0"encoding="utf-8"?> 
<selectorxmlns:android="http://schemas.android.com/apk/res/android"> 
       
    <itemandroid:drawable="@drawable/home_btn_bg"android:state_pressed="true"/> 
    <itemandroid:drawable="@drawable/home_btn_bg"android:state_selected="true"/> 
       
</selector></span>

6、主Activity类，MainTabActivity.java：

双击代码全选
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<span style="font-size:12px;">packagecom.yangyu.mycustomtab02; 
       
importandroid.os.Bundle; 
importandroid.support.v4.app.FragmentActivity; 
importandroid.support.v4.app.FragmentTabHost; 
importandroid.view.LayoutInflater; 
importandroid.view.View; 
importandroid.widget.ImageView; 
importandroid.widget.TabHost.TabSpec; 
importandroid.widget.TextView; 
       
/**
 * @author yangyu
 *  功能描述：自定义TabHost
 */
publicclass MainTabActivity extendsFragmentActivity{   
    //定义FragmentTabHost对象 
    privateFragmentTabHost mTabHost; 
           
    //定义一个布局 
    privateLayoutInflater layoutInflater; 
               
    //定义数组来存放Fragment界面 
    privateClass fragmentArray[] = {FragmentPage1.class,FragmentPage2.class,FragmentPage3.class,FragmentPage4.class,FragmentPage5.class}; 
           
    //定义数组来存放按钮图片 
    privateint mImageViewArray[] = {R.drawable.tab_home_btn,R.drawable.tab_message_btn,R.drawable.tab_selfinfo_btn, 
                                     R.drawable.tab_square_btn,R.drawable.tab_more_btn}; 
           
    //Tab选项卡的文字 
    privateString mTextviewArray[] = {"首页","消息","好友","广场","更多"}; 
           
    publicvoid onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main_tab_layout); 
               
        initView(); 
    } 
            
    /**
     * 初始化组件
     */
    privatevoid initView(){ 
        //实例化布局对象 
        layoutInflater = LayoutInflater.from(this); 
                       
        //实例化TabHost对象，得到TabHost 
        mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost); 
        mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);  
               
        //得到fragment的个数 
        intcount = fragmentArray.length;    
                       
        for(inti = 0; i < count; i++){   
            //为每一个Tab按钮设置图标、文字和内容 
            TabSpec tabSpec = mTabHost.newTabSpec(mTextviewArray[i]).setIndicator(getTabItemView(i)); 
            //将Tab按钮添加进Tab选项卡中 
            mTabHost.addTab(tabSpec, fragmentArray[i], null); 
            //设置Tab按钮的背景 
            mTabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.selector_tab_background); 
        } 
    } 
                       
    /**
     * 给Tab按钮设置图标和文字
     */
    privateView getTabItemView(intindex){ 
        View view = layoutInflater.inflate(R.layout.tab_item_view, null); 
           
        ImageView imageView = (ImageView) view.findViewById(R.id.imageview); 
        imageView.setImageResource(mImageViewArray[index]); 
               
        TextView textView = (TextView) view.findViewById(R.id.textview);         
        textView.setText(mTextviewArray[index]); 
           
        returnview; 
    } 
}</span>

7、Fragment页面，FragmentPage1.java：

双击代码全选
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<span style="font-size:12px;">packagecom.yangyu.mycustomtab02; 
       
importandroid.os.Bundle; 
importandroid.support.v4.app.Fragment; 
importandroid.view.LayoutInflater; 
importandroid.view.View; 
importandroid.view.ViewGroup; 
       
publicclass FragmentPage1 extendsFragment{ 
       
    @Override
    publicView onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {       
        returninflater.inflate(R.layout.fragment_1, null);      
    }    
} 
</span>

源码下载地址


    剑灵奇葩捏脸数据 剑灵奇葩捏脸数据
    原创粉丝点击
    热门IT博客
    施工进度软件施工进度软件
    美妆软件美妆软件
    学美工大概要多少钱
    全景拍摄软件
    mac 跳转到指定路径
    企业服务软件
    暖气片品牌知乎
    linux怎么进入超级用户
    js escape unescape
    文件分类数据分析报告
    淘宝网商城女装羊毛衫
    剑杆织布机电脑编程
    淘宝刷信平台
    2016兄弟连php视频
    淘宝买家会员登记表
    人工智能论坛aianyun
    linux 修改语言
    cache的功能是处理数据
    高清电视网络直播
    金山毒霸添加信任软件
    热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 腋下起红疙瘩怎么办 身上长圆形红斑怎么办 宝宝脖子红红的怎么办 哺乳期身上长藓怎么办 股癣治不好了怎么办 产妇脸上长癣怎么办 脸上长癣怎么办啊 面部长皮肤癣怎么办 大腿上鸡皮肤怎么办 大腿内侧长痱子怎么办 梅毒一年后复发怎么办 小孩头痛恶心是怎么办 上嘴唇有白点怎么办 上嘴唇红肿疼痛怎么办 嘴唇上长颗粒怎么办 嘴唇好多小颗粒怎么办 移情别恋了怎么办 主播没人互动怎么办 上大便时出血怎么办 演唱会票丢了怎么办 被苍蝇咬了怎么办 acfun搜索闪退怎么办 住宅产权70年后怎么办 大产权70年后怎么办 商业房产权到期怎么办 自慰被爸爸看到怎么办 晚上睡眠浅易醒怎么办 宝宝下半夜不睡怎么办 宝宝半夜不睡觉怎么办 宝宝睡眠不好是怎么办 半夜回家走错门怎么办 半夜想啪啪了怎么办 丈夫晚上不回家怎么办 老婆半夜出去玩怎么办 半夜剪了指甲怎么办 不会用百度地图怎么办 饿得胃疼怎么办 哈林结婚吴莫愁怎么办 16岁190cm怎么办 钱包丢了怎么办啊 钱包掉了该怎么办

    程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里