項目終于需要這樣的效果了,采用ViewPager去實現(xiàn)吧,讓網(wǎng)上那些亂七八糟的屏幕切換類都終結(jié)了吧,ViewPager是google官方的!
下面是 我借鑒的文章 :
起初最早接觸到左右兩個屏幕切換的是在 《創(chuàng)新源于模仿之三:實現(xiàn)左右兩個屏幕的切換》 這篇文章上,感謝作者為我們提供了這么好的DEMO。
什么是ViewPager呢?
它是實現(xiàn)左右兩個屏幕平滑地切換的一個類,它是Google提供的,作為Android的一個補充。先上個效果圖把,讓大家有個直觀的認(rèn)識。
我們在網(wǎng)上搜索這相關(guān)到主題的時候,會看到有很多關(guān)于這方面的問題:如何平滑?水平移動?等等。現(xiàn)在,我們可以自己不去親自做這個費力的事情了,只需要使用到一個叫ViewPager的類即可。ViewPager是最近在Compatibility package發(fā)布的,支持android 1.6+,如果要使用的話,要通過SDK Manager去更新Compatibility package,具體使用方法在<SDK_DOC_PATH>/sdk/compatibility-library.html(SDK_DOC_PATH是自帶Android文檔的位置,需要更新到最新的文檔才有)。
《創(chuàng)新源于模仿之三:實現(xiàn)左右兩個屏幕的切換》提供了Workspace實現(xiàn)了左右屏幕的切換,現(xiàn)在Google I/O上已經(jīng)發(fā)布了這樣的Workspace類,方便我們大家去使用,稍后我會同本文DEMO的源代碼一起發(fā)布。那ViewPager和Workspace有什么樣的區(qū)別呢?先看下api doc的說法:
Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows.
如上所述,ViewPager提供了一個適配器,方便我們對各個View進(jìn)行控制,而Workspace需要我們手動去添加,它相當(dāng)于是一個"靜態(tài)切換"。接下來我將介紹下如何使用:
1、下載來Android SDK & AVD manager的更新:Available Packages -> Android Repository -> Android Compatibility Package, revision 3. 它將安裝在\extras\android\compatibility\v4文件下
2、建立一個Android項目,在上述安裝目錄下把 android-support-v4.jar添加進(jìn)項目,如果是最新的ADT,只需要右擊project->Android Tools->Add Compatibility Library
3、在Activity中使用ViewPager
4、如果ViewPager是用xml去定義的,需要寫上全局的路徑,如:
5、建立一個PagerAdapter,實現(xiàn)如下方法:
getCount(), instantiateItem(), destroyItem(), isViewFromObject() 。
總上所述,貼上俺的代碼,我們發(fā)現(xiàn),可以很快很簡單的實現(xiàn)左右兩個屏幕的切換
就這樣,我們可以很容易就實現(xiàn)左右兩個屏幕之間的切換。具體頁面到內(nèi)容就靠大家去發(fā)揮了!
項目代碼: http://download.csdn.net/source/3488073
補充:
用ViewPager寫的左右滑屏,默認(rèn)是沒有沒有循環(huán)效果的。就是當(dāng)滑到最左端或者最右端就不能滑動了,所以就試著弄了下在左面和右面各增加個空View,然后在onPageSelected方法中:
其他文章:
android中的左右滑屏實現(xiàn)By ViewPager
android-整體UI設(shè)計-(滑動導(dǎo)航欄+滾動頁面)
http://blog.csdn.net/swadair/article/details/7551609
android UI進(jìn)階之用ViewPager實現(xiàn)歡迎引導(dǎo)頁面
http://blog.csdn.net/notice520/article/details/7105658
高仿優(yōu)酷Android客戶端圖片左右滑動(自動切換)
http://blog.csdn.net/t12x3456/article/details/8160128
下面是 我借鑒的文章 :
起初最早接觸到左右兩個屏幕切換的是在 《創(chuàng)新源于模仿之三:實現(xiàn)左右兩個屏幕的切換》 這篇文章上,感謝作者為我們提供了這么好的DEMO。
什么是ViewPager呢?
它是實現(xiàn)左右兩個屏幕平滑地切換的一個類,它是Google提供的,作為Android的一個補充。先上個效果圖把,讓大家有個直觀的認(rèn)識。
我們在網(wǎng)上搜索這相關(guān)到主題的時候,會看到有很多關(guān)于這方面的問題:如何平滑?水平移動?等等。現(xiàn)在,我們可以自己不去親自做這個費力的事情了,只需要使用到一個叫ViewPager的類即可。ViewPager是最近在Compatibility package發(fā)布的,支持android 1.6+,如果要使用的話,要通過SDK Manager去更新Compatibility package,具體使用方法在<SDK_DOC_PATH>/sdk/compatibility-library.html(SDK_DOC_PATH是自帶Android文檔的位置,需要更新到最新的文檔才有)。
《創(chuàng)新源于模仿之三:實現(xiàn)左右兩個屏幕的切換》提供了Workspace實現(xiàn)了左右屏幕的切換,現(xiàn)在Google I/O上已經(jīng)發(fā)布了這樣的Workspace類,方便我們大家去使用,稍后我會同本文DEMO的源代碼一起發(fā)布。那ViewPager和Workspace有什么樣的區(qū)別呢?先看下api doc的說法:
Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows.
如上所述,ViewPager提供了一個適配器,方便我們對各個View進(jìn)行控制,而Workspace需要我們手動去添加,它相當(dāng)于是一個"靜態(tài)切換"。接下來我將介紹下如何使用:
1、下載來Android SDK & AVD manager的更新:Available Packages -> Android Repository -> Android Compatibility Package, revision 3. 它將安裝在\extras\android\compatibility\v4文件下
2、建立一個Android項目,在上述安裝目錄下把 android-support-v4.jar添加進(jìn)項目,如果是最新的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,實現(xiàn)如下方法:
getCount(), instantiateItem(), destroyItem(), isViewFromObject() 。
總上所述,貼上俺的代碼,我們發(fā)現(xiàn),可以很快很簡單的實現(xiàn)左右兩個屏幕的切換
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創(chuàng)建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';">參數(shù)同上</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) {}
}
}
就這樣,我們可以很容易就實現(xiàn)左右兩個屏幕之間的切換。具體頁面到內(nèi)容就靠大家去發(fā)揮了!
項目代碼: http://download.csdn.net/source/3488073
補充:
用ViewPager寫的左右滑屏,默認(rèn)是沒有沒有循環(huán)效果的。就是當(dāng)滑到最左端或者最右端就不能滑動了,所以就試著弄了下在左面和右面各增加個空View,然后在onPageSelected方法中:
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
System.out.println("onPageSelected = " + arg0);
if(arg0 == 0)
mViewPaper.setCurrentItem(arg0 + 1);
else if(arg0 == mViewList.size() - 1)
mViewPaper.setCurrentItem(arg0 - 1);
}
其他文章:
android中的左右滑屏實現(xiàn)By ViewPager
android-整體UI設(shè)計-(滑動導(dǎo)航欄+滾動頁面)
http://blog.csdn.net/swadair/article/details/7551609
android UI進(jìn)階之用ViewPager實現(xiàn)歡迎引導(dǎo)頁面
http://blog.csdn.net/notice520/article/details/7105658
高仿優(yōu)酷Android客戶端圖片左右滑動(自動切換)
http://blog.csdn.net/t12x3456/article/details/8160128
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元

