Android ViewPager 畫廊效果
從上面的圖片可以看到，當(dāng)添加多張圖片的時候，能夠在下方形成一個畫廊的效果，我們左右拉動圖片來看我們添加進(jìn)去的圖片，效果是不是好了很多呢？下面來看看怎么實(shí)現(xiàn)吧！
上面的效果類似Android里面ViewPage的效果，但是跟ViewPager有所不同，ViewPager每次只能顯示一張圖片。
其實(shí)我們是利用到了View的clipChildren屬性，我們在這里要把ViewPager以及它的父窗體都設(shè)置為false，如下:
android:clipChildren="false"
因?yàn)槿绻鹀lipChildren屬性設(shè)置為true,就表明我們要將children給clip掉，就是說對于子元素來說，超出當(dāng)前view的部分都會被切掉，那我們在這里把它設(shè)置成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.設(shè)置幕后item的緩存數(shù)目 mViewPager.setOffscreenPageLimit(3); // 2.設(shè)置頁與頁之間的間距 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); } });感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
