5.ViewPage2使用及坑点解决

一.ViewPage2添加新特性：

  *  从右到左的布局支持*  垂直方向*  RecyclerView.Adapter取代PagerAdapter*  registerOnPageChangeCallback 取代 addPageChangeListener*  更高效的notifyDataSetChanged

二.以下案例是使用RecyclerView结合ViewPage2实现上下滑动

1.依赖导入

//ViewPage2
implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha01'//recyclerviewimplementation 'androidx.recyclerview:recyclerview:1.0.0-beta01'

2.Activity和Adapter布局设置

1>.Activity布局

   <?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.viewpager2.widget.ViewPager2android:id="@+id/viewpager2"android:layout_width="match_parent"android:layout_height="match_parent"/></androidx.constraintlayout.widget.ConstraintLayout>

2>.recycleview_item.xml适配器布局

  <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/container"android:layout_width="match_parent"android:layout_height="match_parent">//原生控件<androidx.appcompat.widget.AppCompatTextViewandroid:id="@+id/tvTitle"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:textColor="@android:color/white"android:textSize="32sp"tools:text="item" /></RelativeLayout>

3.ViewPage2的适配器

package com.wd.viewpage2demo;
import android.content.Context;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;
import java.util.List;import androidx.viewpager2.widget.ViewPager2;
public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewHolder> {private List<String> mData;private LayoutInflater mInflater;private ViewPager2 viewPager2;//定义一个色彩背景数组
private int[] colorArray = new int[]{android.R.color.black, android.R.color.holo_blue_dark, android.R.color.holo_green_dark, android.R.color.holo_red_dark};public ViewPagerAdapter(Context context, List<String> data, ViewPager2 viewPager2) {this.mInflater = LayoutInflater.from(context);this.mData = data;this.viewPager2 = viewPager2;
}@NonNull
@Override
public ViewPagerAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {View view = mInflater.inflate(R.layout.recycleview_item, parent, false);return new ViewHolder(view);
}@Override
public void onBindViewHolder(@NonNull ViewPagerAdapter.ViewHolder holder, int position) {String animal = mData.get(position);holder.myTextView.setText(animal);holder.relativeLayout.setBackgroundResource(colorArray[position]);}@Override
public int getItemCount() {return mData.size();
}public static class ViewHolder extends RecyclerView.ViewHolder {TextView myTextView;RelativeLayout relativeLayout;ViewHolder(View itemView) {super(itemView);myTextView = itemView.findViewById(R.id.tvTitle);relativeLayout = itemView.findViewById(R.id.container);}}}

4.Activity界面编写

package com.wd.viewpage2demo;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
import java.util.List;
import androidx.viewpager2.widget.ViewPager2;public class MainActivity extends AppCompatActivity {private ViewPager2 viewpager2;
private List<String> list;@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化控件initView();//初始化数据initDatas();//ViewPage2设置setViewPage2S();
}/*** ViewPage2设置** */
private void setViewPage2S() {/*** 垂直方向属性* 默认是水平方向ORIENTATION_HORIZONTAL,垂直是ORIENTATION_VERTICAL** *///设置方向viewpager2.setOrientation(ViewPager2.ORIENTATION_VERTICAL);//设置adapterviewpager2.setAdapter(new ViewPagerAdapter(this, list, viewpager2));viewpager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {super.onPageScrolled(position, positionOffset, positionOffsetPixels);}@Overridepublic void onPageSelected(int position) {super.onPageSelected(position);}@Overridepublic void onPageScrollStateChanged(int state) {super.onPageScrollStateChanged(state);}});}/*** 初始化数据** */
private void initDatas() {list = new ArrayList<>();list.add("页面一");list.add("页面二");list.add("页面三");list.add("页面四");}/*** 初始化控件** */
private void initView() {//初始化ViewPage2viewpager2 = (ViewPager2) findViewById(R.id.viewpager2);
}

}

