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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ostrichmyself/article/details/42008765

效果图如下所示:


第二个点击是这样的:



因此这是一个个性化定制比较强的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> 

至此,问题完美解决!


完整代码,请查看




展开阅读全文

没有更多推荐了,返回首页