HorizontalScrollView水平滾動控制項

来源:http://www.cnblogs.com/Renyi-Fan/archive/2017/08/10/7337158.html
-Advertisement-
Play Games

HorizontalScrollView水平滾動控制項 一、簡介 用法ScrollView大致相同 二、方法 1）HorizontalScrollView水平滾動控制項使用方法 1、在layout佈局文件的最外層建立一個HorizontalScrollView控制項 2、在HorizontalScroll ...


HorizontalScrollView水平滾動控制項

一、簡介

用法ScrollView大致相同

 

二、方法

1）HorizontalScrollView水平滾動控制項使用方法

1、在layout佈局文件的最外層建立一個HorizontalScrollView控制項

2、在HorizontalScrollView控制項中加入一個LinearLayout控制項，並且把它的orientation設置為horizontal

3、在LinearLayout控制項中放入多個裝有圖片的ImageView控制項

 

2）HorizontalScrollView和ScrollView混合使用方法

 以先垂直後水平為例

1、在layout佈局文件的最外層建立一個ScrollView控制項

2、在ScrollView控制項中加入一個LinearLayout控制項，並且把它的orientation設置為vertical

3、在這個LinearLayout中添加多個已經弄好的HorizontalScrollView水平滾動控制項

 

三、代碼實例

HorizontalScrollView水平滾動控制項使用方法

1、水平滾動效果圖：

 

2、水平滾動代碼：

/Ex27ScrollView/res/layout/activity02.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:scrollbars="none"
 6     >
 7     <LinearLayout 
 8         android:layout_width="match_parent"
 9         android:layout_height="match_parent"
10         android:orientation="horizontal"
11         >
12         <ImageView 
13             android:layout_width="wrap_content"
14             android:layout_height="wrap_content"
15             android:src="@drawable/item1"
16             />
17         <ImageView 
18             android:layout_width="wrap_content"
19             android:layout_height="wrap_content"
20             android:src="@drawable/item2"
21             />
22         <ImageView 
23             android:layout_width="wrap_content"
24             android:layout_height="wrap_content"
25             android:src="@drawable/item3"
26             />
27         <ImageView 
28             android:layout_width="wrap_content"
29             android:layout_height="wrap_content"
30             android:src="@drawable/item4"
31             />
32         <ImageView 
33             android:layout_width="wrap_content"
34             android:layout_height="wrap_content"
35             android:src="@drawable/item5"
36             />
37     </LinearLayout>
38    
39 
40 </HorizontalScrollView>

 

3、水平豎直混合滾動效果圖

 

3、水平豎直混合滾動效果代碼

