Android使用ViewPager實(shí)現(xiàn)翻頁效果

更新時(shí)間：2022年05月09日 16:33:52 作者：路宇

這篇文章主要為大家詳細(xì)介紹了Android使用ViewPager實(shí)現(xiàn)翻頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android使用ViewPager實(shí)現(xiàn)翻頁效果的具體代碼，供大家參考，具體內(nèi)容如下

效果如圖所示：

代碼實(shí)現(xiàn)：

1.布局代碼：activity_view_pager.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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=".ViewPagerActivity">
? ? <androidx.viewpager.widget.ViewPager
? ? ? ? android:id="@+id/view_pager"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="match_parent" />
</LinearLayout>

1.1.viewpager1.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="#CF1717"
? ? android:gravity="center">
? ? <TextView
? ? ? ? android:layout_width="wrap_content"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:text="第一個(gè)layout"
? ? ? ? android:textSize="20sp" />
</LinearLayout>

另外兩個(gè)xml同理

2.MainActivity代碼如下：

public class ViewPagerActivity extends AppCompatActivity {
? ? private ViewPager view_pager;

? ? @Override
? ? protected void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? setContentView(R.layout.activity_view_pager);
? ? ? ? view_pager = findViewById(R.id.view_pager);
? ? ? ? View inflate1 = LayoutInflater.from(this).inflate(R.layout.viewpager1, null);
? ? ? ? View inflate2 = LayoutInflater.from(this).inflate(R.layout.viewpager2, null);
? ? ? ? View inflate3 = LayoutInflater.from(this).inflate(R.layout.viewpager3, null);
? ? ? ? List<View> viewList = new ArrayList<>();
? ? ? ? viewList.add(inflate1);
? ? ? ? viewList.add(inflate2);
? ? ? ? viewList.add(inflate3);

? ? ? ? MyAdapter myAdapter = new MyAdapter(viewList);
? ? ? ? view_pager.setAdapter(myAdapter);

? ? }
}

2.1.適配器MyAdapter代碼如下：

public class MyAdapter extends PagerAdapter {
? ? private List<View> viewList;

? ? public MyAdapter(List<View> viewList) {
? ? ? ? this.viewList = viewList;
? ? }

? ? //獲取多少View
? ? @Override
? ? public int getCount() {
? ? ? ? return viewList.size();
? ? }

? ? @Override
? ? public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
? ? ? ? return view == object;
? ? }

? ? @NonNull
? ? @Override
? ? public Object instantiateItem(@NonNull ViewGroup container, int position) {
? ? ? ? container.addView(viewList.get(position), 0);
? ? ? ? return viewList.get(position);
? ? }

? ? @Override
? ? public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
? ? ? ? container.removeView(viewList.get(position));
? ? }
}

分析：

PagerAdapter主要是viewpager的適配器,可以實(shí)現(xiàn)控件的滑動效果。
繼承PagerAdapter至少重寫四個(gè)方法。

1.getCount():獲得viewpager中有多少個(gè)view

2.instantiateItem():參數(shù)1：將給定位置的view添加到viewpager(容器中)創(chuàng)建并顯示出來。
返回值：返回一個(gè)代表新增頁面的object(key),通常都是直接返回view本身就可以了，當(dāng)然你也可以自定義自己的key，但是key和每個(gè)view要是一一對應(yīng)的關(guān)系。

3.isViewFromObject():判斷instantiateItem(ViewGroup,int)函數(shù)所返回來的key與一個(gè)頁面視圖是否是代表的同一個(gè)視圖（即它倆是否是對應(yīng)的，對應(yīng)的表示同一個(gè)view）通常我們直接寫 return view==object;

4.destroyItem():移除一個(gè)給定位置的頁面，適配器有責(zé)任從容器中刪除這個(gè)視圖，這是為了確保在finishUpdate(viewGroup)返回時(shí)視圖能夠被移除。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: