摘自:安卓APP_ 布局(7) —— ViewPager翻页
作者:丶PURSUING
发布时间: 2021-04-14 19:37:18
网址:https://blog.csdn.net/weixin_44742824/article/details/115705471
ViewPager
- 实现效果一睹为快
- (1)创建三个页面布局:
- (2) 在`activity_main.xml`中创建`viewpage`
- (3)创建每一个布局(layout)对应的view,并把他们添加到集合中:
- (4)再用adapter适配器传输布局数据:
- 更多细节在源码中体现
实现效果一睹为快
页面翻页:
(1)创建三个页面布局:
(2) 在activity_main.xml
中创建viewpage
(3)创建每一个布局(layout)对应的view,并把他们添加到集合中:
在MainActivity.java
中:
(4)再用adapter适配器传输布局数据:
其中创建的类MyAdapter.java
,要重写实现几个方法
instantiateItem
getCount
isViewFromObject
destroyItem
补充:
使用代码生成器(Alt + enter),搜索方法名字,重写方法。
更多细节在源码中体现
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);//通过Inflater进行渲染LayoutInflater lf = getLayoutInflater().from(this);//使用lf对象进行渲染View view1 = lf.inflate(R.layout.mylayout1, null);View view2 = lf.inflate(R.layout.mylayout2, null);View view3 = lf.inflate(R.layout.mylayout3, null);//把三个view添加到集合中List<View> viewList = new ArrayList<>();viewList.add(view1);viewList.add(view2);viewList.add(view3);ViewPager viewPage = findViewById(R.id.vp);//有了集合后,创建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 {//创建View列表private List<View> mListView;public MyAdapter(List<View> mListView){this.mListView = mListView;}@NonNull@Override//方法实现了:(1)将给定位置的view添加到ViewGroup(容器)中,创建并显示出来// (2)返回一个代表新增页面的Object(key),通常都是直接返回view本身就可以public Object instantiateItem(@NonNull ViewGroup container, int position) {container.addView(mListView.get(position),0);return mListView.get(position);}@Override//获得viewpager中有多少个viewpublic int getCount() {return mListView.size();}@Override//判断instantiateItem方法返回来的key与一个页面视图是否代表同一个视图(即他们是否相对应,对应则表示同一个view)//通常是直接写return view == objectpublic boolean isViewFromObject(@NonNull View view, @NonNull Object object) {return view == object;}@Override//移除一个给定位置的页面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