采用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.ViewPagerandroid:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="0dp"app:layout_constraintBottom_toTopOf="@id/viewSpace0"app:layout_constraintTop_toTopOf="parent" /><Viewandroid: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" /><Viewandroid: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" /><Viewandroid: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" /><RadioGroupandroid:id="@+id/radioGroup1"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"app:layout_constraintBottom_toBottomOf="parent"><RadioButtonandroid: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" /><RadioButtonandroid: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" /><RadioButtonandroid: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"><TextViewandroid: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);@Overrideprotected 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@Overridepublic 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;}@Overridepublic int getCount() {return pageSize;}});this.viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {//Log.d(tag, "-----onPageScrolled----");}@Overridepublic void onPageSelected(int position) {Log.d(tag, "-----onPageSelected----" + position);if (!activeByRadio) lightRadio(position);activeByRadio = false;lightSpace(position);lightTitle(position);}@Overridepublic void onPageScrollStateChanged(int state) {//Log.d(tag, "----onPageScrollStateChanged-----" + state);}});this.radioGroup1 = this.findViewById(R.id.radioGroup1);//设置单选事件radioGroup1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic 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);}});}@Overrideprotected 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;}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {View view = inflater.inflate(R.layout.activity_frag0, container, false);view.getRootView().setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.d(tag, "=====0=====");mnHandler.obtainMessage(MainActivity.MnHandler.WHAT_FRAG_CLICKED).sendToTarget();}});return view;}@Overridepublic void onStart() {super.onStart();Log.d(tag, "===onStart");}@Overridepublic void onResume() {super.onResume();Log.d(tag, "===onResume");}@Overridepublic void onPause() {super.onPause();Log.d(tag, "===onPause");}@Overridepublic void onStop() {super.onStop();Log.d(tag, "===onStop");}@Overridepublic void onDestroy() {super.onDestroy();Log.d(tag, "===onDestroy");}
}

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

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

采用ViewPage+FragmentStatePagerAdapter实现的左右滑屏相关推荐

有图有真相！同是滑屏，荣耀Magic2不只比小米MIX3缝隙小，还更稳定
目前滑屏手机已经成大家购买手机的标准,在众多滑屏结构机型中哪款滑屏手机最好成为大家热议的话题.在小米MIX3发布后,很多人都在吐槽滑屏结构缝隙很大,不少同行把希望都押宝在荣耀Magic2身上.不过在荣 ...
H5案例分享：移动端滑屏 touch事件
移动端滑屏 touch事件移动端触屏滑动的效果的效果在电子设备上已经被应用的越来越广泛,类似于PC端的图片轮播,但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch ...
Android中实现Launcher功能之四---滑屏初探 scrollTo 以及 scrollBy方法使用说明
本文原创 ,转载必须注明出处 :http://blog.csdn.net/qinjuning 今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中 ...
jsp页面div上下滑动_H5单页面手势滑屏切换原理
H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路. 实现原理假 ...
android 使用shell模拟触屏_Appium常用操作之「微信滑屏、触屏操作」
坚持原创输出,点击蓝字关注我吧作者:清菡博客:oschina.云+社区.知乎等各大平台都有. 目录一.滑屏操作 1.访问之后,马上就滑屏可以吗? 2.连续实现 2 次滑屏 3.代码二.模拟触屏 ...
html5页面的手势,HTML5单页面手势滑屏切换如何实现
这次给大家带来HTML5单页面手势滑屏切换如何实现,怎么实现HTML5单页面手势滑屏切换?HTML5单页面手势滑屏切换的注意事项有哪些,下面就是实战案例,一起来看一下. H5单页面手势滑屏切换是采用H ...
html 滑屏效果,HTML5 web app实现手动页面滑屏效果
现在很流行在H5页面滑屏的效果,特别是在微信浏览器窗口中,几乎很多推广的活动是使用到上下滑屏,一开始和前端的同事一起合作写滑屏效果花费了很多的时间,而且写出来的页面在浏览器的兼容上踩了很多坑,于是果断 ...
android 滑动取值_Android中滑屏实现
前言: 虽然本文标题的有点标题党的感觉,但无论如何,通过这篇文章的学习以及你自己的实践认知,写个简单的滑屏小 Demo还是justso so的. 友情提示: 在继续往下面读之前,希望您对以下知识点有 ...
安卓自动滑屏脚本_自动滑屏软件下载-自动滑屏安卓版v3.1.0-PC6安卓网
自动滑屏脚本是一款特别神奇的安卓手机美化型实用工具.自动滑屏软件拥能支持自定义编辑代码脚本,通过自动滑屏app可以让大家的手机体验度得到很大程度改进,使用起来更顺手! 软件介绍自动滑屏脚本是一款不需 ...

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

1，布局

采用ViewPage+FragmentStatePagerAdapter实现的左右滑屏相关推荐

最新文章

热门文章