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> 

至此,问题完美解决!


完整代码,请查看




©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页