讓LinearLayout實現水平滑動,左右滑動
要做LinearLayout的左右滑動效果,以前知道垂直的可以在外面套一個scollview控制元件可以實現,本以為把linearLayout設成水平即可,結果發現太天真.
百度了一下只有垂直的答案,後面歷經艱難險阻..看到一結果,用HorizontalScrollView這個控制元件實現..於是試了下成功了.所以分享出來!
<HorizontalScrollView android:layout_width="match_parent" android:layout_height="wrap_content" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:background="#55000000" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#55000000" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:background="#55000000" /> </LinearLayout> </HorizontalScrollView>
相關推薦
讓LinearLayout實現水平滑動,左右滑動
要做LinearLayout的左右滑動效果,以前知道垂直的可以在外面套一個scollview控制元件可以實現,本以為把linearLayout設成水平即可,結果發現太天真. 百度了一下只有垂直的答案,後面歷經艱難險阻..看到一結果,用HorizontalScrollView
王立平--Gallery:實現圖片的左右滑動
nts mage let warn relative too state roi group <span style="font-size:18px;color:#330033;">package com.main; i
用jQuery的toggle方法實現元素的左右滑動隱藏
通常情況下給元素加toggle方法通常會是上下滑動隱藏,而有時我們又需要左右滑動隱藏怎麼辦呢? JS片段: $(document).ready(function(){ $('#example
[Swift通天遁地]二、表格表單-(7)電子郵件Mail:實現單元格左右滑動調出功能按鈕
本文將演示對單元格進行擴充套件,當手指在單元格左右滑動時,彈出不同的功能選單。 Github專案:【MGSwipeTableCell】 下載該專案的原始碼。資料夾【demo】->資料夾【MailAppDemoSwift】->資料夾【MailAppDemoSwift】 ->雙擊檔案【Ma
h5用swiper結合angularjs實現手機瀏覽器左右滑動切換圖片的效果
需求:在h5頁面中實現多圖輪播且在手機瀏覽器上要可左右滑動切換圖片,並顯示當且頁數/總頁數以提示使用者。 實現:由於這個功能是上上週做的,已經不記得參考了哪些大神的連結,總之應該是很多個,這裡就不一一貼上了,再次感謝所有樂於分享的大神們。下面貼我的實
移動端實現導航的左右滑動
實現導航的左右滑動類似於騰訊新聞,網易等導航,一下貼上程式碼: <!doctype html> <html><head><meta charset="UTF-8"><title>Untitled Document&
HorizontalScrollView實現多頁左右滑動
先上圖看看效果: 上程式碼: PageView是封裝後的一個類,繼承了HorizontalScrollView。 package com.miquan; import android.content.Context; import android.util.Attrib
viewPager+photoView實現圖片輪播和手勢縮放功能 支援手勢縮放的imageView 如何實現相簿左右滑動和手勢縮放 如何讓圖片自適應控制元件大小 photoView如何使用(上)
import uk.co.senab.photoview.IPhotoView; import uk.co.senab.photoview.PhotoViewAttacher; import uk.co.senab.photoview.PhotoViewAttacher.OnMatrixChangedList
Swift - 使用CollectionView實現圖片Gallery畫廊效果(左右滑動瀏覽圖片)
abs ber pad comment style 即將 使用 ram 數據源 1,效果圖 (1)圖片從左至右橫向排列(只有一行),通過手指拖動可以前後瀏覽圖片。 (2)視圖滾動時,每張圖片根據其與屏幕中心距離的不同,顯示尺寸也會相應地變化。越靠近屏幕中心尺寸就越大,遠離
Android------實現圖片雙擊放大,縮小,左右滑動的多種方式
params getcount androi nullable per try out 多圖 tro 項目中常常有圖片瀏覽功能。像微信朋友圈圖片瀏覽,QQ空間照片瀏覽 的功能。 實現圖片雙擊放大,縮小,左右滑動等效果。 來看看我的效果圖,希望能滿足你的要求 前
Android Fragment+Viewpager實現左右滑動和點選 實現DrawerLayout
xml佈局程式碼: <android.support.v4.widget.DrawerLayout xmlns:android=“http://schemas.android.com/apk/res/android” xmlns:app=“http://schemas.androi
QML實現網頁左右滑動的輪播圖效果
網頁中有很多的左右滑動的圖片輪動的效果。QML實現此效果的兩種方式。 PageIndicator和TabBar 也對應兩種樣式。 其中左右滑動的動畫效果是利用SwipeView的預設切換動畫效果 import QtQuick 2.9 import QtQuick.Controls 2.
Android 實現圖片的放大縮小及左右滑動(說明書效果)
1.先自定義一個ImageView (這裡使用的是弘揚的ZoomImageView) public class ZoomImageView extends ImageView implements ScaleGestureDetector.OnScaleGestureListener
仿淘寶、京東、美團使用ViewPager+GridView實現左右滑動檢視更多分類導航功能
文章說明 本文修改自開發者原始碼 微信公共號:China-dvlp 如果你有想學習的文章直接關注公眾號(開發者原始碼)回覆,我會整理徵稿。如果你有好的文章想和大家分享歡迎投稿,直接向我回覆文章連結即可。 概 述 仿淘寶、京東、美團使用ViewPage
React+React Router+React-Transition-Group實現頁面左右滑動+滾動位置記憶
在React Router中,想要做基於路由的左右滑動,我們首先得搞清楚當發生路由跳轉的時候到底發生了什麼,和路由動畫的原理。 首先我們要先了解一個概念:history。history原本是內置於瀏覽器內的一個物件,包含了一些關於歷史記錄的一些資訊,但本文要說的history是React-R
jquery實現橫向tab,滑動tab時內容左右滑動
最近寫一個電商的網站,要相容ie8。所以用的jquery,很久沒用jquery了,寫一個效果都很傷腦。 橫向tab,滑動tab時內容左右滑動出現 首先是html程式碼 <div class="container"> <div class=
Android中Fragment+Viewpager實現左右滑動和點選
一.佈局檔案 <?xml version="1.0" encoding="utf-8"?> <android.support.v4.view.ViewPager android:id="@+id/viewpager" andr
用Flutter實現一個仿“探探”的左右滑動選擇喜歡/不喜歡的效果
寫在前面,效果已經基本OK了,但是有些細節還沒處理好。暫時主要有三個問題: 使用者手勢到達螢幕邊緣時釋放,如果旋轉角度過小,動畫總感覺有些不流暢(也可能是我的錯覺吧); 給資料重新整理提供的API還沒想好,現在塞資料比較麻煩; 因為UI設計是根據使用者手勢移動佈局位
純JS實現左右滑動佈局和滑動
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=keywords content=首頁> <meta name
【原創】實現一個簡單的移動端左右滑動翻頁+ 點選下標翻頁 利用:HTML5+CSS+Js
//【如何做一個簡單的手機端頁面的翻頁】//第一步:建立移動端頁面內 HTML + CSS 【注】可用彈性佈局 但需要注意的是 外層盒子的定位//第二步: 思考問題 要實現怎樣的效果?//1. 手指滑動時觸發事件【左右】兩個方向 //2.點選footer部分的下