/Ex27ScrollView/res/layout/activity03.xml

  1 <?xml version="1.0" encoding="utf-8"?>
  2 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  3     android:layout_width="match_parent"
  4     android:layout_height="match_parent"
  5     android:scrollbars="none" >
  6 
  7     <LinearLayout
  8         android:layout_width="match_parent"
  9         android:layout_height="match_parent"
 10         android:orientation="vertical" >
 11 
 12         <HorizontalScrollView
 13             android:layout_width="match_parent"
 14             android:layout_height="match_parent"
 15             android:scrollbars="none" >
 16 
 17             <LinearLayout
 18                 android:layout_width="match_parent"
 19                 android:layout_height="match_parent"
 20                 android:orientation="horizontal" >
 21 
 22                 <ImageView
 23                     android:layout_width="wrap_content"
 24                     android:layout_height="wrap_content"
 25                     android:src="@drawable/item1" />
 26 
 27                 <ImageView
 28                     android:layout_width="wrap_content"
 29                     android:layout_height="wrap_content"
 30                     android:src="@drawable/item2" />
 31 
 32                 <ImageView
 33                     android:layout_width="wrap_content"
 34                     android:layout_height="wrap_content"
 35                     android:src="@drawable/item3" />
 36 
 37                 <ImageView
 38                     android:layout_width="wrap_content"
 39                     android:layout_height="wrap_content"
 40                     android:src="@drawable/item4" />
 41 
 42                 <ImageView
 43                     android:layout_width="wrap_content"
 44                     android:layout_height="wrap_content"
 45                     android:src="@drawable/item5" />
 46             </LinearLayout>
 47         </HorizontalScrollView>
 48         <HorizontalScrollView
 49             android:layout_width="match_parent"
 50             android:layout_height="match_parent"
 51             android:scrollbars="none" >
 52 
 53             <LinearLayout
 54                 android:layout_width="match_parent"
 55                 android:layout_height="match_parent"
 56                 android:orientation="horizontal" >
 57 
 58                 <ImageView
 59                     android:layout_width="wrap_content"
 60                     android:layout_height="wrap_content"
 61                     android:src="@drawable/item1" />
 62 
 63                 <ImageView
 64                     android:layout_width="wrap_content"
 65                     android:layout_height="wrap_content"
 66                     android:src="@drawable/item2" />
 67 
 68                 <ImageView
 69                     android:layout_width="wrap_content"
 70                     android:layout_height="wrap_content"
 71                     android:src="@drawable/item3" />
 72 
 73                 <ImageView
 74                     android:layout_width="wrap_content"
 75                     android:layout_height="wrap_content"
 76                     android:src="@drawable/item4" />
 77 
 78                 <ImageView
 79                     android:layout_width="wrap_content"
 80                     android:layout_height="wrap_content"
 81                     android:src="@drawable/item5" />
 82             </LinearLayout>
 83         </HorizontalScrollView>
 84         <HorizontalScrollView
 85             android:layout_width="match_parent"
 86             android:layout_height="match_parent"
 87             android:scrollbars="none" >
 88 
 89             <LinearLayout
 90                 android:layout_width="match_parent"
 91                 android:layout_height="match_parent"
 92                 android:orientation="horizontal" >
 93 
 94                 <ImageView
 95                     android:layout_width="wrap_content"
 96                     android:layout_height="wrap_content"
 97                     android:src="@drawable/item1" />
 98 
 99                 <ImageView
100                     android:layout_width="wrap_content"
101                     android:layout_height="wrap_content"
102                     android:src="@drawable/item2" />
103 
104                 <ImageView
105                     android:layout_width="wrap_content"
106                     android:layout_height="wrap_content"
107                     android:src="@drawable/item3" />
108 
109                 <ImageView
110                     android:layout_width="wrap_content"
111                     android:layout_height="wrap_content"
112                     android:src="@drawable/item4" />
113 
114                 <ImageView
115                     android:layout_width="wrap_content"
116                     android:layout_height="wrap_content"
117                     android:src="@drawable/item5" />
118             </LinearLayout>
119         </HorizontalScrollView>
120         <HorizontalScrollView
121             android:layout_width="match_parent"
122             android:layout_height="match_parent"
123             android:scrollbars="none" >
124 
125             <LinearLayout
126                 android:layout_width="match_parent"
127                 android:layout_height="match_parent"
128                 android:orientation="horizontal" >
129 
130                 <ImageView
131                     android:layout_width="wrap_content"
132                     android:layout_height="wrap_content"
133                     android:src="@drawable/item1" />
134 
135                 <ImageView
136                     android:layout_width="wrap_content"
137                     android:layout_height="wrap_content"
138                     android:src="@drawable/item2" />
139 
140                 <ImageView
141                     android:layout_width="wrap_content"
142                     android:layout_height="wrap_content"
143                     android:src="@drawable/item3" />
144 
145                 <ImageView
146                     android:layout_width="wrap_content"
147                     android:layout_height="wrap_content"
148                     android:src="@drawable/item4" />
149 
150                 <ImageView
151                     android:layout_width="wrap_content"
152                     android:layout_height="wrap_content"
153                     android:src="@drawable/item5" />
154             </LinearLayout>
155         </HorizontalScrollView>
156         <HorizontalScrollView
157             android:layout_width="match_parent"
158             android:layout_height="match_parent"
159             android:scrollbars="none" >
160 
161             <LinearLayout
162                 android:layout_width="match_parent"
163                 android:layout_height="match_parent"
164                 android:orientation="horizontal" >
165 
166                 <ImageView
167                     android:layout_width="wrap_content"
168                     android:layout_height="wrap_content"
169                     android:src="@drawable/item1" />
170 
171                 <ImageView
172                     android:layout_width="wrap_content"
173                     android:layout_height="wrap_content"
174                     android:src="@drawable/item2" />
175 
176                 <ImageView
177                     android:layout_width="wrap_content"
178                     android:layout_height="wrap_content"
179                     android:src="@drawable/item3" />
180 
181                 <ImageView
182                     android:layout_width="wrap_content"
183                     android:layout_height="wrap_content"
184                     android:src="@drawable/item4" />
185 
186                 <ImageView
187                     android:layout_width="wrap_content"
188                     android:layout_height="wrap_content"
189                     android:src="@drawable/item5" />
190             </LinearLayout>
191         </HorizontalScrollView>
192     </LinearLayout>
193 
194 </ScrollView>

 

