Android—ScrollView和HorizontalScrollView使用

野性酷女 2022-07-15 18:29 255阅读 0赞

Android当中比较常用的两个布局容器–ScrollView和HorizontalScrollView，从字面意义上来看也是非常的简单的，ScrollView就是一个可以滚动的View，这个滚动的方向是垂直方向的，而HorizontalScrollView则是一个水平方向的可以滚动的View。

**一、ScrollView的简单介绍**  
首先来看看ScrollView和HorizontalScrollView这两个View的定义。ScrollView和HorizontalScrollView都是一个布局容器，里面可以放入child View控件，我们通过其继承关系看到，ScrollView和HorizontalScrollView这两个类是ViewGroup的一个间接子类。

java.lang.Object
       ↳    android.view.View
            ↳    android.view.ViewGroup
                 ↳    android.widget.FrameLayout
                      ↳    android.widget.ScrollView

java.lang.Object
       ↳    android.view.View
            ↳    android.view.ViewGroup
                 ↳    android.widget.FrameLayout
                      ↳    android.widget.HorizontalScrollView

因为ScrollView和HorizontalScrollView只是两种滚动方向不同的View而已，其他方面都基本相同，所以下面只单单以ScrollView来讲解。

对于ScrollView来说，因为其是垂直方向上的滚动布局，因此通常我们给其添加一个LinearLayout的子元素，并且设置orientation为vertical(垂直方向的)。下面我们通过一个小例子来看看如何使用我们的ScrollView来展示多张图片，并且实现图片的垂直方向的滚动。

首先我们定义一个ScrollView，因为ScrollView也是一个ViewGroup，所以我们可以直接使用ScrollView作为我们的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:fillViewport="false">
    
        <LinearLayout android:id="@+id/layout" android:layout_height="match_parent" android:layout_width="wrap_content" android:orientation="vertical"/>
    
    </ScrollView>

我们看到，在ScrollView元素下面我们还给其定义了一个LinearLayout，并且设置了其方向为垂直方向的线性布局。我们添加图片的操作放在了代码中来完成。下面来看一下MainActivity这个类：

package com.turo.scrollviewtest;
    
    import android.graphics.drawable.Drawable;
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    
    public class MainActivity extends AppCompatActivity { 
    
        private LinearLayout layout;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            layout = (LinearLayout) findViewById(R.id.layout);
    
            for (int i = 0; i<10; i++){
                // 通过资源文件来获得指定一个Drawable对象
                Drawable drawable = getResources().getDrawable(R.drawable.dog);
                ImageView imageView = new ImageView(this);
                imageView.setImageDrawable(drawable);
                layout.addView(imageView);
            }
        }
    }

我们看到，这个Activity非常的简单，因为LinearLayout就是一个ViewGroup对象，所以我们可以动态的给其添加我们想要的View控件，这里我们给其添加了10张图片，我们来看看效果：  
我们看到，在Activity启动以后，就会在其下面生成10个ImageView的对象，并且这几张图片是可以在垂直方向上滚动的。

![这里写图片描述][20161022212545299]

**二、HorizontalScrollView**  
对于HorizontalScrollView而言，其实所有的思想都与ScrollView类似，唯一的区别是HorizontalScrollView是支持水平滚动的。在上面的实例中，只需要改变一下外围的ScrollView为HorizontalScrollView，再把其中包裹的LinearLayout的android:orientation属性设置为horizontal即可实现水平滚动的效果。

![这里写图片描述][20161022213316115]

**三、总结**  
对于现在的Android开发，大部分应用中，需要用到滚动效果的时候，比如说滑动的展示新闻的效果，都会直接使用ListView来装载数据。但是ScrollView还是有一定用处的，比如一些软件的属性的设置，就可以放在一个ScrollView中。核心思想就是对于一些动态的效果展示，就使用ListView，对于固定的一些效果展示，就使用ScrollView包裹即可。

[20161022212545299]: /images/20220715/0c30ae2fec404c8897cb05e119205d66.png
[20161022213316115]: /images/20220715/98e3236eb61f420ca9fe7640980235c2.png