Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> android 通過向viewpage中添加listview來完成滑動效果(類似於qq滑動界面)

android 通過向viewpage中添加listview來完成滑動效果(類似於qq滑動界面)

編輯:Android開發實例

文件名:page.xml
代碼如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

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

</RelativeLayout>

文件名:listviewitem.xml
代碼如下:

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

     <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="hello"
        android:textColor="#00ff00"
      />
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        />
</LinearLayout>

以上的第二個布局文件 只提供給simpleAdapter

代碼如下:

package com.example.learnpager2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.SimpleAdapter;

public class PagerActivity extends Activity {
    ViewPager viewPager;
    ArrayList<View> pagesArrayList;// 添加listview 然後傳給MyPagerAdapter 充當媒介
    String[] strs;
    String[] strs2;
    ListView listView;
    Button button1;
    Button button2;
    Button button3;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pager);
        iniParams();
        iniViews();

    }
    private void iniParams(){
        pagesArrayList=new ArrayList<View>();
        strs=new String[]{"a","b","c","a","b","c","a","b","c"};
        strs2=new String[]{"1","2","3","1","2","3","1","2","3"};

    }
    private void iniViews(){
        viewPager=(ViewPager)findViewById(R.id.viewPager);
        //第一個頁面的viewpager第1個page裡的listview
        LayoutInflater layoutInflater=getLayoutInflater();

        listView=(ListView)
                (layoutInflater.inflate(R.layout.page,null).findViewById(R.id.listview));
        ArrayAdapter<String> arrrayAdapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,strs);
        listView.setAdapter(arrrayAdapter);
        pagesArrayList.add(listView);

        //第個頁面的viewpager第2個page裡的listview
        listView=(ListView)
                (layoutInflater.inflate(R.layout.page,null).findViewById(R.id.listview));
        ArrayAdapter<String> arrrayAdapter2=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,strs2);
        listView.setAdapter(arrrayAdapter2);
        pagesArrayList.add(listView);

        //第三個面的viewpager第3個page裡的listview
        SimpleAdapter simpleAdapter3=new SimpleAdapter(this,getDatasForListView(),
                R.layout.listviewitem,new String[]{"title","image"},new int[]{R.id.textView,R.id.imageView});
        listView=(ListView)
                (layoutInflater.inflate(R.layout.page, null).findViewById(R.id.listview));
        listView.setAdapter(simpleAdapter3);
        pagesArrayList.add(listView);

        viewPager.setAdapter(new MyPagerAdapter(pagesArrayList));
        viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
        viewPager.setCurrentItem(0);

        button1=(Button)findViewById(R.id.button1);
        button2=(Button)findViewById(R.id.button2);
        button3=(Button)findViewById(R.id.button3);
    }
    public List<Map<String, Object>> getDatasForListView(){
        Log.e("3", "");
        List<Map<String, Object>> listMaps=new ArrayList<Map<String,Object>>();

        String[] strings=new String[]{"圖片1","圖片2","圖片3"};
        int[] images=new int[]{R.drawable.p1,R.drawable.p1,R.drawable.p1};

        for(int i=0;i<strings.length;i++){
            listMaps.add(ListViewItemFactory.generate(new Object[]{strings[i],images[0]}));
        }
        return listMaps;
    }
    static class ListViewItemFactory{
        static Map<String,Object> generate(Object[] obj){
            Map<String,Object> map=new HashMap<String, Object>();
            map.put("title", obj[0]);
            map.put("image",obj[1]);
            return map;
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.pager, menu);
        return true;
    }
    public class MyPagerAdapter extends PagerAdapter {
        public List<View> mListViews;

        public MyPagerAdapter(List<View> mListViews) {
            this.mListViews = mListViews;
        }

        @Override
        public void destroyItem(View arg0, int arg1, Object arg2) {

            Log.d("destroyItem", ""+arg0+" "+arg1);
            ((ViewPager) arg0).removeView(mListViews.get(arg1));
        }
        @Override
        public int getCount() {
            return mListViews.size();
        }

        @Override
        public Object instantiateItem(View arg0, int arg1) {
            Log.d("instantiateItem", ""+arg0+" "+arg1);
            try {
                if(mListViews.get(arg1).getParent()==null)
                    ((ViewPager) arg0).addView(mListViews.get(arg1), 0); 
                else{
                    //  很難理解新添加進來的view會自動綁定一個父類,由於一個兒子view不能與兩個父類相關,所以得解綁
                    //不這樣做否則會產生 viewpager java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
// 還有一種方法是viewPager.setOffscreenPageLimit(3); 這種方法不用判斷parent 是不是已經存在,但多余的listview不能被destroy
                    ((ViewGroup)mListViews.get(arg1).getParent()).removeView(mListViews.get(arg1));

                    ((ViewPager) arg0).addView(mListViews.get(arg1), 0);
                }
            } catch (Exception e) { 
                // TODO Auto-generated catch block 
                Log.d("parent=", ""+mListViews.get(arg1).getParent());
                e.printStackTrace(); 
            } 
            return mListViews.get(arg1);
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == (arg1);
        }

        @Override
        public void restoreState(Parcelable arg0, ClassLoader arg1) {
        }

        @Override
        public Parcelable saveState() {
            return null;
        }

        @Override
        public void startUpdate(View arg0) {
        }
    }
    class MyOnPageChangeListener implements OnPageChangeListener{

        @Override
        public   void onPageScrollStateChanged (int state){
            // TODO Auto-generated method stub

        }

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            // TODO Auto-generated method stub

        }
        Color preColor;
        @Override
        public void onPageSelected(int position) {
            // TODO Auto-generated method stub
            Log.d("page",  "pos="+position);
            switch(position)
            {
            case 0: //button1.setBackgroundColor(0x00FF00);break;
            case 1:// button1.setBackgroundColor(0xFF0000);break;
            case 2:
            }

        }

    }
}

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved