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

 <?xml version="1.0" encoding="utf-8"?>

 <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:scrollbars="none"

     >

     <LinearLayout

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:orientation="horizontal"

         >

         <ImageView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/item1"

             />

         <ImageView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/item2"

             />

         <ImageView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/item3"

             />

         <ImageView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/item4"

             />

         <ImageView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/item5"

             />

     </LinearLayout>

 </HorizontalScrollView>

3、水平竖直混合滚动效果图

3、水平竖直混合滚动效果代码

/Ex27ScrollView/res/layout/activity03.xml

 <?xml version="1.0" encoding="utf-8"?>

 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:scrollbars="none" >

     <LinearLayout

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:orientation="vertical" >

         <HorizontalScrollView

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:scrollbars="none" >

             <LinearLayout

                 android:layout_width="match_parent"

                 android:layout_height="match_parent"

                 android:orientation="horizontal" >

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item1" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item2" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item3" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item4" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item5" />

             </LinearLayout>

         </HorizontalScrollView>

         <HorizontalScrollView

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:scrollbars="none" >

             <LinearLayout

                 android:layout_width="match_parent"

                 android:layout_height="match_parent"

                 android:orientation="horizontal" >

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item1" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item2" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item3" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item4" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item5" />

             </LinearLayout>

         </HorizontalScrollView>

         <HorizontalScrollView

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:scrollbars="none" >

             <LinearLayout

                 android:layout_width="match_parent"

                 android:layout_height="match_parent"

                 android:orientation="horizontal" >

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item1" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item2" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item3" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item4" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item5" />

             </LinearLayout>

         </HorizontalScrollView>

         <HorizontalScrollView

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:scrollbars="none" >

             <LinearLayout

                 android:layout_width="match_parent"

                 android:layout_height="match_parent"

                 android:orientation="horizontal" >

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item1" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item2" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item3" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item4" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item5" />

             </LinearLayout>

         </HorizontalScrollView>

         <HorizontalScrollView

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:scrollbars="none" >

             <LinearLayout

                 android:layout_width="match_parent"

                 android:layout_height="match_parent"

                 android:orientation="horizontal" >

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item1" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item2" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item3" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item4" />

                 <ImageView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:src="@drawable/item5" />

             </LinearLayout>

         </HorizontalScrollView>

     </LinearLayout>

 </ScrollView>

四、注意点

1、始终注意HorizontalScrollView和ScrollView的直接儿子只有一个，一般都是LinearOut，保证了这个，怎么用也不会错

五、易错点

HorizontalScrollView水平滚动控件的更多相关文章

  1. UI控件之 ScrollView垂直滚动控件 和 HorizontalScrollView水平滚动控件的使用

    1. ScrollView 垂直滚动控件的使用 ScrollView控件只是支持垂直滚动,而且在ScrollView中只能包含一个控件,通常是在< ScrollView >标签中定义了一个 ...

  2. 自己定义View实现水平滚动控件

    前几天项目中须要使用到一个水平可滚动的选择条,类似下图效果(图片是从简书上一位作者那儿找来的,本篇也是在这位作者的文章的基础上改动的,站在大神的肩膀上,哈哈,因为原文没有提供demo,并且实现的效果跟 ...

  3. ScrollView垂直滚动控件

    ScrollView垂直滚动控件 一.简介 二.方法 1)ScrollView垂直滚动控件使用方法 1.在layout布局文件的最外层建立一个ScrollView控件 2.在ScrollView控件中 ...

  4. Android文字跑马灯控件（文本自动滚动控件）

    最近在开发一个应用,需要用到文本的跑马灯效果,图省事,在网上找,但老半天都找不到,后来自己写了一个,很简单,代码如下: import android.content.Context; import a ...

  5. Android自定义View，高仿QQ音乐歌词滚动控件！

    最近在以QQ音乐为样板做一个手机音乐播放器,源码下篇博文放出.今天我想聊的是这个QQ音乐播放器中歌词显示控件的问题,和小伙伴们一起来探讨怎么实现这个歌词滚动的效果.OK,废话不多说,先来看看效果图: ...

  6. Android高级图片滚动控件，编写3D版的图片轮播器

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/17482089 大家好,好久不见了,最近由于工作特别繁忙,已经有一个多月的时间没写博 ...

  7. [android] 手机卫士自定义滚动控件

    TextView控件设置单行显示 android:singleLine=”true” 设置TextView开始的位置显示省略号,android:ellipsize=”start” 设置滚动属性,and ...

  8. Android实现图片滚动控件，含页签功能，让你的应用像淘宝一样炫起来

    首先题外话,今天早上起床的时候,手滑一下把我的手机甩了出去,结果陪伴我两年半的摩托罗拉里程碑一代就这么安息了,于是我今天决定怒更一记,纪念我死去的爱机. 如果你是网购达人,你的手机上一定少不了淘宝客户 ...

  9. 【Android】HorizontalScrollView内子控件横向拖拽

    前言 网上ListView上下拖动的例子有,效果也很好,但是项目要横着拖的,只要硬着头皮自己写(主要是没找到合适的),参考文章1修改而来,分享一下. 声明 欢迎转载,但请保留文章原始出处:)  博客园 ...