三.RecyclerView和ViewPage2结合使用出现的坑点及解决方案：

1.将build tools更新到3.2.0，gradle更新到4.6，依赖库统一更新到28.0.0，这一步非常重要，否则会导致第二步不能完全转换成功（如果已经更新过了，可以忽略这一步）

2.选择工程右键→Refactor→Migrate to Androidx：

https://img-blog.csdnimg.cn/20190311164212477.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc5NzA0OA==,size_16,color_FFFFFF,t_70

3.选中所有需要重命名的目录，执行Do Refactor：

https://img-blog.csdnimg.cn/2019031116422580.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc5NzA0OA==,size_16,color_FFFFFF,t_70

5.ViewPage2使用及坑点解决相关推荐

CocoaPods更新过程中出现的坑及解决方法
CocoaPods更新过程中出现的坑及解决方法参考文章: (1)CocoaPods更新过程中出现的坑及解决方法 (2)https://www.cnblogs.com/hero11223/p/1071 ...
ubuntu16.04安装CUDA 8.0（很详尽，包括一些坑的解决方法）
ubuntu16.04安装CUDA 8.0(很详尽,包括一些坑的解决方法) 参考文章: (1)ubuntu16.04安装CUDA 8.0(很详尽,包括一些坑的解决方法) (2)https://www. ...
iOS开发遇到的坑之五--解决工程已存在plist表,数据却不能存入的问题
iOS开发遇到的坑之五--解决工程已存在plist表,数据却不能存入的问题参考文章: (1)iOS开发遇到的坑之五--解决工程已存在plist表,数据却不能存入的问题 (2)https://www. ...
mysql5.7.20 sql mode_MySQL5.7中的sql_mode默认值带来的坑及解决方法
在正常项目开发过程中,如果MySQL版本从5.6升级到5.7版本.作为DBA在考虑数据库版本升级带来的影响时,一般会有几个注意点: sql_mode optimizer_switch 本文主要内容是M ...
Mybatis的逆向工程，MySQL8的数据库，8.0.11驱动的逆向工程的坑的解决方法
Mybatis的逆向工程,MySQL8的数据库,8.0.11驱动的逆向工程的坑的解决方法参考文章: (1)Mybatis的逆向工程,MySQL8的数据库,8.0.11驱动的逆向工程的坑的解决方法 ( ...
开发微信小程序中遇到的坑及解决方法
开发微信小程序中遇到的坑及解决方法参考文章: (1)开发微信小程序中遇到的坑及解决方法 (2)https://www.cnblogs.com/feiye512/p/6070052.html ...
vue使用marked解析markdown文本遇到的坑及解决方法
vue使用marked解析markdown文本遇到的坑及解决方法 1. 前言最近在搭建自己的博客网站 https://lyuanzhi.com,不免遇到了要把markdown文本转化为html代码的 ...
postgreSQL与postGIS安装过程中遇到的坑及解决
记录一下postgreSQL与postGIS安装过程中遇到的坑及解决写到前面 postgreSQL安装 postgreSQL安装包下载 postgreSQL安装 postGIS的安装 postGIS ...
uniapp(小程序) 配置海康威视-萤石监控(直播替代方案) 踩坑与解决方法
uniapp(小程序) 配置海康威视-萤石监控(直播替代方案) 踩坑与解决方法因为公司业务需求需要获取监控的摄像头,萤石是给出了几种方案去实现. 直播接入:萤石开放平台API文档小程序接入:萤石 ...
探讨：在Mac新系统下安装新版XAMPP过程中遇到到的坑以及解决办法
探讨:在Mac新系统下安装新版XAMPP过程中遇到到的坑以及解决办法简介 XAMPP安装 XAMPP 是个啥? 安装XAMPP 新版问题:IP地址访问不再是localhost 操作问题:apache ...

5.ViewPage2使用及坑点解决

5.ViewPage2使用及坑点解决相关推荐

最新文章

热门文章