1. 程式人生 > >讓LinearLayout實現水平滑動,左右滑動

讓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部分的下