ViewPager-實現左右兩個屏幕的切換

jopen 11年前發布 | 23K 次閱讀 ViewPager Android開發 移動開發

     什么是ViewPager呢?
它是實現左右兩個屏幕平滑地切換的一個類,它是Google提供的。
具體使用方法在<SDK_DOC_PATH>/sdk/compatibility-library.html(SDK_DOC_PATH是自帶Android文檔的位置,需要更新到最新的文檔才有)。
    ViewPager提供了一個適配器,方便我們對各個View進行控制,下面介紹如何使用:
1、下載來Android SDK & AVD manager的更新:Available Packages -> Android Repository -> Android Compatibility Package, revision 3. 它將安裝\extras\android\compatibility\v4文件下
2、建立一個Android項目,在上述安裝目錄下把 android-support-v4.jar添加進項目,如果是最新的ADT,只需要右擊project->Android Tools->Add Compatibility Library
3、在Activity中使用ViewPager

4、如果ViewPager是用xml去定義的,需要寫上全局的路徑,如:

    <android.support.v4.view.ViewPager  
    android:layout_width="match_parent"   
    android:layout_height="match_parent"   
    android:id="@+id/awesomepager"/>  
5、建立一個PagerAdapter,實現如下方法:
getCount(), instantiateItem(), destroyItem(), isViewFromObject() 。
    public class AwesomePagerActivity extends Activity {  

        private ViewPager awesomePager;  

        private Context cxt;  
        private AwesomePagerAdapter awesomeAdapter;  

        private LayoutInflater mInflater;  
        private List<View> mListViews;  

        /** Called when the activity is first created. */  
        @Override  
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.main);  
            cxt = this;  

            awesomeAdapter = new AwesomePagerAdapter();  
            awesomePager = (ViewPager) findViewById(R.id.awesomepager);  
            awesomePager.setAdapter(awesomeAdapter);  

            mListViews = new ArrayList<View>();  
            mInflater = getLayoutInflater();  
            mListViews.add(mInflater.inflate(R.layout.layout1, null));  
            mListViews.add(mInflater.inflate(R.layout.layout2, null));  
            mListViews.add(mInflater.inflate(R.layout.layout3, null));  

        }  

        private class AwesomePagerAdapter extends PagerAdapter{  


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

            /** 
             * 從指定的position創建page 
             * 
             * @param container ViewPager容器 
             * @param position The page position to be instantiated. 
             * @return 返回指定position的page,這里不需要是一個view,也可以是其他的視圖容器. 
             */  
            @Override  
            public Object instantiateItem(View collection, int position) {  


                ((ViewPager) collection).addView(mListViews.get(position),0);  

                return mListViews.get(position);  
            }  

            /** 
             * <span style="font-family:'Droid Sans';">從指定的position銷毀page</span> 
             *  
             *  
             *<span style="font-family:'Droid Sans';">參數同上</span> 
             */  
            @Override  
            public void destroyItem(View collection, int position, Object view) {  
                ((ViewPager) collection).removeView(mListViews.get(position));  
            }  



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

            @Override  
            public void finishUpdate(View arg0) {}  


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

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

            @Override  
            public void startUpdate(View arg0) {}  

        }  


    }  
就這樣,我們可以很容易就實現左右兩個屏幕之間的切換。具體頁面到內容就靠大家去發揮了!

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!