TextView + 背景设置， 产生自定义Tab选中效果

效果图如下所示:

第二个点击是这样的:

因此这是一个个性化定制比较强的Tab, 值得拥有， 关键要实现的地方如下:

第一: Layout中的布局

 <TextView android:layout_gravity="center_vertical" android:background="@drawable/selector_food_cls"
   android:layout_width="match_parent" android:layout_weight="1"
   android:layout_height="wrap_content"
   android:clickable="true"
   android:focusable="true"
   android:focusableInTouchMode="true"
   android:id="@+id/veg_id"
   android:text="蔬菜" />

上述红色部分非常关键，将影响到Selector的控制, 接下来重要部分就是Selector了:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_focused="true" android:drawable="@drawable/nav_hover" />
    <item android:state_pressed="true" android:drawable="@drawable/nav_hover"/>
    <item android:drawable="@drawable/nav_a" />
</selector> 

至此，问题完美解决！

完整代码，请查看