 

大鸟科创空间

文章：47 阅读：554556 评论：25 赞：1025

不定期发送干货，期待大家关注

 好友  私信个人主页

不定期发送干货，期待大家关注

文章 47
原创 46
阅读 554556
评论 25
赞 1025

原创 android之ViewPager的使用

 2021-6-11 13:15  2527 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的过程非常相似。