摘自：安卓APP_ 布局（7) —— ViewPager翻頁(yè)
作者：丶PURSUING
發(fā)布時(shí)間： 2021-04-14 19:37:18
網(wǎng)址：https://blog.csdn.net/weixin_44742824/article/details/115705471

ViewPager

• 實(shí)現(xiàn)效果一睹為快
• （1）創(chuàng)建三個(gè)頁(yè)面布局：
• （2） 在`activity_main.xml`中創(chuàng)建`viewpage`
• （3）創(chuàng)建每一個(gè)布局（layout）對(duì)應(yīng)的view,并把他們添加到集合中：
• （4）再用adapter適配器傳輸布局?jǐn)?shù)據(jù)：
• 更多細(xì)節(jié)在源碼中體現(xiàn)

實(shí)現(xiàn)效果一睹為快

頁(yè)面翻頁(yè)：

（1）創(chuàng)建三個(gè)頁(yè)面布局：

（2） 在activity_main.xml中創(chuàng)建viewpage

（3）創(chuàng)建每一個(gè)布局（layout）對(duì)應(yīng)的view,并把他們添加到集合中：

在MainActivity.java中:

（4）再用adapter適配器傳輸布局?jǐn)?shù)據(jù)：

其中創(chuàng)建的類MyAdapter.java,要重寫實(shí)現(xiàn)幾個(gè)方法

instantiateItem

getCount

isViewFromObject

destroyItem

補(bǔ)充：

使用代碼生成器（Alt + enter），搜索方法名字，重寫方法。

更多細(xì)節(jié)在源碼中體現(xiàn)

mylayout1.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="#00ffff"android:orientation="vertical"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="layout1"android:textSize="50sp"/></LinearLayout>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

activity_main.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="#00ffff"android:orientation="vertical"><androidx.viewpager.widget.ViewPagerandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/vp"/></LinearLayout>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

MainActivity.java

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//通過(guò)Inflater進(jìn)行渲染LayoutInflater lf = getLayoutInflater().from(this);//使用lf對(duì)象進(jìn)行渲染View view1 = lf.inflate(R.layout.mylayout1, null);View view2 = lf.inflate(R.layout.mylayout2, null);View view3 = lf.inflate(R.layout.mylayout3, null);//把三個(gè)view添加到集合中List<View> viewList = new ArrayList<>();viewList.add(view1);viewList.add(view2);viewList.add(view3);ViewPager viewPage = findViewById(R.id.vp);//有了集合后，創(chuàng)建AdapterMyAdapter myAdapter = new MyAdapter(viewList);viewPage.setAdapter(myAdapter);} }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27

MyAdapter.java

public class MyAdapter extends PagerAdapter {//創(chuàng)建View列表private List<View> mListView;public MyAdapter(List<View> mListView){this.mListView = mListView;}@NonNull@Override//方法實(shí)現(xiàn)了：（1）將給定位置的view添加到ViewGroup（容器）中，創(chuàng)建并顯示出來(lái)// （2）返回一個(gè)代表新增頁(yè)面的Object(key)，通常都是直接返回view本身就可以public Object instantiateItem(@NonNull ViewGroup container, int position) {container.addView(mListView.get(position),0);return mListView.get(position);}@Override//獲得viewpager中有多少個(gè)viewpublic int getCount() {return mListView.size();}@Override//判斷instantiateItem方法返回來(lái)的key與一個(gè)頁(yè)面視圖是否代表同一個(gè)視圖（即他們是否相對(duì)應(yīng)，對(duì)應(yīng)則表示同一個(gè)view）//通常是直接寫return view == objectpublic boolean isViewFromObject(@NonNull View view, @NonNull Object object) {return view == object;}@Override//移除一個(gè)給定位置的頁(yè)面public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {container.removeView(mListView.get(position));} }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37

總結(jié)

以上是生活随笔為你收集整理的安卓APP_ 布局（7) —— ViewPager翻页的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。