采用ViewPage+FragmentStatePagerAdapter实现的左右滑屏

效果见我的前一篇博文：https://blog.csdn.net/bigc2001/article/details/112851368，本文只是换了一种实现方式，另外增加了点击全屏效果。

1，布局

布局文件总共有四个：activity_main.xml、activity_frag0.xml、activity_frag1.xml、activity_frag2.xml，第一个为主布局，后三个分别为各界面布局。

主布局仍然是上下三个部分：viewpager、色块行、单选按钮行：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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"
    tools:context=".MainActivity">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@id/viewSpace0"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/viewSpace0"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:background="@color/tab_space_normal"
        app:layout_constraintBottom_toTopOf="@id/radioGroup1"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@id/viewSpace1" />

    <View
        android:id="@+id/viewSpace1"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:background="@color/tab_space_normal"
        app:layout_constraintBottom_toTopOf="@id/radioGroup1"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintLeft_toRightOf="@id/viewSpace0"
        app:layout_constraintRight_toLeftOf="@id/viewSpace2" />

    <View
        android:id="@+id/viewSpace2"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:background="@color/tab_space_normal"
        app:layout_constraintBottom_toTopOf="@id/radioGroup1"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintLeft_toRightOf="@id/viewSpace1"
        app:layout_constraintRight_toRightOf="parent" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent">

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/radio_select_background"
            android:button="@null"
            android:checked="true"
            android:gravity="center_horizontal|center"
            android:text="仪表盘"
            android:textColor="@color/color_radio_font" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/radio_select_background"
            android:button="@null"
            android:gravity="center_horizontal|center"
            android:text="保养记录"
            android:textColor="@color/color_radio_font" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/radio_select_background"
            android:button="@null"
            android:gravity="center_horizontal|center"
            android:text="设置"
            android:textColor="@color/color_radio_font" />
    </RadioGroup>

</androidx.constraintlayout.widget.ConstraintLayout>

注意我在主布局中各个元素的命名，若干个平行位置的元素都是名称前半部相同后面从0开始排序，这样是有目的的后续可以方便的访问到【注1】。

各子页面布局都一样，例如activity_frag0.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#c060c0"
    android:clickable="true"
    android:focusable="true"
    android:orientation="vertical">

    <TextView
        android:id="@+id/txt_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="第一个"
        android:textSize="20sp" />

</LinearLayout>

注意子布局在根部增加了响应点击事件的属性，用于点击后切换全屏显示。

MainActivity.java：

package csdn.bigc2001.elm327sii;

import androidx.annotation.NonNull;
import androidx.appcompat.app.ActionBar;
import androidx.appcompat.app.AppCompatActivity;
import androidx.constraintlayout.widget.ConstraintLayout;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentStatePagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Layout;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import java.lang.ref.WeakReference;

