Android进阶：手把手教你实现高仿微信底部导航栏动画，一份字节跳动面试官给你的Android技术面试指南

android:layout_height=“40dp”

android:gravity=“center_horizontal”

android:orientation=“vertical”>

<FrameLayout

android:layout_width=“wrap_content”

android:layout_height=“0dp”

android:layout_weight=“1”>

<ImageView

android:id="@+id/tab_image"

android:layout_width=“wrap_content”

android:layout_height=“match_parent” />

<ImageView

android:id="@+id/tab_image_top"

android:layout_width=“wrap_content”

android:layout_height=“match_parent” />

<TextView

android:id="@+id/tab_title"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textSize=“12sp” />

android:id="@+id/tab_title"的TextView显示标题。android:id="@+id/tab_image"的ImageView显示的是一个轮廓图片，也就是未选中时候的图片。android:id="@+id/tab_image_top"的ImageView在android:id="@+id/tab_image"的ImageView之上，显示的是选中时候的图片。轮廓图片和选中的图片，可以看下如下的图片例子