Android基础：ListView + ViewPager ( 一 )

实际开发中，我们常看到app界面是viewpager + ListView，下面分析。

情况：

1 线性布局中使用viewpager + ListView
2 代码中创建ViewPager，并把viewpager作为listview的headView
3 自定义类MyViewPager,并把MyViewPager作为listview的headView（或者在布局中引用）
4 引用框架PullToRefresh,把ViewPager+PullToRefreshListView放在线性布局中
5 引用框架PullToRefresh,自定义类MyViewPager,并把MyViewPager作为listview的headView（或者在布局中引用）

1 线性布局中使用viewpager + ListView

1-1 效果图：

1-2 布局:activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

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

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</LinearLayout>

1-3 代码：MainActivity.java

package com.cqc.listview_viewpager01;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 布局:LinearLayout (vertical):ViewPager + ListView 
 * 缺点：由于用的是原生控件:无法刷新 +viewpager没有指示点。
 * 
 * @author cui
 * 
 */
public class MainActivity extends Activity {

    private ViewPager viewpager;
    private ListView listView;
    private List<ImageView> imageList = new ArrayList<ImageView>();
    private List<String> lvList = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewpager = (ViewPager) findViewById(R.id.viewpager);
        listView = (ListView) findViewById(R.id.listView);

        initViewPagerData();
        initListViewData();

        initViewPager();
        initListView();
    }

    private void initListView() {
        MyLvAdapter adapter = new MyLvAdapter();
        listView.setAdapter(adapter);
        listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                Toast.makeText(MainActivity.this, "ListView--" + position,
                        Toast.LENGTH_SHORT).show();
            }

        });
    }

    private void initViewPager() {
        MyPagerAdapter adapter = new MyPagerAdapter();
        viewpager.setAdapter(adapter);

        viewpager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int position) {
                Toast.makeText(MainActivity.this, "viewpager--" + position,
                        Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onPageScrolled(int position, float positionOffset,
                    int positionOffsetPixels) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    private void initListViewData() {
        lvList.clear();
        for (int i = 0; i < 100; i++) {
            lvList.add("item--" + i);
        }
    }

    private void initViewPagerData() {
        imageList.clear();
        ImageView iv1 = new ImageView(this);
        iv1.setBackgroundResource(R.drawable.a);

        ImageView iv2 = new ImageView(this);
        iv2.setBackgroundResource(R.drawable.b);

        ImageView iv3 = new ImageView(this);
        iv3.setBackgroundResource(R.drawable.c);

        ImageView iv4 = new ImageView(this);
        iv4.setBackgroundResource(R.drawable.d);

        imageList.add(iv1);
        imageList.add(iv2);
        imageList.add(iv3);
        imageList.add(iv4);
    }

    class MyPagerAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return imageList.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(imageList.get(position));
            return imageList.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }

    class MyLvAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return lvList.size();
        }

        @Override
        public Object getItem(int position) {
            return lvList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            TextView tv = new TextView(MainActivity.this);
            tv.setText(lvList.get(position));
            tv.setTextSize(20);
            return tv;
        }
    }
}

1-3 这是在布局中引用ViewPager，下面我们在把ViewPager作为ListView的headview：

见下一篇 ： Android基础：ListView + ViewPager (二)