<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技術相關

    主站蜘蛛池模板: 无码亚洲成a人在线观看| 天天干在线免费视频| 成在线人直播免费视频| 亚洲人成影院午夜网站| 欧洲亚洲国产清在高| 亚洲国产精品成人| 国产国拍精品亚洲AV片| 毛片免费在线视频| 久久大香伊焦在人线免费| xxxxx做受大片视频免费| 亚洲AV永久无码精品放毛片| 91亚洲视频在线观看| 亚洲国产精品久久久久| 亚洲色中文字幕无码AV| 成人亚洲综合天堂| 成人免费午夜视频| 99久久综合国产精品免费| 久久精品无码专区免费青青| 国产永久免费高清在线| 男女一边摸一边做爽的免费视频| 337p日本欧洲亚洲大胆人人| 亚洲七久久之综合七久久| 亚洲一区电影在线观看| 久久亚洲精品成人无码网站| 亚洲色四在线视频观看| 亚洲va久久久噜噜噜久久天堂| 亚洲精品字幕在线观看| 亚洲精品国产品国语在线| 亚洲真人无码永久在线| 亚洲中文字幕无码一区| 国产亚洲欧洲Aⅴ综合一区| 亚洲无码视频在线| 久久亚洲AV永久无码精品| 亚洲综合色视频在线观看| AV在线亚洲男人的天堂| 亚洲日韩在线第一页| 91麻豆国产自产在线观看亚洲| 久久精品国产精品亚洲下载| 亚洲乱码中文字幕久久孕妇黑人 | 亚洲高清不卡视频| 亚洲欧洲国产精品久久|