教你使用Fragment + ViewPager制作一款底部滑动APP

滑动切换页面是一个很普遍基础的技术，很多APP的开发都会涉及到这部分。今天就由我来带领你们“吃通”这个技术。

先展示一下效果:

项目源代码的地址:
https://github.com/WeCheir/Fragment-ViewPager

首先，创建一个空的MainActivity

public class MainActivity extends AppCompatActivity {
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

修改activity_main中的布局，添加三个RadioButton和一个ViewPager。
为了减少代码代码量,先在style.xml中添加下面几段代码:

<style name="radioBtn">
        <item name="android:button">@null</item>
        <item name="android:padding">15dp</item>
        <item name="android:gravity">center</item>
    </style>

在每一个RadioButton中都调用这个style

style="@style/radioBtn"

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <RadioGroup
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:orientation="horizontal"
            android:background="#EDEDED"
            android:id="@+id/radioGroup">

        <RadioButton
                android:text="首页"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/home"
                android:layout_weight="1"
                style="@style/radioBtn"
                android:padding="15dp"
                android:checked="true" />
        <RadioButton
                android:text="新闻