Android ViewPager畫廊效果詳解及實例
Android ViewPager 畫廊效果
從上面的圖片可以看到,當添加多張圖片的時候,能夠在下方形成一個畫廊的效果,我們左右拉動圖片來看我們添加進去的圖片,效果是不是好了很多呢?下面來看看怎么實現吧!
上面的效果類似Android里面ViewPage的效果,但是跟ViewPager有所不同,ViewPager每次只能顯示一張圖片。
其實我們是利用到了View的clipChildren屬性,我們在這里要把ViewPager以及它的父窗體都設置為false,如下:
android:clipChildren="false"
因為如果clipChildren屬性設置為true,就表明我們要將children給clip掉,就是說對于子元素來說,超出當前view的部分都會被切掉,那我們在這里把它設置成false,就表明超出view的部分,不要切掉,依然顯示。
xml代碼部分:
<!-- 配置Container和pager的clipChildren=false, 并且指定marginLeft 和 marginRight 的值--> <LinearLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="100dp" android:clipChildren="false" android:gravity="center_horizontal" android:layerType="software" android:orientation="horizontal" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="110dp" android:layout_marginRight="110dp" android:clipChildren="false" > </android.support.v4.view.ViewPager> </LinearLayout>
Java代碼部分:
// 1.設置幕后item的緩存數目 mViewPager.setOffscreenPageLimit(3); // 2.設置頁與頁之間的間距 mViewPager.setPageMargin(10); // 3.將父類的touch事件分發(fā)至viewPgaer,否則只能滑動中間的一個view對象 container.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { return mViewPager.dispatchTouchEvent(event); } });
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
android開發(fā)環(huán)境搭建詳解(eclipse + android sdk)
這篇文章主要介紹了android開發(fā)環(huán)境搭建詳解(eclipse + android sdk),需要的朋友可以參考下2014-05-05android實現ViewPager的Indicator的實例代碼
本篇文章主要介紹了android實現ViewPager的Indicator的實例代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02詳解Android創(chuàng)建Handler的必備知識點
本篇文章主要介紹Handler中需要了解的幾個必備知識點,比如Handler創(chuàng)建、異步Handler是個啥及如何創(chuàng)建,感興趣的小伙伴快跟隨小編一起學習一下2022-10-10Ubuntu16.04 LTS 下安裝 Android Studio 2.2.2 的詳細步驟
這篇文章主要介紹了Ubuntu16.04 LTS 下安裝 Android Studio 2.2.2 的詳細步驟,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11