Android ViewPager2 + Fragment 联动效果的实现思路

 更新时间:2022年12月01日 08:52:40   作者:AskaJohnny  
这篇文章主要介绍了Android ViewPager2 + Fragment 联动,本篇主要介绍一下 ViewPager2 + Fragment联动效果的实现思路,需要的朋友可以参考下

Android ViewPager2 + Fragment 联动

本篇主要介绍一下 ViewPager2 + Fragment , 上篇中简单使用了ViewPager2 实现了一个图片的滑动效果, 那图片视图可以滑动, ViewPager2也可以滑动 Fragment

概述

ViewPager2 官方对它的描述就是 以可滑动的格式显示视图或 Fragment 也就说明提供了滑动Fragment的实现 并且还很简单, 下面来看看吧

实现思路

1.Activity 布局文件中引入 ViewPager2 控件

2.编写 Fragment 用于填充到ViewPager2中

3.编写Adapter 实现 FragmentStateAdapter

下面用实际代码 来展示 滑动Fragment

代码实现

Activity 布局文件中引入 ViewPager2 控件

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

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewpager2fragment"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:background="@color/pink"
        />
</androidx.constraintlayout.widget.ConstraintLayout>

编写 Fragment 用于填充到ViewPager2中

package com.johnny.slzzing;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

/**
 * A simple {@link Fragment} subclass.
 * Use the {@link ViewPage2Fragment#newInstance} factory method to
 * create an instance of this fragment.
 */
public class ViewPage2Fragment extends Fragment {

    // TODO: Rename parameter arguments, choose names that match
    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";

    // TODO: Rename and change types of parameters
    private String mParam1;
    private String mParam2;

    public ViewPage2Fragment() {
        // Required empty public constructor
    }

    /**
     * Use this factory method to create a new instance of
     * this fragment using the provided parameters.
     *
     * @param param1 Parameter 1.
     * @param param2 Parameter 2.
     * @return A new instance of fragment ViewPage2Fragment.
     */
    // TODO: Rename and change types and number of parameters
    public static ViewPage2Fragment newInstance(String param1, String param2) {
        ViewPage2Fragment fragment = new ViewPage2Fragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_view_page2, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        TextView textView = view.findViewById(R.id.fragmenttextview);
        textView.setText(mParam1);
    }
}

fragment_view_page2

<?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=".ViewPage2Fragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/fragmenttextview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/hello_blank_fragment"
        android:gravity="center"
        android:textSize="25sp"
        android:textColor="@color/black"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

fragment 很简单 就在中间有个TextView 区分不同的fragment

编写Adapter 实现 FragmentStateAdapter

package com.johnny.slzzing;

import android.os.Bundle;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import androidx.viewpager2.widget.ViewPager2;

import java.util.Arrays;
import java.util.List;

public class ViewPage2FragmentActivity extends AppCompatActivity {

    ViewPager2 viewPage2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_page2_fragment);

        viewPage2 = findViewById(R.id.viewpager2fragment);
        ViewPager2FragmentAdapter viewPager2FragmentAdapter = new ViewPager2FragmentAdapter(this , initFragmentList());
        //重点 ! 把 viewPage2设置adapter 这个adapter 不是去直接继承RecycleView.Adapter了
        viewPage2.setAdapter(viewPager2FragmentAdapter);
    }
    //初始化3个fragment
    private List<Fragment> initFragmentList() {
        ViewPage2Fragment viewPage2Fragment = ViewPage2Fragment.newInstance("我是Fragment1", "");
        ViewPage2Fragment viewPage2Fragment2 = ViewPage2Fragment.newInstance("我是Fragment2", "");
        ViewPage2Fragment viewPage2Fragment3 = ViewPage2Fragment.newInstance("我是Fragment3", "");
        return Arrays.asList(viewPage2Fragment,viewPage2Fragment2,viewPage2Fragment3);
    }

    // 提供了FragmentStateAdapter 只需要继承它即可 不用继承RecycleView.Adapter
    static class ViewPager2FragmentAdapter extends FragmentStateAdapter{

        private final List<Fragment> fragmentList;

        public ViewPager2FragmentAdapter(@NonNull FragmentActivity fragmentActivity, List<Fragment> fragmentList) {
            super(fragmentActivity);
            this.fragmentList = fragmentList;
        }

        @NonNull
        @Override
        public Fragment createFragment(int position) {
            return fragmentList.get(position);
        }

        @Override
        public int getItemCount() {
            return fragmentList.size();
        }
    }
}

效果

粉色区域是可以滑动切换 不同的Fragment 的

总结

本篇主要介绍了 ViewPager2 结合 Fragment 的基本使用方式 , 让我们可以快速的实现滑动Fragment 的功能. 后续还可以结合 BottomNavigationView 联动 底部导航栏+滑动, 有机会再说把

到此这篇关于Android ViewPager2 + Fragment 联动的文章就介绍到这了,更多相关Android ViewPager2 Fragment 联动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android Studio gradle 编译提示‘default not found’ 解决办法

    Android Studio gradle 编译提示‘default not found’ 解决办法

    这篇文章主要介绍了Android Studio gradle 编译提示‘default not found’ 解决办法的相关资料,需要的朋友可以参考下
    2016-12-12
  • Android实现自动朗读功能(TTS)

    Android实现自动朗读功能(TTS)

    这篇文章主要为大家详细介绍了Android实现自动朗读功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android滑动优化高仿QQ6.0侧滑菜单(滑动优化)

    Android滑动优化高仿QQ6.0侧滑菜单(滑动优化)

    之前的实现只是简单的可以显示和隐藏左侧的菜单,但是特别生硬,而且没有任何平滑的趋势,那么今天就来优化一下吧,加上平滑效果,而且可以根据手势滑动的方向来判断是否是显示和隐藏
    2016-02-02
  • Android开发之广播机制浅析

    Android开发之广播机制浅析

    这篇文章主要介绍了Android开发之广播机制浅析,主要包括了发布、接收及配置广播的实例,需要的朋友可以参考下
    2014-08-08
  • Android应用开发之代码混淆

    Android应用开发之代码混淆

    Android项目中的混淆很easy,之所以写这篇总结是由于近期发现公司的代码居然没有混淆,反编译后代码随手可得。很震惊。
    2014-07-07
  • Android开发基于ScrollView实现的渐变导航栏效果示例

    Android开发基于ScrollView实现的渐变导航栏效果示例

    这篇文章主要介绍了Android开发基于ScrollView实现的渐变导航栏效果,涉及ScrollView事件响应及元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2017-12-12
  • Flutter之 ListView组件使用示例详解

    Flutter之 ListView组件使用示例详解

    这篇文章主要为大家介绍了Flutter之 ListView组件使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 详解MVP模式在Android开发中的应用

    详解MVP模式在Android开发中的应用

    MVP是MVC衍生而来的,很早以前就由某软公司提出,近年来在Android应用开发中越来越多的被提及,越来越重要了。这篇文章主要介绍了详解MVP模式在Android开发中的应用,有兴趣的可以了解一下。
    2016-11-11
  • Android自定义渐变式炫酷ListView下拉刷新动画

    Android自定义渐变式炫酷ListView下拉刷新动画

    这篇文章主要为大家详细介绍了Android自定义渐变式炫酷ListView下拉刷新动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android 控件(button)对齐方法实现详解

    Android 控件(button)对齐方法实现详解

    horizontal是让所有的子元素按水平方向从左到右排列,vertical是让所有的子元素按竖直方向从上到下排列,下面为大家介绍下控件(button)的对齐方法
    2013-06-06

最新评论