快捷導(dǎo)航

Android畫(huà)廊效果之ViewPager顯示多個(gè)圖片

更新時(shí)間：2020年08月26日 15:07:26 作者：shineflowers

這篇文章主要為大家詳細(xì)介紹了Android畫(huà)廊效果之ViewPager顯示多個(gè)圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android ViewPager顯示多個(gè)圖片的具體代碼，供大家參考，具體內(nèi)容如下

首先來(lái)看下ViewPager顯示多個(gè)圖片效果：

從上面的圖片可以看到，當(dāng)添加多張圖片的時(shí)候，能夠在下方形成一個(gè)畫(huà)廊的效果，我們左右拉動(dòng)圖片來(lái)看我們添加進(jìn)去的圖片，效果是不是好了很多呢？下面來(lái)看看怎么實(shí)現(xiàn)吧！

上面的效果類似Android里面ViewPage的效果，但是跟ViewPager有所不同，ViewPager每次只能顯示一張圖片。

其實(shí)我們是利用到了View的clipChildren屬性，我們?cè)谶@里要把ViewPager以及它的父窗體都設(shè)置為false，如下:

android:clipChildren="false"

因?yàn)槿绻鹀lipChildren屬性設(shè)置為true,就表明我們要將children給clip掉，就是說(shuō)對(duì)于子元素來(lái)說(shuō)，超出當(dāng)前view的部分都會(huì)被切掉，那我們?cè)谶@里把它設(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è)置頁(yè)與頁(yè)之間的間距 
mViewPager.setPageMargin(10); 
// 3.將父類的touch事件分發(fā)至viewPgaer，否則只能滑動(dòng)中間的一個(gè)view對(duì)象 
container.setOnTouchListener(new View.OnTouchListener() { 
 @Override 
 public boolean onTouch(View v, MotionEvent event) { 
 return mViewPager.dispatchTouchEvent(event); 
 } 
});

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android實(shí)現(xiàn)Ant Design 自定義表單組件
Ant Design 組件提供了Input，InputNumber，Radio，Select，uplod等表單組件,下面通過(guò)本文給大家詳細(xì)介紹Android實(shí)現(xiàn)Ant Design 自定義表單組件，需要的的朋友參考下吧
2017-06-06
Native.js屏幕截圖實(shí)例代碼
本文詳細(xì)解讀了Dcloud的H5+API中webview draw使用方法,并給出draw截圖的Android,iOS通用方法,希望對(duì)大家有所幫助
2018-09-09
Android布局之RelativeLayout相對(duì)布局
RelativeLayout是相對(duì)布局控件：以控件之間相對(duì)位置或相對(duì)父容器位置進(jìn)行排列，下面通過(guò)本文給大家介紹Android布局之RelativeLayout相對(duì)布局，涉及到android relativelayout相對(duì)布局相關(guān)知識(shí)，對(duì)android relativelayout相對(duì)布局相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
Android快速實(shí)現(xiàn)發(fā)送郵件實(shí)例
本篇文章主要介紹了Android快速實(shí)現(xiàn)發(fā)送郵件實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
Python的異常概念介紹以及處理
本篇文章給大家分享了關(guān)于Python異常的相關(guān)概念知識(shí)點(diǎn)以及處理方法，對(duì)此有需要的朋友趕快學(xué)習(xí)下吧。
2018-03-03
Android編程實(shí)現(xiàn)獲取當(dāng)前系統(tǒng)語(yǔ)言及地區(qū)并更改語(yǔ)言的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)獲取當(dāng)前系統(tǒng)語(yǔ)言及地區(qū)并更改語(yǔ)言的方法,涉及Android針對(duì)系統(tǒng)語(yǔ)言及地區(qū)的獲取與設(shè)置相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
Android提高之TelephonyManager功能探秘
這篇文章主要介紹了Android的TelephonyManager功能,可以幫助讀者更好的理解Java反射機(jī)制,需要的朋友可以參考下
2014-08-08
Android應(yīng)用開(kāi)發(fā)中WebView的常用方法筆記整理
WebView即是在安卓本地應(yīng)用中打開(kāi)網(wǎng)頁(yè)視圖功能,其中對(duì)于JavaScript加載的各項(xiàng)操作是重點(diǎn)和難點(diǎn),本文就為大家送上Android應(yīng)用開(kāi)發(fā)中WebView的常用方法筆記整理
2016-05-05
Android編程實(shí)現(xiàn)wifi掃描及連接的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)wifi掃描及連接的方法,涉及Android網(wǎng)絡(luò)操作掃描、查找、連接、線程等相關(guān)操作技巧,需要的朋友可以參考下
2018-02-02
Android中Rxjava實(shí)現(xiàn)三級(jí)緩存的兩種方式
這篇文章主要介紹了Android中Rxjava實(shí)現(xiàn)三級(jí)緩存的兩種方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-04-04