Android新手开发之旅-UI控件之ScrollView

liu

ScrollView



Android新手开发之旅【目录】




当页面内容过多，手机屏幕显示不下时，可以在页布局最外层添加一个ScrollView，ScrollView是一个垂直方向上的滚动布局，只能包含一个子视图或视图组，通常给其添加一个LinearLayout的子元素，并且设置orientation为vertical(垂直方向)


基本用法：

[XML] 纯文本查看 复制代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="15dp">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <!-- 这里面添加各个控件 -->

        </LinearLayout>
    </ScrollView>

</LinearLayout>

举个例子：

activity_main.xml:

[XML] 纯文本查看 复制代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <Button
                style="@style/button"
                android:text="1" />

            <Button
                style="@style/button"
                android:text="2" />

            <Button
                style="@style/button"
                android:text="3" />

            <Button
                style="@style/button"
                android:text="4" />

            <Button
                style="@style/button"
                android:text="5" />

            <Button
                style="@style/button"
                android:text="6" />

            <Button
                style="@style/button"
                android:text="7" />

            <Button
                style="@style/button"
                android:text="8" />

            <Button
                style="@style/button"
                android:text="9" />

            <Button
                style="@style/button"
                android:text="10" />

            <Button
                style="@style/button"
                android:text="11" />

            <Button
                style="@style/button"
                android:text="12" />

            <Button
                style="@style/button"
                android:text="13" />

            <Button
                style="@style/button"
                android:text="14" />

            <Button
                style="@style/button"
                android:text="15" />

        </LinearLayout>
    </ScrollView>

</LinearLayout>

res/styles.xml:

[XML] 纯文本查看 复制代码

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <!-- button -->
    <style name="button">
        <item name="android:layout_width">120dp</item>
        <item name="android:layout_height">80dp</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:textSize">18sp</item>
        <item name="android:layout_margin">5dp</item>
        <item name="android:background">@color/colorAccent</item>
    </style>
</resources>

运行结果：

        

站长苏飞

我只是路过打酱油的。

惜

强烈支持楼主ing……

范范

强烈支持楼主ing……