如何为Android TabHost底部Tab添加阴影？

看起来你遇到的是TabHost的TabWidget设置elevation后没有阴影效果的常见问题，我来给你几个针对这段代码的可行思路：

思路1：给TabWidget添加带背景的父容器来承载阴影 #

TabWidget本身是一个容器控件，直接给它加elevation可能因为没有实体背景导致阴影无法显示。你可以把TabWidget放在一个LinearLayout或者RelativeLayout里，给这个父容器设置elevation和不透明的背景，这样阴影就能正常渲染了：

修改你的布局代码：

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <!-- 新增包裹TabWidget的容器 -->
        <LinearLayout
            android:id="@+id/tab_container"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:elevation="10dp"
            android:background="@android:color/white"> <!-- 设置不透明背景，让阴影有渲染载体 -->

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="5dp"
            android:layout_above="@id/tab_container"> <!-- 调整内容区域位置，避免遮挡阴影 -->

            <!-- 原有的Tab内容布局保持不变 -->
            <LinearLayout
                android:id="@+id/tab1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:elevation="10dp"
                android:orientation="vertical">
                <include layout="@layout/tab1" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab2"
                android:layout_width="match_parent"
                android:layout_height="450dp"
                android:orientation="vertical">
                <include layout="@layout/tab2" />
            </LinearLayout>
        </FrameLayout>
    </RelativeLayout>
</TabHost>

思路2：检查TabWidget的默认样式干扰 #

TabWidget的系统默认样式可能自带一些属性影响elevation的显示，你可以尝试给TabWidget补充阴影相关属性，配合elevation一起使用：

<TabWidget
    android:id="@android:id/tabs"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:elevation="10dp"
    android:shadowColor="#33000000"
    android:shadowRadius="4dp" />

不过这个方法的效果可能因系统版本差异而不稳定，更推荐思路1的方案。

思路3：避免内容区域遮挡阴影 #

你的FrameLayout原本是填充整个父布局的，要确保它的底部不会覆盖TabWidget的阴影区域。除了用android:layout_above调整位置，也可以给FrameLayout增加底部内边距，数值大于你的elevation值，比如：

android:paddingBottom="15dp"

另外，如果你后续考虑升级技术栈，Android官方推荐的BottomNavigationView（属于Material Components库）自带阴影效果，使用起来会更便捷，但如果要坚持用TabHost的话，上面的思路应该能解决你的问题。

内容的提问来源于stack exchange，提问作者Jose