1. 程式人生 > >Android 使用ViewPager實現類似gallery畫廊的效果(畫廊效果之ViewPager顯示多個圖片)

Android 使用ViewPager實現類似gallery畫廊的效果(畫廊效果之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事件分發至viewPgaer,否則只能滑動中間的一個view物件  
container.setOnTouchListener(new View.OnTouchListener() {  
    @Override  
    public boolean onTouch(View v, MotionEvent event) {  
        return mViewPager.dispatchTouchEvent(event);  
    } 
});



參考效果圖(上面程式碼並不能實現效果圖,僅供參考):



相關推薦

Android 使用ViewPager實現類似gallery畫廊效果(畫廊效果ViewPager顯示圖片)

這個畫廊的效果利用到了View的clipChildren屬性,我們在這裡要把ViewPager以及它的父窗體都設定為false,如下: android:clipChildren="false

【轉】Android 使用ViewPager實現類似gallery畫廊效果(畫廊效果ViewPager顯示圖片)

這個畫廊的效果利用到了View的clipChildren屬性,我們在這裡要把ViewPager以及它的父窗體都設定為false,如下: Android:clipChildren=”false” 因為如果clipChildren屬性設定為true,就表明我

Android高階圖片滾動控制元件,編寫3D版的圖片輪播器 一屏顯示圖片

大家好,好久不見了,最近由於工作特別繁忙,已經有一個多月的時間沒寫部落格了,我也是深感慚愧。那麼今天的這篇既然是闊別了一個多月的文章,當然要帶來更加給力點的內容了,那麼話不多說,趕快進入到今天的正題吧。 說到圖片輪播器,很多的Android應用中都會帶有這個

【我的Android進階旅】自定義控制元件使用ViewPager實現可以預覽的畫廊效果,並且自定義畫面切換的動畫效果的切換時間

我們來看下效果 在這裡,我們實現的是,一個ViewPager來顯示圖片列表。這裡一個頁面,ViewPage展示了前後的預覽,我們讓預覽頁進行Y軸的壓縮,並設定透明度為0.5f,所有我們看到gif最後,左右兩邊的圖片有點朦朧感。讓預覽頁和主頁面有主從感。我們用分

Android 中的用HorizontalScrollView佈局實現類似Gallery效果

setAdjustViewBounds 是否保持寬高比。需要與maxWidth、MaxHeight一起使用,否則單獨使用沒有效果。 以前也使用過Gallery,最初自己的想法也是使用這個,再讓使用

Fragment+ViewPager實現類似ActionBar切換的效果

使用Fragment+ViewPager實現類似網易新聞客戶端的多頁面左右滑動切換的效果,需要有android.support.v4的支援包,可以相容Android 2.0以上版本,具體程式碼如下: private TextView mWealthRank_tv; p

Android實現類似QQ的滑動刪除效果

觀察QQ的滑動刪除效果,可以猜測可以滑動刪除的部分主要包含兩個部分,一個是內容區域(用於放置正常顯示的view),另一個是操作區域(用於放置刪除按鈕)。預設情況下,操作區域是不顯示的,內容區域的大小是填充整個容器,操作區域始終位於內容區域的右面。當開始滑動的時候,整個容器中

Android實現類似探探中圖片左右滑動切換效果

      偶然之間發現探探的左右滑動的圖片挺好玩,試著去做了下,再到後來,看到許多大神也推出了同樣仿探探效果的部落格,從頭到尾閱讀下來,寫得通俗易懂,基本上沒什麼問題。於是,實現仿探探效果的想法再次出現在腦海中。那麼,還猶豫什麼,趁熱來一發吧!就這麼愉快地決定了。

Android ViewPager實現圖片水平滾動

oncreate iss block 如果 del ner ide extends 大小 1.示意圖 2.實現分析 (1).xml配置 <!-- 配置container和pager的clipChildre

android xml實現控制元件邊框陰影漸變效果

實現原理:使用兩塊畫布重疊,上面畫布小於下面畫布,下面畫布漸變 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/an

Excel 實現類似 count..group by.. 的效果

有些時候想知道一串資料中,每一項分別出現了多次,如果是在DB中,我們可以用 select count(*)  from .....group by ... 這樣的語句來處理,但是如果是在Excel中呢

Android實現雙擊點贊動畫效果

iv_easy_like.getBackground().setAlpha(0); rlLike.setOnTouchListener(new OnDoubleClickListener(new OnDoubleClickListener.DoubleClickCallb

Android TextView實現可暫停的跑馬燈效果

Android TextView 實現可以暫停的跑馬燈效果: content_main.xml <com.jackie.marqueetextview.MarqueeTextView

js實現類似相簿的縮圖效果

使用jqthumb.js外掛製作縮圖 1.將下載好的jqthumb.js外掛匯入html <script type="text/javascript" src="js/jqthumb.js">

利用jQuery srollTop()函式實現類似錨點的定位效果-相容chrome,firefox,IE,safari

如題。          在網頁開發的過程中,錨點可以實現頁面快速定位。          《1》          常見的情況,是同一個頁面內導航和錨點的配合,但是跳轉時是直接切換,效果生硬。          《2》           不同頁面間的跳轉,涉及到跳轉後定

android-程式碼實現XML中的shape的效果

int strokeWidth = 0; int roundRadius = DensityUtil.dip2px(context, 3); int strokeColor = Color.parseColor("#FFFFFF");//邊框顏色 int fillColor

fullpage中實現類似錘子官網的效果

    今天使用fullPage.js來實現一個網頁,其他都還好,只有一點,header和footer一直有問題,它們的高度總是會佔據全屏,很奇怪,網上搜了下,https://segmentfault.com/q/1010000002545277這個網頁中提到了這個問題,網

使用React實現類似快遞單號查詢效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me

Android ListView實現類似朋友圈的複雜佈局

開發中時常會遇到用ListView實現類似朋友圈列表的複雜佈局,如果一個條資訊即為ListView中一項時,那麼單個佈局的結構會變的很複雜,也會影響列表滾動的流暢性。由於Adapter可以使用多種佈局,所以這裡採用的方式是將單個資訊的佈局拆分為多個ListView的item

jquery.vm-carousel.js實現展示圖片的輪播效果

<script type="text/javascript" src="js/jquery.vm-carousel.js"></script> //html程式碼(共9個l