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