ViewPager2是什麼呢?
ViewPager2 是 ViewPager 的下一代版本,帶來了更強的功能並修復了之前的 bug;也就是解決了ViewPager的bug和不支持RTL
佈局等等其他問題,Google同時也放棄對ViewPager的維護了。
ViewPager2相比ViewPager帶來的新功能
- 支持豎直滑動
- 支持RTL佈局
- 可以使用DiffUtil
- …
相關文檔鏈接
ViewPager2官方文檔
ViewPager遷移至ViewPager2官方文檔
遷移至 ViewPager2 | AndroidDevSummit
實現的效果如下
一、使用Androidx的依賴,同時引入TabLayout
implementation 'androidx.appcompat:appcompat:1.1.0'
implementation 'com.google.android.material:material:1.2.0-alpha02'
二、在佈局中使用TabLayout和ViewPager2
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
tools:context=".MainActivity">
<com.google.android.material.tabs.TabLayout
android:id="@+id/tab"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
三、爲ViewPager2添加Fragment,需要集成FragmentStateAdapter
public class MainActivity extends AppCompatActivity {
private List<Fragment> list = new ArrayList<>();
private String[] title = {"Android", "iOS", "Java"};
private TabLayout tabLayout;
private ViewPager2 viewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setTitle("ViewPager2與TabLayout的使用");
tabLayout = findViewById(R.id.tab);
viewPager = findViewById(R.id.view_pager);
//添加Fragment
list.add(TestFragment.newInstance(title[0], "#03A9F4"));
list.add(TestFragment.newInstance(title[1], "#8BC34A"));
list.add(TestFragment.newInstance(title[2], "#009688"));
viewPager.setAdapter(new MyPagerAdapter(this));
//TabLayout與ViewPager2聯動
new TabLayoutMediator(tabLayout, viewPager, new TabLayoutMediator.TabConfigurationStrategy() {
@Override
public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) {
tab.setText(title[position]);
}
}).attach();
//監聽選中的下標
//tabLayout.addOnTabSelectedListener();
}
public class MyPagerAdapter extends FragmentStateAdapter {
public MyPagerAdapter(@NonNull FragmentActivity fragmentActivity) {
super(fragmentActivity);
}
@Override
public Fragment createFragment(int position) {
return list.get(position);
}
@Override
public int getItemCount() {
return list.size();
}
}
}
- 繼承的Adapter由之前的
FragmentPagerAdapter
改成了FragmentStateAdapter
- ViewPager2與TabLayout聯動需要new 一個
TabLayoutMediator
類來實現
TestFragment就是簡單的加載了一個TextView代碼這裏就不貼了
四、動態切換LTR
、RTL
、ViewPager2的滑動方向
- 設置
LTR
、RTL
tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);
viewPager.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);
tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_RTL);
viewPager.setLayoutDirection(View.LAYOUT_DIRECTION_RTL);
- 設置滑動方向
viewPager.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL);
viewPager.setOrientation(ViewPager2.ORIENTATION_VERTICAL);
上面是通過代碼動態設置的,當然在佈局上也是有對應的屬性
//佈局排列方向
android:layoutDirection=""
//ViewPager2的滑動方向
android:orientation=""
總體來說使用還是很簡單的,主要還是一些api的變化;同時還有更多高級的功能可以查看Google給的Sample