ViewPager中使用自定义的ListView实例

2021-11-01 15:48:05

这篇内容是上一篇的延续，因为在上一篇的测试ViewPager成功了，才能实现这一篇的和ListView合在一起使用

　　效果图如下：

　　不愿意说理论，直接上代码

1.清单文件 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:orientation="vertical" >

    <android.support.v4.view.ViewPager

        android:id="@+id/viewPager"

        android:layout_width="match_parent"

        android:layout_height="match_parent" >

        <android.support.v4.view.PagerTabStrip

            android:id="@+id/pagerTabStrip"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

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

</LinearLayout>

2.主类代码MainActivity.java如下

package com.zyf.android.filemanage;

import java.io.File;

import java.util.ArrayList;

import com.zyf.android.adapter.MyListViewAdapter;

import com.zyf.android.adapter.MyPagerAdapter;

import com.zyf.androidfilemanage.R;

import android.app.Activity;

import android.os.Bundle;

import android.support.v4.view.ViewPager;

import android.view.Menu;

import android.view.View;

import android.widget.ListView;

public class MainActivity extends Activity {

    private ArrayList<View> views;

    private ArrayList<File> files;

    //private ArrayList<>

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

        ViewPager viewPager = (ViewPager)findViewById(R.id.viewPager);

        views = new ArrayList<View>();

        View view0 =getLayoutInflater().inflate(R.layout.vp_phone, null);

        View view1 =getLayoutInflater().inflate(R.layout.vp_phone, null);

        View view2 =getLayoutInflater().inflate(R.layout.vp_phone, null);

        views.add(view0);

        views.add(view1);

        views.add(view2);

        viewPager.setAdapter(new MyPagerAdapter(views));

        files = new ArrayList<File>();

        files.add(new File("第一个文件"));

        files.add(new File("第二个文件"));

        files.add(new File("第三个文件"));

        files.add(new File("第四个文件"));

        ListView listView = (ListView)(view0.findViewById(R.id.listview_phone));

        listView.setVisibility(ListView.VISIBLE);

        listView.setAdapter(new MyListViewAdapter(files,getLayoutInflater()));

    }

}

3.ViewPager的适配器MyPagerAdapter.java代码如下:

package com.zyf.android.adapter;

import java.util.ArrayList;

import android.support.v4.view.PagerAdapter;

import android.view.View;

import android.view.ViewGroup;

public class MyPagerAdapter extends PagerAdapter {

    private ArrayList<View> views;

    private String[] pagerTabStrip={"手机","存储卡","云端"};

    public MyPagerAdapter(ArrayList<View> views) {

        // TODO Auto-generated constructor stub

        this.views =views;

    }

    @Override

    public int getCount() {

        // TODO Auto-generated method stub

        return views == null ? 0 :views.size();

    }

    @Override

    public boolean isViewFromObject(View arg0, Object arg1) {

        // TODO Auto-generated method stub

        return arg0 == arg1;

    }

    @Override

    public void destroyItem(ViewGroup container, int position, Object object) {

        // TODO Auto-generated method stub

        //super.destroyItem(container, position, object);

        container.removeView(views.get(position));

    }

    @Override

    public CharSequence getPageTitle(int position) {

        // TODO Auto-generated method stub

        return pagerTabStrip[position];

    }

    @Override

    public Object instantiateItem(ViewGroup container, int position) {

        // TODO Auto-generated method stub

        View view = views.get(position);

        container.addView(view);

        return view;

    }

}

4.子view对应的ListView的vp_phone.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="wrap_content"

    android:orientation="vertical" >

    <ListView

        android:id="@+id/listview_phone"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        >

    </ListView>

</LinearLayout>

4.ListView的适配器MyListViewAdapter.java代码如下:

package com.zyf.android.adapter;

import java.io.File;

import java.util.ArrayList;

import com.zyf.android.util.LogUtil;

import com.zyf.androidfilemanage.R;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;

public class MyListViewAdapter extends BaseAdapter{

    private ArrayList<File> files ;

    private LayoutInflater layoutInflater;

    public MyListViewAdapter(ArrayList<File> files, LayoutInflater layoutInflater) {

        super();

        this.files = files;

        this.layoutInflater =layoutInflater;

    }

    @Override

    public int getCount() {

        // TODO Auto-generated method stub

        return files.size();

    }

    @Override

    public Object getItem(int arg0) {

        // TODO Auto-generated method stub

        return files.get(arg0);

    }

    @Override

    public long getItemId(int arg0) {

        // TODO Auto-generated method stub

        return arg0;

    }

    @Override

    public View getView(int arg0, View arg1, ViewGroup arg2) {

        File file =files.get(arg0);

        String filename = file.getName();

        int icon = R.drawable.icon;

        HoldView holdView = null;

        if (arg1 == null){

            arg1 = layoutInflater.inflate(R.layout.item_file, null);

            holdView = new HoldView(arg1);

            arg1.setTag(holdView);

        }else{

            holdView = (HoldView)arg1.getTag();

        }

        holdView.getIv_con().setImageResource(icon);

        holdView.getTx_name().setText(filename);

        return arg1;

    }

    private class HoldView{

        ImageView iv_con;

        TextView tx_name;

        public HoldView(View view) {

            iv_con = (ImageView)view.findViewById(R.id.item_file_imageview);

            tx_name = (TextView)view.findViewById(R.id.item_file_name);

        }

        public ImageView getIv_con() {

            return iv_con;

        }

        public TextView getTx_name() {

            return tx_name;

        }

    }

}

6.ListView中的每个条目的资源文件item_file.xml如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content" >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/item_file_imageview"

         />

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/item_file_imageview"

        android:id="@+id/item_file_name"

        />

</RelativeLayout>

总结，整体比较简单，就是ViewPager需要自己写适配器，同时ListView也是自己写的适配器，然后把两者整合到一起（就是从ViewPager中拿到ListView对应的view就可以了）

码农公寓

相关文章