shape与selector配合使用实现Tab下划线效果

柔情只为你懂 2021-11-10 07:46 316阅读 0赞

在使用Tabhost和ViewPager实现tab翻页的时候，需要在tab中加入下划线，效果如图

![421366-20151029164200669-541624193.jpg][]

这里不打算用图片当背景，而是通过shape来画下划线。

对于一个tab的布局，

<RelativeLayout>
        <TextView />
        <View
            android:width="match_parent"
            android:height="2dp"
    　　　　 android:background="@drawable/selector_tab_line"
    />
    </RelativeLayout>

以下是selector\_tab\_line.xml文件的实现，其中含shape的实现

<selector>
        <item android:state_selected="true">
                  <shape>
                            <stroke android:width="1dp"    android:color="@color/tab_selected"/>   
                            <solid  android:color="@color/tab_selected"/>
                  </shape>
        </item>
    
         <item android:state_selected="true">
                   <shape>
                            <stroke android:width="1dp"           android:color="@color/tab_normal"/>
                            <solid  android:color="@color/tab_normal"/>
                  </shape>
        </item>
    </selector>

转载于:https://www.cnblogs.com/ivan-aldrich/p/4921001.html

[421366-20151029164200669-541624193.jpg]: /images/20211109/0321696208a24a90bf5a659cf9bc0b55.png

发表评论取消回复

表情：

评论列表（有 0 条评论，316人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序怎么打出横线效果_如何实现小程序tab栏下划线动画效果

本文主要介绍了如何实现小程序tab栏下划线动画效果，分享给大家，具体如下：最终效果 ![Image 1][] 实现 wxml \{ \{item\}\} wxss

￡神魔★判官ぃ/ 2023年01月01日 06:51/ 0 赞/ 117 阅读

相关 Vue.js实现tab切换效果

利用Vue实现简易tab切换效果 1.1 在我们平时浏览网站的时候，经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后，开始要写出一

骑猪看日落/ 2022年10月02日 10:51/ 0 赞/ 257 阅读

相关 android实现对导航Tab设置下划线选中效果

直接看效果。此linearLayout只有两个Button ,当选中Button1,Button1有个下划线选中效果。当选中Buton2，Button2有个下划线选中效果。

比眉伴天荒/ 2022年08月06日 08:28/ 0 赞/ 246 阅读

相关 Drawable Resources selector和shape 用法

官方API地址 http://developer.android.com/guide/topics/resources/drawable-resource.html\sele

末蓝、/ 2022年08月04日 19:27/ 0 赞/ 164 阅读

相关 selector，shape的自定义使用

1.selector的使用详解 1.创建selector的xml资源文件右击drawable目录--》点击new--》Drawable resource file

青旅半醒/ 2022年07月16日 01:26/ 0 赞/ 178 阅读

相关探索Android中selector和shape的结合使用

原文链接：https://blog.csdn.net/qq\_20785431/article/details/50198315 Android中的Selector（背景选择

淩亂°似流年/ 2022年05月21日 04:24/ 0 赞/ 243 阅读

相关使用原生实现tab切换+slideToggle效果

\\问题描述：\\当tab切换时，由于tab对应的内容不同，导致内容容器的高度的不同。直接的切换显示内容显得太僵硬了，所以希望内容容器根据内容的多少实现slideToggle

向右看齐/ 2022年03月17日 07:08/ 0 赞/ 388 阅读

相关 wxPython实现Tab页效果

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 效果： ![091642\_b4H6\_2396236

梦里梦外;/ 2022年01月13日 16:21/ 0 赞/ 424 阅读

相关 shape与selector配合使用实现Tab下划线效果

在使用Tabhost和ViewPager实现tab翻页的时候，需要在tab中加入下划线，效果如图 ![421366-20151029164200669-541624193.j

柔情只为你懂/ 2021年11月10日 07:46/ 0 赞/ 317 阅读

相关手把手教你Shape，Selector实战--打造底部Tab菜单

第一：是什么？我们在之前讲过shape以及selector的使用了，它们作为Android开发当中的样式开发，使用率是比较高的，而底部Tab菜单的开发也是经常用到的，今

秒速五厘米/ 2021年09月14日 12:12/ 0 赞/ 345 阅读