经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 移动开发 » Android » 查看文章
Android学习-滚动视图ScrollView和HorizontalScrollView
来源：cnblogs　　作者：YouChaoMin　　时间：2018/11/29 9:19:32　　对本文有异议

一、简介：

ScrollView，通过官方文档的继承关系可以看出，它继承自FrameLayout，所以它是一种特殊类型的FrameLayout，因为它可以使用用户滚动显示一个占据的空间大于物理显示的视图列表。值得注意的是，ScrollView只能包含一个子视图或视图组，在实际项目中，通常包含的是一个垂直的LinearLayout。

二、ScrollView代码块：

  • 在activity_main.xml中添加一个超出页面范围的按钮：
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:orientation="vertical"
  6.     >
  8.     <Button
  9.         android:id="@+id/btn_textview"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent"
  12.         android:text="TextView"
  13.         android:textAllCaps="false"/>
  15.     <Button
  16.         android:id="@+id/btn_button"
  17.         android:layout_width="match_parent"
  18.         android:layout_height="wrap_content"
  19.         android:text="BUTTON"
  20.         android:textAllCaps="false"/>
  21.     
  22.     <Button
  23.         android:id="@+id/btn_edittext"
  24.         android:layout_width="match_parent"
  25.         android:layout_height="wrap_content"
  26.         android:text="EditText"
  27.         android:textAllCaps="false"/>
  29.     <Button
  30.         android:id="@+id/btn_radiobutton"
  31.         android:layout_width="match_parent"
  32.         android:layout_height="wrap_content"
  33.         android:text="RadioButton"
  34.         android:textAllCaps="false"/>
  36.     <Button
  37.         android:id="@+id/btn_checkbox"
  38.         android:layout_width="match_parent"
  39.         android:layout_height="wrap_content"
  40.         android:text="CheckBox"
  41.         android:textAllCaps="false"/>
  43.     <Button
  44.         android:id="@+id/btn_imageview"
  45.         android:layout_width="match_parent"
  46.         android:layout_height="wrap_content"
  47.         android:text="ImageView"
  48.         android:textAllCaps="false"/>
  50.     <Button
  51.         android:id="@+id/btn_listview"
  52.         android:layout_width="match_parent"
  53.         android:layout_height="wrap_content"
  54.         android:text="ListView"
  55.         android:textAllCaps="false"/>
  57.     <Button
  58.         android:id="@+id/btn_gridview"
  59.         android:layout_width="match_parent"
  60.         android:layout_height="wrap_content"
  61.         android:text="GridView"
  62.         android:textAllCaps="false"/>
  64.     <Button
  65.         android:layout_width="match_parent"
  66.         android:layout_height="wrap_content"
  67.         android:text="test"
  68.         android:textAllCaps="false"
  69.         android:layout_marginTop="300dp"/>
  71. </LinearLayout>
  • 更改为ScrollView布局(ScrollView下子元素只能有一个):
  1. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     >
  7.     <LinearLayout
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:orientation="vertical">
  12.     <Button
  13.         android:id="@+id/btn_textview"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="match_parent"
  16.         android:text="TextView"
  17.         android:textAllCaps="false"/>
  19.     <Button
  20.         android:id="@+id/btn_button"
  21.         android:layout_width="match_parent"
  22.         android:layout_height="wrap_content"
  23.         android:text="BUTTON"
  24.         android:textAllCaps="false"/>
  26.     <Button
  27.         android:id="@+id/btn_edittext"
  28.         android:layout_width="match_parent"
  29.         android:layout_height="wrap_content"
  30.         android:text="EditText"
  31.         android:textAllCaps="false"/>
  33.     <Button
  34.         android:id="@+id/btn_radiobutton"
  35.         android:layout_width="match_parent"
  36.         android:layout_height="wrap_content"
  37.         android:text="RadioButton"
  38.         android:textAllCaps="false"/>
  40.     <Button
  41.         android:id="@+id/btn_checkbox"
  42.         android:layout_width="match_parent"
  43.         android:layout_height="wrap_content"
  44.         android:text="CheckBox"
  45.         android:textAllCaps="false"/>
  47.     <Button
  48.         android:id="@+id/btn_imageview"
  49.         android:layout_width="match_parent"
  50.         android:layout_height="wrap_content"
  51.         android:text="ImageView"
  52.         android:textAllCaps="false"/>
  54.     <Button
  55.         android:id="@+id/btn_listview"
  56.         android:layout_width="match_parent"
  57.         android:layout_height="wrap_content"
  58.         android:text="ListView"
  59.         android:textAllCaps="false"/>
  61.     <Button
  62.         android:id="@+id/btn_gridview"
  63.         android:layout_width="match_parent"
  64.         android:layout_height="wrap_content"
  65.         android:text="GridView"
  66.         android:textAllCaps="false"/>
  68.     <Button
  69.         android:layout_width="match_parent"
  70.         android:layout_height="wrap_content"
  71.         android:text="test"
  72.         android:textAllCaps="false"
  73.         android:layout_marginTop="300dp"/>
  75.     </LinearLayout>
  76. </ScrollView>
  • 运行截图：
    ScrollView

