tab按下效果,使用LinearLayout + ImageView.和LinearLayout + Button

tab按下效果时要使用使用LinearLayout + ImageView.

LinearLayout 注意要加 android:clickable="true" 属性，

tab 上小图标用 ImageView（如果用Button的话，点了bottom  LinearLayout 就没响应 ，原理其简单。当然button做大点 给按钮做selector 也是一种方式  ）

drawable/home_tab_bar_pressed.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" android:drawable="@drawable/home_tab_bg_pressed" />

    <item android:state_focused="true" android:state_pressed="false"
android:drawable="@drawable/home_tab_bg_pressed" />
<item android:drawable="@drawable/home_tab_bar_bg" />

</selector>

<LinearLayout

            android:id="@+id/tab_1"

            android:layout_width="0dip"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:background="@drawable/home_tab_bar_pressed"

            android:clickable="true"

            android:gravity="center"

            android:orientation="vertical"

            android:paddingBottom="7dip"

            android:paddingTop="9dip" >

            <ImageView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:background="@drawable/ic_chat_bubble"

                />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:gravity="center_vertical"

                android:text="消息"

                android:textColor="#666666"

                android:textSize="12sp" />
        </LinearLayout>