四、註意點

 1、始終註意HorizontalScrollView和ScrollView的直接兒子只有一個，一般都是LinearOut，保證了這個，怎麼用也不會錯

 

五、易錯點

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 讀書筆記（二）—— 淺析瀏覽器渲染過程和html中的文件載入
    在構建頁面時，我們會在html中載入一個或多個css和js文件。或許大家都已經習慣了“最佳實踐”中，css文件應該放在<head>標簽中引入，而js文件則是放在</body>關閉標簽前引入的原則，但其中的原因，很多人可能像我之前一樣，不是瞭解得很清楚。在查閱了書籍和資料後，稍微瞭解的其中的原由。 讓 ...
  • 笨辦法用js屏蔽被http劫持的浮動廣告
    最近發現網站經常在右下角彈出一個浮動廣告，開始的時候以為只是瀏覽器的廣告。 後來越來越多同事反映在家裡不同瀏覽器也會出現廣告。然後深入檢查了下，發現網站竟然被劫持了。 然後百度了一大堆資料，什麼http劫持、dns劫持、運營商劫持之類的，確定真的是中招了。看圖： 真是偷梁換柱啊，被插入廣告代碼了。真 ...
  • 用typescript開發AngularJS應用
    考慮到一些老的項目仍在使用AngularJS 1.x開發，而Angular 2+優先使用typescript開發，所以打算使用typescript來開發AngularJS 1.x的應用，希望能夠對以後升級到Angular 2+有所幫助。 其實使用typescript開發和使用ES6開發基本是一致的， ...
  • JavaScript中的數組Array方法
    push()，pop()方法 push()，pop()方法也叫棧方法，push()可以理解成，向末尾推入，而pop()恰好相反，可以理解成從末尾移除（取得）。 通過上面的代碼可以總結出以下幾點關於push()，pop()的規則： push()，pop()方法均可以改變原數組； push()方法的返回 ...
  • 使用bootstrap validator非同步提交，出現提交兩次問題！
    有bug的代碼如下： 現象：第一次進入頁面，點擊保存（表單驗證是通過的）；會列印兩個test； 該問題官方文檔中給出了幾種解決方案： 文檔地址（有牆）：http://formvalidation.io/examples/form-submit-twice/ 參考文檔，我通過給submit按鈕綁定事件 ...
  • 通過示例搞懂js閉包
    例1 在sayHello()函數中定義並調用了sayAlert()函數；sayAlert()作為內層函數，可以訪問外層函數sayHello()中的text變數。 例2 例3 得到的結果：連續輸出3個"item3 undefined"解析：通過執行buildList函數，返回了一個result，那麼這 ...
  • daterangepicker日曆插件使用參數註意問題
    顯示具體時間時分秒： 重點大坑：修改時間預設展示格式,把fomat寫在locale中，網上很多資料說直接寫在daterangepicker屬性中，這樣是不生效的。 起止時間可以設置為具體年月日也可以生成當前日期（new Date() 或者 moment（）【moment（）方法為moment.js獲 ...
  • HTML5.1 推薦中 1.5.3. Extensibility 段落翻譯
    可拓展性 HTML有廣泛的可擴展性機制，可用於以安全的方式添加語義: 作者可以使用class屬性來擴展元素，有效地創建自己的元素，同時使用最適用的現有的"real"HTML元素，這樣瀏覽器和其他不知道擴展的工具仍然可以很好地支持它。例如，微格式使用的策略。 作者可以在包括用於內聯客戶端腳本或伺服器端 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類