三、HorizontalScrollView代码块：

  • 在原有ScrollView基础上写入HorizontalScrollView(HorizontalScrollView下子元素只能有一个):
  1. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     >
  7.     <LinearLayout
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:orientation="vertical">
  12.     <Button
  13.         android:id="@+id/btn_textview"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="match_parent"
  16.         android:text="TextView"
  17.         android:textAllCaps="false"/>
  19.     <Button
  20.         android:id="@+id/btn_button"
  21.         android:layout_width="match_parent"
  22.         android:layout_height="wrap_content"
  23.         android:text="BUTTON"
  24.         android:textAllCaps="false"/>
  26.     <Button
  27.         android:id="@+id/btn_edittext"
  28.         android:layout_width="match_parent"
  29.         android:layout_height="wrap_content"
  30.         android:text="EditText"
  31.         android:textAllCaps="false"/>
  33.     <Button
  34.         android:id="@+id/btn_radiobutton"
  35.         android:layout_width="match_parent"
  36.         android:layout_height="wrap_content"
  37.         android:text="RadioButton"
  38.         android:textAllCaps="false"/>
  40.     <Button
  41.         android:id="@+id/btn_checkbox"
  42.         android:layout_width="match_parent"
  43.         android:layout_height="wrap_content"
  44.         android:text="CheckBox"
  45.         android:textAllCaps="false"/>
  47.     <Button
  48.         android:id="@+id/btn_imageview"
  49.         android:layout_width="match_parent"
  50.         android:layout_height="wrap_content"
  51.         android:text="ImageView"
  52.         android:textAllCaps="false"/>
  54.     <Button
  55.         android:id="@+id/btn_listview"
  56.         android:layout_width="match_parent"
  57.         android:layout_height="wrap_content"
  58.         android:text="ListView"
  59.         android:textAllCaps="false"/>
  61.     <Button
  62.         android:id="@+id/btn_gridview"
  63.         android:layout_width="match_parent"
  64.         android:layout_height="wrap_content"
  65.         android:text="GridView"
  66.         android:textAllCaps="false"/>
  68.     <HorizontalScrollView
  69.         android:layout_width="wrap_content"
  70.         android:layout_height="wrap_content">
  71.         <LinearLayout
  72.             android:layout_width="wrap_content"
  73.             android:layout_height="wrap_content"
  74.             android:orientation="horizontal">
  76.             <Button
  77.                 android:layout_width="300dp"
  78.                 android:layout_height="300dp"
  79.                 android:text="Test"
  80.                 android:textAllCaps="false"/>
  81.             <Button
  82.                 android:layout_width="300dp"
  83.                 android:layout_height="300dp"
  84.                 android:text="Test"
  85.                 android:textAllCaps="false"/>
  86.             <Button
  87.                 android:layout_width="300dp"
  88.                 android:layout_height="300dp"
  89.                 android:text="Test"
  90.                 android:textAllCaps="false"/>
  91.             <Button
  92.                 android:layout_width="300dp"
  93.                 android:layout_height="300dp"
  94.                 android:text="Test"
  95.                 android:textAllCaps="false"/>
  96.         </LinearLayout>
  97.     </HorizontalScrollView>
  99.     </LinearLayout>
  100. </ScrollView>
  • 运行截图(既能上下滚动也能左右滚动)：
    ScrollView
 友情链接：直通硅谷 　点职佳 　北美留学生论坛

Android热门文章

  • 安卓虚拟定位实现与反作弊思路
  • Android之Activity启动流程详解（基于api28）
  • MAUI开发Android程序使PDA扫码广播消息转发至Web页面
  • android开发技巧杂谈
  • 高通CSR8675蓝牙音频芯片介绍
  • Android Studio列表用法之一：ListView图文列表显示（实例）
  • 分析Android 11.0Settings源码之主界面加载
  • 联发科MT6731 4G智能功能手机处理器芯片介绍
  • android 请求接口报错 org.apache.http.conn.HttpHostConnectException: Connection to http://192.168.1.90:9090 refused
  • GSYVideoPlayer使用记录

    • Android推荐文章

  • Jetpack Compose(7)——触摸反馈
  • 安卓开发日志采集和分析面面谈
  • Android桌面Launcher源码浅析
  • Android启动过程-万字长文(Android14)
  • Android Studio制作简单登录界面
  • FFmpeg开发笔记（九）Linux交叉编译Android的x265库
  • 在Android开发中如何使用OpenSL ES库播放解码后的pcm音频文件？
  • Android 开机流程介绍
  • 安卓端出现https请求失败的一次问题排查
  • Android 编译介绍

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号