滚动视图ScrollView

最新推荐文章于 2025-09-23 10:09:44 发布

原创最新推荐文章于 2025-09-23 10:09:44 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

146 篇文章

订阅专栏

android

103 篇文章

订阅专栏

本文介绍了Android中实现垂直滚动的ScrollView和水平滚动的HorizontalScrollView。示例代码展示了如何在ScrollView内嵌套LinearLayout，包含多个Button元素，用于垂直滚动。同时，HorizontalScrollView演示了水平方向上的滚动布局，包含一组宽高固定的Button。这些基础知识对于Android界面设计至关重要。

注意：子元素标签只能有一个！

垂直滚动: ScrollView

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <Button
            android:id="@+id/btn_textview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:textAllCaps="false"/>
        <Button
            android:id="@+id/btn_button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Button"
            android:textAllCaps="false"
            />
        <Button
            android:id="@+id/btn_edittext"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="EditText"
            android:textAllCaps="false"
            />
        <Button
            android:id="@+id/btn_radiobutton"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="radioButton"
            android:textAllCaps="false"
            />
        <Button
            android:id="@+id/btn_checkbox"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="CheckBox"
            android:textAllCaps="false"
            />
        <Button
            android:id="@+id/btn_imageview"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="ImageView"
            android:textAllCaps="false"
            />
        <Button
            android:id="@+id/btn_grideview"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="GrideView"
            android:textAllCaps="false"
            />
        <Button
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:text="Test"
            android:textAllCaps="false"
            android:layout_marginTop="600dp"
            />
    </LinearLayout>>


</ScrollView>

在这里插入图片描述

水平滚动: HorizontalScrollView

   <HorizontalScrollView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content">
            <LinearLayout
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:orientation="horizontal">
                <Button
                    android:layout_height="200dp"
                    android:layout_width="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_height="200dp"
                    android:layout_width="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_height="200dp"
                    android:layout_width="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_height="200dp"
                    android:layout_width="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
            </LinearLayout>
        </HorizontalScrollView>

在这里插入图片描述