随机推荐

  1. setlocale同mbstowcs函数的关系（VS2008下setlocale(LC_ALL, "chs")可以执行成功，BCB使用setlocale(LC_ALL, "Chinese (Simplified)_People's Republic of China")，linux上locale别名表大概在 /usr/lib/X11/locale/locale.alias）

    序中,如果要将ASCII码字符串转换为宽字符(Unicode),可以利用标准C的mbstowcs函数. 微软在MSDN中有示例,如下: 然而,这段代码在处理含有汉字的字符串时就会出现问题.比如将: w ...

  2. Python函数参数默认值的陷阱和原理深究（转）

    add by zhj: 在Python文档中清楚的说明了默认参数是怎么工作的,如下 "Default parameter values are evaluated when the func ...

  3. MySQL中事务的分类

    从事务理论的角度来看,可以把事务分为以下几种类型 扁平事务(Flat Transactions) 带有保存点的扁平事务(Flat Transactions with Savepoints) 链事务(C ...

  4. python面试题(七)

    1 什么是局域网.广域网.城域网? ①局域网LAN(Local Area Network):一般指覆盖范围在10公里以内,一座楼房或一个单位内部的网络.由于传输距离直接影响传输速度,因此,局域网内的通 ...

  5. HDU 3182 Hamburger Magi（状压dp）

    题目链接:pid=3182">http://acm.hdu.edu.cn/showproblem.php?pid=3182 Problem Description In the mys ...

  6. shutil 模块 高级的文件、文件夹、压缩包 处理模块

    高级的文件.文件夹.压缩包 处理模块 # 将文件内容拷贝到另一个文件中 shutil.copyfileobj(fsrc, fdst[, length]) import shutil shutil.co ...

  7. boost之正确性和测试

    BOOST_ASSERT在debug模式下有效. #include <iostream> #include <boost/assert.hpp> using namespace ...

  8. 3.4 使用STC89C52控制MC20解析GPS的经纬度数据在LCD1602上显示

    需要准备的硬件 MC20开发板 1个 https://item.taobao.com/item.htm?id=562661881042 GSM/GPRS天线 1根 https://item.taoba ...

  9. 2.1 使用ARDUINO控制MC20打电话

    需要准备的硬件 MC20开发板 1个 https://item.taobao.com/item.htm?id=562661881042 GSM/GPRS天线 1根 https://item.taoba ...

  10. 通过js代码来制作数据库增删改查插件

    代码流程 1.订制表头:table_config 2.订制显示内容: table_config,data_list 3.加载框: 图片,position:fixed       4.-字符串格式化   ...