首先使用ViewPager2,先在build.gradle添加依賴
implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha01'
Android ViewPager2的特性
- 從右到左的布局支持
- 垂直方向
- RecyclerView.Adapter取代PagerAdapter
- registerOnPageChangeCallback 取代 addPageChangeListener
更高效的notifyDataSetChanged
ViewPaver2與ViewPager的區(qū)別
同樣在xml中使用一樣谴麦。
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewpager2"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
在以前的ViewPager的addOnPageChangeListener方法，我們需要覆蓋三個方法晒奕∽崮瘢回顧下代碼如下
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
在ViewPager2中，不再需要這樣的重寫池凄。
mviewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
super.onPageScrolled(position, positionOffset, positionOffsetPixels);
}
});
垂直方向?qū)傩?/h1>
默認是水平方向ORIENTATION_HORIZONTAL,垂直是ORIENTATION_VERTICAL
mviewPager2.setOrientation(ViewPager2.ORIENTATION_VERTICAL);
ViewPager2與RecycleView的結(jié)合使用
接下來抡驼，我們使用RecyclerView.Adapter來結(jié)合ViewPager2一起使用。不再需要像ViewPager使用FragmentStateAdapter肿仑。
項目結(jié)構(gòu)圖
image
activity_main.xml代碼
<?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.ViewPager2
android:id="@+id/viewpager2"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
MainActivity的代碼
public class MainActivity extends AppCompatActivity {
ViewPager2 mviewPager2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mviewPager2 = findViewById(R.id.viewpager2);
List<String> list = new ArrayList<>();
list.add("頁面一");
list.add("頁面二");
list.add("頁面三");
list.add("頁面四");
mviewPager2.setAdapter(new ViewPagerAdapter(this, list, mviewPager2));
}
}
列表Item的布局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.AppCompatTextView
android: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>
ViewPagerAdapter的代碼如下致盟，使用跟RecycleView的adapter完全一樣
package com.chaowen.androidviewpager2;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;
import java.util.List;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
/**
* @Author: wuchaowen
* @Description:
* @Time:
**/
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 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);
}
}
}
運行效果
image
踩坑1 Androidx和Android support庫不能共存
Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory) from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91
is also present at [androidx.core:core:1.1.0-alpha04] AndroidManifest.xml:22:18-86 value=(androidx.core.app.CoreComponentFactory).
Suggestion: add 'tools:replace="android:appComponentFactory"' to <application> element at AndroidManifest.xml:6:5-22:19 to override.
解決方案
將build tools更新到3.2.0，gradle更新到4.6尤慰，依賴庫統(tǒng)一更新到28.0.0馏锡，這一步非常重要，否則會導(dǎo)致第二步不能完全轉(zhuǎn)換成功
-
選擇工程右鍵→Refactor→Migrate to Androidx
image -
選中所有需要重命名的目錄伟端，執(zhí)行Do Refactor
image 發(fā)現(xiàn)已經(jīng)看不到support庫了杯道，運行成功安裝app。
