今天下午刚写了一篇制作TabLayout的博文:
https://blog.csdn.net/zhouyingge1104/article/details/116565656
默认的Tab位置是页面顶端:
现在要求升级,要把Tab放到页面底端,这确实更符合主流,现在很多知名APP的Tab都是在底部的,例如某个应用市场:
网上找到了相对简单的解决方案,只要修改XML:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/tabLayout" />
<android.support.design.widget.TabLayout
android:layout_alignParentBottom="true"
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"/>
</RelativeLayout>
</android.support.constraint.ConstraintLayout>
效果: