原创 android之ViewPager的使用

 2021-6-11 13:15  2501 14 14 分类: 软件与OS 文集: android studio

ViewPager是一个非常强大的 UI组件，应用非常广泛。它提供了多界面切换的效果，具体来说就是∶当前显示一组界面中的一个界面，当用户左右滑动界面时，当前的屏幕显示当前界面和下一个界面的一部分，滑动结束后，界面自动跳转到当前选择的界面中。

下面用实例来说明如何使用。

和之前的其他控件一样，使用ViewPager也需要把ViewPager对应的控件加入布局文件中。在MainActivity对应的布局文件中添加 ViewPager 的代码如下∶

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>

当完成布局文件之后，在Activity 文件中根据id获取 ViewPager。与使用ListView 相似，还需要一个适配器类来处理 ViewPager 的页面。

MainActivity 代码如下∶

package com.rfstar.viewpager;
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);
initView();
}
private void initView() {
ViewPager viewPager=(ViewPager)findViewById(R.id.viewPager);
LayoutInflater layoutInflater=getLayoutInflater();
View firstView=layoutInflater.inflate(R.layout.first_page,null);//第一个页面
View secondView=layoutInflater.inflate(R.layout.second_page,null);//第二个页面
View thirdView=layoutInflater.inflate(R.layout.third_page,null);//第三个页面
List<View> pages=new ArrayList<>();//创建一个集合来存放这三个页面
pages.add(firstView);
pages.add(secondView);
pages.add(thirdView);
ViewPagerAdapter viewPagerAdapter=new ViewPagerAdapter(pages);//创建适配器对象
viewPager.setAdapter(viewPagerAdapter);//设置适配器
}
}

适配器代码如下：

package com.rfstar.viewpager;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.viewpager.widget.PagerAdapter;
import java.util.List;
class ViewPagerAdapter extends PagerAdapter {
private List<View> pagelist;
public ViewPagerAdapter(List<View> list)
{
this.pagelist=list;
}
@Override
public int getCount() {
return pagelist.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view==object;
}
@Override
public Object instantiateItem(ViewGroup container, int position)
{
container.addView(pagelist.get(position));
return pagelist.get(position);
}
@Override
public void destroyItem(ViewGroup container,int position,Object object)
{
container.removeView(pagelist.get(position));
}
}

在Activity 中还涉及3个 View 页面

First_page.xml文件的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="this is first page"
android:textSize="30sp"/>
</LinearLayout>

Second_page.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="this is second page"
android:textSize="30sp"/>
</LinearLayout>

Third_page.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="this is third page"
android:textSize="30sp"/>
</LinearLayout>

运行程序，然后滑动页面，当页面滑动到一半时效果如图1-1所示，当滑动完成时效果如图 1-2 所示。

1-1

1-2

在上例中，主要部分有两处，一处是initView()方法，一处是适配器类。

在initView()方法中通过 findViewByld()方法获取了ViewPager，然后通过LayoutInflater类获取布局文件，使用 Iist存储这3个布局文件对应的View，再将list传入ViewPageAdapter这个适配器中，再用 ViewPager类的setAdapterO方法让ViewPagerAdpter设置为它的适配器。这个过程和ListView的过程非常相似。