如何在ViewPager里面加入ListView

时间:2022-09-24 17:44:36

对于listview,是需要设置适配器的,listview本身也是一个动态的组件,下面将介绍如何在ViewPager中添加动态的listview。

代码不多一共只有三个页面,一个Activity,一个Activity的XML文件,一个listvview的XML文件话不多说直接上图,注释都写在了代码里面

如何在ViewPager里面加入ListView


package com.example.xuhao.viewpagerapplication;

import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.List;
import java.util.zip.Inflater;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到ViewPager
        final ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);

        //定义一个视图集合(用来装左右滑动的页面视图)
        final List<View> viewList = new ArrayList<View>();

        //定义两个视图,两个视图都加载同一个布局文件list_view.ml
        View view1 = getLayoutInflater().inflate(R.layout.list_view,null);
        View view2 = getLayoutInflater().inflate(R.layout.list_view,null);

        //将两个视图添加到视图集合viewList        viewList.add(view1);
        viewList.add(view2);

        //ViewPager设置适配器
        viewPager.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                //这个方法是返回总共有几个滑动的页面()
                return viewList.size();
            }

            @Override
            public boolean isViewFromObject(View view, Object object) {
                //该方法判断是否由该对象生成界面。
                return view==object;
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                //这个方法返回一个对象,该对象表明PagerAapter选择哪个对象放在当前的ViewPager中。这里我们返回当前的页面
                viewPager.addView(viewList.get(position));
                return viewList.get(position);
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                //这个方法从viewPager中移动当前的view。(划过的时候)
                viewPager.removeView(viewList.get(position));
            }
        });

        //——————————————————————————————————重点理解——————————————————————————————————
        // 原来findviewByIdView这个类中的方法,默认调用时其实应该是:this.findviewById();
        //由于listview标签的声明并不在当前的viewPager所在的xml布局中,所以直接通过findviewById方法是不能得到该listview的实例的。所以我们要用view1.findViewById()方法找到listview
        ListView listView1 = (ListView) view1.findViewById(R.id.listview);
        ListView listView2 = (ListView) view2.findViewById(R.id.listview);
        //———————————————————————————————————重点理解——————————————————————————————————

        //这里我们传入数据
        String[] data = {"1","2","3","4","5","6","7","8","9","10","11","12","13"};

        //android.R.layout.simple_list_item_1android自带的一个布局,只有一个textview
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);

        //ListView设置适配器
        listView1.setAdapter(adapter);
        listView2.setAdapter(adapter);

    }
}

以下是activity_main.xml:

<?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="com.example.xuhao.viewpagerapplication.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

</LinearLayout>
以下是list_view.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">
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </ListView>

</LinearLayout>