Android: 사용자 정의 탭 스타일

1. 9patch tab 스타일 4 개 만 들 기, android 기본 자원 참조
tab_unselected.9.png tab_selected.9.pngtab_press.9.pngtab_focus.9.png
이 네 개의 자원 은 각각 Tab 의 네 가지 상 태 를 대표 한다.
2. Tab 의 selector 스타일 을 정의 합 니 다 (tab indicator. xml 라 고 부 릅 니 다). drawable 폴 더 에 넣 으 면 코드 는 다음 과 같 습 니 다.
 

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
    <!-- Non focused states -->  
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected" />  
    <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected" />  
    <!-- Focused states -->  
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_focus" />  
    <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_focus" />  
    <!-- Pressed -->  
    <item android:state_pressed="true" android:drawable="@drawable/tab_press" />  
</selector>  

 
3. indicator 의 레이아웃 파일 을 작성 합 니 다 (tab indicator. xml 라 고도 부 릅 니 다). layot 폴 더 에 넣 으 면 코드 는 다음 과 같 습 니 다.
 

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="0dip"  
    android:layout_height="64dip"  
    android:layout_weight="1"  
    android:layout_marginLeft="-3dip"  
    android:layout_marginRight="-3dip"  
    android:orientation="vertical"  
    android:background="@drawable/tab_indicator">  
    <ImageView android:id="@+id/icon"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerHorizontal="true"  
    />  
    <TextView android:id="@+id/title"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentBottom="true"  
        android:layout_centerHorizontal="true"  
        style="?android:attr/tabWidgetStyle" mce_style="?android:attr/tabWidgetStyle"  
    />  

 
4. 다음은 TabActivity 에서 우리 가 작성 한 Tab 스타일 을 사용 합 니 다.
 

//     TabWidget  
mTabHost = getTabHost();  
LinearLayout ll = (LinearLayout)mTabHost.getChildAt(0);  
TabWidget tw = (TabWidget)ll.getChildAt(0);  

 
그리고 다음 과 같은 코드 로 TabSpec 를 만 들 면 큰 성 과 를 거 둘 수 있 습 니 다.
 

RelativeLayout tabIndicator1 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tab_indicator, tw, false);  
TextView tvTab1 = (TextView)tabIndicator1.getChildAt(1);  
tvTab1.setText("tab1");  
mTabHot = mTabHost.newTabSpec("TAB_1")  
        .setIndicator(tabIndicator1)  
        .setContent(contentIntent);