IT技术资源整理
及综合资源分流

Android开发-ScrollView组件实现XML布局滚动

ScrolloView 由 FrameLayout 派生而出,它就是一个用于为普通组件添加”滚动条”的组件。ScrolloView 里最多只能包含一个组件,而ScrollView 的作用就是为该组件添加”垂直滚动条”。

ScrollView 的作用也和 Swing 编程中的 JScrollPane 非常相似,它们严格来说不能被称为真正的容器,它们只是为其他容器添加滚动条。

我们只需将布局(LinearLayout)包含在”ScrolloView”组件中即可实现垂直滚动垂直滚动ScrolloView:

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义 ScrollView,为里面的组件添加垂直滚动条 -->
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

       <!-- 注意:多个Button组件可以省略掉 -->
            <Button
                android:layout_width="300dp"
                android:layout_height="wrap_content"
                android:text="a"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="b"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="c"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="d"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="e"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="f"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="g"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="h"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="i"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="j"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="k"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="l"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="f1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="f11"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="f111"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="f1111"/>

            
        </LinearLayout>
</ScrollView>

 

 

水平滚动 HorizontalScrollView :

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义 ScrollView,为里面的组件添加垂直滚动条 -->
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <!-- 注意:多个Button组件可以省略掉 -->
        <Button
            android:layout_width="550dp"
            android:layout_height="wrap_content"
            android:text="a"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="b"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="c"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="d"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="e"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="f"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="g"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="h"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="i"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="j"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="k"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="l"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="f1"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="f11"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="f111"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="f1111"/>


    </LinearLayout>
</HorizontalScrollView>

 

上面的界面布局实现了界面的垂直、水平同时滚动。使用Activity显示上面的界面布局将看到如视频所示。

来源于互联网,版权归互联网原著作者所有:GLUMI » Android开发-ScrollView组件实现XML布局滚动
标签:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