public class MainActivity extends AppCompatActivity {
    private static final String tag = "+>MainActivity";
    private ViewPager viewPager;
    private int pageSize = 3;
    private RadioGroup radioGroup1;
    private boolean activeByRadio = false;
    private MnHandler mnHandler = new MnHandler(this);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        this.viewPager = this.findViewById(R.id.viewPager);
        this.viewPager.setAdapter(new FragmentStatePagerAdapter(getSupportFragmentManager(), FragmentStatePagerAdapter.BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT) {
            @NonNull
            @Override
            public Fragment getItem(int position) {
                switch (position) {
                    case 0:
                        return new ActivityFrag0(mnHandler);
                    case 1:
                        return new ActivityFrag1(mnHandler);
                    case 2:
                        return new ActivityFrag2(mnHandler);
                }
                return null;
            }

            @Override
            public int getCount() {
                return pageSize;
            }
        });
        this.viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //Log.d(tag, "-----onPageScrolled----");
            }

            @Override
            public void onPageSelected(int position) {
                Log.d(tag, "-----onPageSelected----" + position);
                if (!activeByRadio) lightRadio(position);
                activeByRadio = false;
                lightSpace(position);
                lightTitle(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                //Log.d(tag, "----onPageScrollStateChanged-----" + state);
            }
        });
        this.radioGroup1 = this.findViewById(R.id.radioGroup1);
        //设置单选事件
        radioGroup1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                activeByRadio = true;
                int index = 0;
                for (int i = 0; i < pageSize; i++) {
                    if (checkedId == radioGroup1.getChildAt(i).getId()) {
                        index = i;
                        break;
                    }
                }
                showPage(index);
            }
        });
    }

    @Override
    protected void onStart() {
        super.onStart();
        this.lightSpace(0);
        this.lightTitle(0);
    }

    private void showPage(int index) {
        this.viewPager.setCurrentItem(index);
    }

    private void lightTitle(int index) {
        RadioButton rBut = (RadioButton) this.radioGroup1.getChildAt(index);
        this.setTitle(rBut.getText());
    }

    private void lightRadio(int index) {
        //选项
        RadioButton rb = this.getElement("radio", index);
        rb.setChecked(true);
    }

    private void lightSpace(int index) {
        //色条
        for (int i = 0; i < pageSize; i++) {
            View viewSpace = this.getElement("viewSpace", i);
            if (i == index)
                viewSpace.setBackgroundColor(getResources().getColor(R.color.tab_space_checked));
            else viewSpace.setBackgroundColor(getResources().getColor(R.color.tab_space_normal));
        }
    }

    public static class MnHandler extends Handler {
        private WeakReference<MainActivity> weakActivity;
        public static final int WHAT_FRAG_CLICKED = 100;

        public MnHandler(MainActivity act) {
            this.weakActivity = new WeakReference<>(act);
        }

        public void handleMessage(Message msg) {
            MainActivity activity = weakActivity.get();
            if (activity == null || msg == null) return;
            switch (msg.what) {
                case WHAT_FRAG_CLICKED:
                    activity.fullScreen();
                    break;
            }
        }
    }

    private boolean isFullScreen = false;

    private void fullScreen() {
        if (isFullScreen) {
            //退出全屏
            WindowManager.LayoutParams attrs = getWindow().getAttributes();
            attrs.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
            getWindow().setAttributes(attrs);
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
            //显示标题
            ActionBar actionBar = getSupportActionBar();
            if (actionBar != null) actionBar.show();
            //显示切换按钮
            int cc = this.radioGroup1.getChildCount();
            for (int i = 0; i < cc; i++) {
                RadioButton radioButton = (RadioButton) this.radioGroup1.getChildAt(i);
                ViewGroup.LayoutParams layoutParams = radioButton.getLayoutParams();
                layoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT;
                radioButton.setLayoutParams(layoutParams);
            }
        } else {
            //全屏
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
            //隐藏标题栏
            ActionBar actionBar = getSupportActionBar();
            if (actionBar != null) actionBar.hide();
            //隐藏下方切换按钮
            int cc = this.radioGroup1.getChildCount();
            for (int i = 0; i < cc; i++) {
                RadioButton radioButton = (RadioButton) this.radioGroup1.getChildAt(i);
                ViewGroup.LayoutParams layoutParams = radioButton.getLayoutParams();
                layoutParams.height = 0;
                radioButton.setLayoutParams(layoutParams);
            }
        }
        isFullScreen = !isFullScreen;
    }

    /**
     * 根据根据id名称获得元素对象
     * @param name
     * @param index
     * @param <T>
     * @return
     */
    @SuppressWarnings({"TypeParameterUnusedInFormals", "unchecked"})
    private <T extends View> T getElement(String name, int index) {
        int id = this.getResources().getIdentifier(name + index, "id", this.getPackageName());
        return (T) this.findViewById(id);
    }
}

最后一个方法getElement见【注1】。

各子界面的java类类似，例如ActivityFrag0.java：

package csdn.bigc2001.elm327sii;

import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.NumberPicker;

import androidx.fragment.app.Fragment;

public class ActivityFrag0 extends Fragment {
    private static final String tag = "+>ActivityFrag0";
    private MainActivity.MnHandler mnHandler;

    public ActivityFrag0(MainActivity.MnHandler handler) {
        super();
        this.mnHandler = handler;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_frag0, container, false);
        view.getRootView().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d(tag, "=====0=====");
                mnHandler.obtainMessage(MainActivity.MnHandler.WHAT_FRAG_CLICKED).sendToTarget();
            }
        });
        return view;
    }

    @Override
    public void onStart() {
        super.onStart();
        Log.d(tag, "===onStart");
    }

    @Override
    public void onResume() {
        super.onResume();
        Log.d(tag, "===onResume");
    }

    @Override
    public void onPause() {
        super.onPause();
        Log.d(tag, "===onPause");
    }

    @Override
    public void onStop() {
        super.onStop();
        Log.d(tag, "===onStop");
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        Log.d(tag, "===onDestroy");
    }
}

运行整个项目你可以看到在显示某个页面的时候打印了不同的onResume日志、不显示时的onPause日志。其实也就是这一点促使我从前一个方案修改为本例的Framgent方案的。

附源码下载：https://download.csdn.net/download/bigc2001/14887749