文章预览
- 前言
- 一、ViewPager的简单使用
- 1.1、activity_main.xml
- 1.2、写三个布局
- 1.2.1、layout1.xml
- 1.2.2、layout2.xml
- 1.2.3、layout3.xml
- 1.3、创建适配器MyAdapter.java
- 1.4、MainActivity.java
- 二、测试
前言
ViewPager是android扩展包v4包中的类,这个类可以让用户左右切换当前的view
1)ViewPager
类直接继承了ViewGroup
类,所有它是一个容器类,可以在其中添加其他的view类。
2)ViewPager
类需要一个PagerAdapter
适配器类给它提供数据。
3)ViewPager
经常和Fragment
一起使用,并且提供了专门的FragmentPagerAdapter
和FragmentStatePagerAdapter
类供Fragment
中的ViewPager
使用。
一、ViewPager的简单使用
1.1、activity_main.xml
注意使用androidx.viewpager.widget.ViewPager
中的ViewPager
<?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=".MainActivity">
<androidx.viewpager.widget.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
1.2、写三个布局
三个布局就是颜色与文字不同
1.2.1、layout1.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="#ff00ffff"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="layout1"
android:textSize="30sp"/>
</LinearLayout>
1.2.2、layout2.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="#6600ffff"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="layout2"
android:textSize="30sp"/>
</LinearLayout>
1.2.3、layout3.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="#ff66ff"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="layout3"
android:textSize="30sp"/>
</LinearLayout>
1.3、创建适配器MyAdapter.java
package cn.zzuli.myviewpager;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.viewpager.widget.PagerAdapter;
import java.util.List;
public class MyAdapter extends PagerAdapter {
private List<View> mListView;
public MyAdapter(List<View> mListView) {
this.mListView = mListView;
}
@Override
public int getCount() {
return mListView.size();
}
/**
* 添加页面到ViewGroup容器中
* 创建并显示出来
* @param container
* @param position
* @return
*/
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
container.addView(mListView.get(position),0);
return mListView.get(position);
}
/**
* 判断instantiateItem函数返回的Key与一个页面视图是否相等
* @param view
* @param object
* @return
*/
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view == object;
}
/**
* 销毁视图
* @param container
* @param position
* @param object
*/
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView(mListView.get(position));
}
}
1.4、MainActivity.java
package cn.zzuli.myviewpager;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取布局
LayoutInflater lf = getLayoutInflater().from(this);
View layout1 = lf.inflate(R.layout.layout1, null);
View layout2 = lf.inflate(R.layout.layout2, null);
View layout3 = lf.inflate(R.layout.layout3, null);
List<View> viewList = new ArrayList<>();
viewList.add(layout1);
viewList.add(layout2);
viewList.add(layout3);
ViewPager vp = findViewById(R.id.vp);
MyAdapter myAdapter = new MyAdapter(viewList);
vp.setAdapter(myAdapter);
}
}
二、测试