Android學習——ViewPage實現多頁面滑動效果

標籤：android

第一步

<RelativeLayout 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"  tools:context=".MainActivity">  <android.support.v4.view.ViewPager        android:id="@+id/viewPager"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        >        <android.support.v4.view.PagerTitleStrip            android:id="@+id/PagerTitleStrip"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="top"            >          </android.support.v4.view.PagerTitleStrip></android.support.v4.view.ViewPager></RelativeLayout>

第二步建立三個tab頁，用最簡單的線性布局即可。

第三部

package xiaocool.net.viewpager2;import android.os.Bundle;import android.support.v4.view.PagerAdapter;import android.support.v4.view.PagerTitleStrip;import android.support.v4.view.ViewPager;import android.support.v7.app.ActionBarActivity;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.ViewGroup;import java.util.ArrayList;import java.util.List;public class MainActivity extends ActionBarActivity {    private ViewPager viewPager;    private PagerTitleStrip pagerTitleStrip;    private MyAdapter adapter=null;    private List<View> list=null; //裝載已載入的介面    private  List<String> title=null;//裝載已載入的介面對應的標題   private LayoutInflater inflater=null;//聲明一個動態布局對象    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        viewPager=(ViewPager)this.findViewById(R.id.ViewPager);        pagerTitleStrip=(PagerTitleStrip)this.findViewById(R.id.PagerTitleStrip);         adapter=new MyAdapter();        //載入布局        inflater= LayoutInflater.from(MainActivity.this);        //第一次被載入的布局對象        View tab=inflater.inflate(R.layout.tab1,null);        list=new ArrayList<View>();        list.add(tab);        title=new ArrayList<String>();        title.add("title");        //先初始化頁面        viewPager.setAdapter(adapter);        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {            @Override            public void onPageScrolled(int i, float v, int i2) {            }            @Override            public void onPageSelected(int i) {            }            //當點擊當前頁面，還沒有產生側滑是 主要再次完成介面的載入            //在這裡開啟線程去載入網路的資料，更新ui的操作            @Override            public void onPageScrollStateChanged(int i) {                View view=inflater.inflate(R.layout.tab1,null);                list.add(view);                title.add("new view");                //重新整理資料                adapter.notifyDataSetChanged();            }        });    }    //布局適配器    public class MyAdapter extends PagerAdapter{        @Override        public int getCount() {            return list.size();        }       //初始化適配器        @Override        public Object instantiateItem(ViewGroup container, int position) {            ((ViewPager)container).addView(list.get(position));            return list.get(position);        }       //從一個布局到另一個布局，銷毀前一個布局        @Override        public void destroyItem(ViewGroup container, int position, Object object) {            //super.destroyItem(container, position, object);            ((ViewPager)container).removeView(list.get(position));        }        //得到每一個介面的布局          @Override        public CharSequence getPageTitle(int position) {            return title.get(position);        }        @Override        public boolean isViewFromObject(View view, Object o) {            return view==o;//判斷當前view和Object是否是同一個對象        }    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/5A/16/wKiom1T1tXuCwjt1AAICFJKliek732.jpg" style="float:none;" title="11.png" alt="wKiom1T1tXuCwjt1AAICFJKliek732.jpg" />

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/5A/12/wKioL1T1to-iEONJAAIIKoWs3eQ653.jpg" style="float:none;" title="QQ20150303212023.png" alt="wKioL1T1to-iEONJAAIIKoWs3eQ653.jpg" />

本文出自 “阿乾－在路上” 部落格，請務必保留此出處http://xiaocool.blog.51cto.com/1593956/1617001

Android學習——ViewPage實現多頁面滑動效果