<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    The important thing in life is to have a great aim , and the determination

    常用鏈接

    統計

    IT技術鏈接

    保險相關

    友情鏈接

    基金知識

    生活相關

    最新評論

    修改TabHost默認樣式(文字居中)

    修改TabHost默認樣式

    TabHost是Android提供的一個容器組件,利用它可以輕松地實現TAB界面,如下圖所示:

    但很多時候,默認的TAB樣式并不符合軟件的整體風格,這時候該怎么辦呢?其實,我們可以編寫XML對其樣式進行修改。下面修改后的效果圖:

    1. TabHost布局文件 main.xml

    	<TabHost
    	    android:id="@+id/tabhost"  
    	    android:layout_width="fill_parent"
    	    android:layout_height="fill_parent">
    <LinearLayout  
    	        android:orientation="vertical"
    	        android:layout_width="fill_parent"  
    	        android:layout_height="fill_parent">
    <TabWidget  
    	            android:id="@android:id/tabs"
    	            android:layout_width="fill_parent" 
    	            android:layout_height="30dip"
    	            android:background="#a0a0a0"
    	            android:layout_weight="0" />
    <FrameLayout  
    	            android:id="@android:id/tabcontent"  
    	            android:layout_width="fill_parent"  
    	            android:layout_height="fill_parent"
    	            android:layout_weight="1">
    <ListView 
    				    android:id="@+id/user_list"
    				    android:layout_width="fill_parent"
    				    android:layout_height="fill_parent" 
    				    android:divider="@drawable/divider_line"
    				    android:cacheColorHint="#00000000" />
    <ListView 
    				    android:id="@+id/article_list"
    				    android:layout_width="fill_parent"
    				    android:layout_height="fill_parent" 
    				    android:divider="@drawable/divider_line"
    				    android:cacheColorHint="#00000000" />
    <ListView 
    				    android:id="@+id/feed_list"
    				    android:layout_width="fill_parent"
    				    android:layout_height="fill_parent" 
    				    android:divider="@drawable/divider_line"
    				    android:cacheColorHint="#00000000" />
    <ListView 
    				    android:id="@+id/book_list"
    				    android:layout_width="fill_parent"
    				    android:layout_height="fill_parent" 
    				    android:divider="@drawable/divider_line"
    				    android:cacheColorHint="#00000000" />
    </FrameLayout>
    </LinearLayout>
    </TabHost>


    FrameLayout里有四個ListView 分別對應用戶、文章、頻道、圖書。
    TabWidget和FrameLayout的ID不能自己定義修改。




    2. Activity后臺代碼
    RelativeLayout articleTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
                TextView articleTabLabel = (TextView) articleTab.findViewById(R.id.tab_label);
                articleTabLabel.setText("文章");
                 
                RelativeLayout feedTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
                TextView feedTabLabel = (TextView) feedTab.findViewById(R.id.tab_label);
                feedTabLabel.setText("頻道");
                 
                RelativeLayout bookTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
                TextView bookTabLabel = (TextView) bookTab.findViewById(R.id.tab_label);
                bookTabLabel.setText("圖書");
                 
                TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
                tabHost.setup();
                 
                tabHost.addTab(tabHost.newTabSpec("user").setIndicator(userTab).setContent(R.id.user_list));
                tabHost.addTab(tabHost.newTabSpec("article").setIndicator(articleTab).setContent(R.id.article_list));
                tabHost.addTab(tabHost.newTabSpec("feed").setIndicator(feedTab).setContent(R.id.feed_list));
                tabHost.addTab(tabHost.newTabSpec("book").setIndicator(bookTab).setContent(R.id.book_list));


    TabHost創建出來以后,必須先setup一下,tabHost.setup();

    setIndicator方法設置的View其實就對應了TAB中的一個個選項卡,它們都是通過一個叫minitab的布局文件inflate出來的
    3. 選項卡布局文件minitab.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:paddingLeft="5dip"
        android:paddingRight="5dip">
     
    <TextView android:id="@+id/tab_label"  
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center"
            android:textColor="#000000"
            android:textStyle="bold"
            android:background="@drawable/minitab" />
    </RelativeLayout>

    drawable/minitab是一個selector,指定了Tab選項卡的背景顏色。

    4. selector文件 minitab.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector
    	xmlns:android="http://schemas.android.com/apk/res/android"
    	>
    <item
    		android:state_selected="false"
    		android:drawable="@drawable/minitab_unselected"
    		>
    </item>
    <item
    		android:state_selected="true"
    		android:drawable="@drawable/minitab_default"
    		>
    </item>
    </selector>


    minitab_unselected是一淺藍色背景圖片
    minitab_default是一白色背景圖片




    posted on 2011-02-16 11:28 鴻雁 閱讀(5994) 評論(0)  編輯  收藏 所屬分類: IT技術相關

    主站蜘蛛池模板: 国产亚洲视频在线播放| 国产免费观看黄AV片| 国产成人免费a在线资源| 亚洲狠狠成人综合网| 亚洲国产精品无码久久| 久久久久国产精品免费免费搜索| 91情国产l精品国产亚洲区| 久久精品免费视频观看| 亚洲伦另类中文字幕| 亚洲乱人伦中文字幕无码| 丁香花在线观看免费观看| 亚洲色大成网站www永久网站| 色www永久免费视频| 色吊丝免费观看网站| 久久aa毛片免费播放嗯啊| 国产AV无码专区亚洲精品| 91大神免费观看| jiz zz在亚洲| 亚洲AV成人潮喷综合网| 亚洲AV区无码字幕中文色| 久久ww精品w免费人成| 国产精品亚洲午夜一区二区三区| 好吊妞788免费视频播放| 免费国产黄网站在线看| 亚洲色精品88色婷婷七月丁香| 99re免费视频| 久久亚洲精品无码gv| 亚洲中文字幕无码一区二区三区| 日韩精品内射视频免费观看| 亚洲国产日韩在线一区| 免费观看四虎精品国产永久| 最新亚洲成av人免费看| ww亚洲ww在线观看国产| 亚洲AV伊人久久青青草原| 久久综合久久综合亚洲| 亚洲欧洲久久久精品| 日韩内射激情视频在线播放免费| 亚洲一区二区三区丝袜| 亚洲日韩精品一区二区三区无码 | 精品亚洲成A人无码成A在线观看 | 免费无码黄动漫在线观看|