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. SQL查询父节点下的所有子节点（包括子节点下的子节点，无限子节点）

    -->Title:Generating test data -->Author:wufeng4552 -->Date :2009-09-30 08:52:38 set nocount ...

  2. Delphi重定义的消息结构

    // 除去DDE和MDI消息,一共159个消息,其中部分消息仅仅的转定义 // 普通消息,有两个参数和结果 PMessage = ^TMessage; TMessage = packed record ...

  3. mapdb与Redis区别：

    Redis也能完全相同的工作,但必竟其独立于JVM之外通过Socket交互,能达到10万次/秒就很不了不起了 mapdb可直接嵌入到JVM运行空间,运行效率是Redis没法比的,单线程能达到 30万次 ...

  4. 003-整型入栈指令(iconst、bipush、sipush、ldc)

    一.概述 官网:http://docs.oracle.com/javase/specs/jvms/se7/html/jvms-4.html参考地址:http://www.linmuxi.com/201 ...

  5. 001-unity3d简介以及界面说明

    一.简介 学习路线1.C#.网络[http,socket]io2.GUI.NGUI.2DToolKit3.3D控制.物理引擎.角色控制4.粒子系统.音频等5.android.IOS开发基础6.sock ...

  6. 剑指offer 面试32题

    面试32题: 题目:从上到下打印二叉树 题:不分行从上到下打印二叉树 解题代码: # -*- coding:utf-8 -*- # class TreeNode: # def __init__(sel ...

  7. Log level with log4j and Spark

    Log Level Usages OFF This is the most specific, which allows no logging at all FATAL This is the mos ...

  8. Python之简单函数练习（Day30）

    1.写函数,,用户传入修改的文件名,与要修改的内容,执行函数,完成批了修改操作 def modify_file(filename,old,new): import os with open(filen ...

  9. Loadrunder脚本篇——Run-time Settings之Preferences

    打开Preferences设置对话框,这里提供了对运行时的参数选择设置 Enable Image and Text Check 开启图片和文本检查.允许用户在回放期间通过web_find(文本检测)或 ...

  10. iOS UIScrollView 滚动到当前展示的视图居中展示

    需求展示: 测试效果1 first uiscrollView  宽度 为屏幕宽度   滚动步长 为 scroll 宽度的1/3   分析: 这个是最普通版 无法使每一次滚动的结果子视图居中展示, WA ...