滚动视图ScrollView:滚动视图演示

最新推荐文章于 2022-04-07 17:58:18 发布

原创最新推荐文章于 2022-04-07 17:58:18 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android studio #android

Android Studio开发实战学习笔记专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了一种使用LinearLayout结合HorizontalScrollView和ScrollView实现复杂布局的方法。通过水平和垂直滚动视图展示不同颜色的视图块，演示了如何在有限的空间内显示更多的内容。

layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- HorizontalScrollView是水平方向的滚动视图，当前高度为200dp -->
    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="200dp">

        <!-- 水平方向的线性视图，两个子视图的颜色分别为青色和黄色 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <View
                android:layout_width="400dp"
                android:layout_height="match_parent"
                android:background="#aaffff" />

            <View
                android:layout_width="400dp"
                android:layout_height="match_parent"
                android:background="#ffff00" />
        </LinearLayout>
    </HorizontalScrollView>

    <!-- ScrollView是垂直方向的滚动视图，当前高度为自适应 -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- 垂直方向的线性视图，两个子视图的颜色分别为绿色和橙色 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#00ff00" />

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#ffffaa" />
        </LinearLayout>
    </ScrollView>
</LinearLayout>

result