屏幕滑动控件ScrollView

心已赠人 2022-09-16 00:29 186阅读 0赞

用一般的布局，屏幕不能上下或左右滚动，需要使用专门的根布局。

### 1.垂直滚动：ScrollView ###

改变布局文件的根布局：把根布局改成:ScrollView

注意：ScrollView的子元素只能有一个，所以得增加一个LinearLayout布局，把其他按键放在这个LinearLayout中，那么ScrollViewd的子元素就只有一个LinearLayout了，而LinearLayout的子元素不限制。  
![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16][]

没有滚动设置就无法看到下部控件

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_12_color_FFFFFF_t_70_g_se_x_16][]![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_12_color_FFFFFF_t_70_g_se_x_16 1][]

使用垂直滚动后，可以显示全部控件

<?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:padding="10dp">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
    
            <TextView
                android:id="@+id/text_notifications"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="12sp" />
    
            <EditText
                android:id="@+id/editName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ems="10"
                android:inputType="textPersonName"
                android:text="sichuan" />
    
            <EditText
                android:id="@+id/editPWD"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ems="10"
                android:inputType="textPassword"
                android:text="123456" />
    
            <EditText
                android:id="@+id/ediPos"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ems="10" />
    
            <Button
                android:id="@+id/btGetPos"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="获取位置" />
    
            <Button
                android:id="@+id/btLog"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="登录" />
    
            <TextView
                android:id="@+id/editRet"
                android:layout_width="match_parent"
                android:layout_height="463dp"
                android:text="信息反馈"
                android:textSize="10dp" />
            <TextView
                android:id="@+id/editRet3"
                android:layout_width="match_parent"
                android:layout_height="500dp"
                android:text="信息反馈"
                android:textSize="10dp" />
            <EditText
                android:id="@+id/ediPos3"
                android:layout_width="match_parent"
                android:layout_height="10dp"
                android:ems="10" />
    
            <EditText
                android:id="@+id/ediPos4"
                android:layout_width="match_parent"
                android:layout_height="10dp"
                android:ems="10" />
    
            <TextView
                android:id="@+id/editRet2"
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:text="滚动到底"
                android:textSize="8dp" />
    
            <EditText
                android:id="@+id/ediPos41"
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:ems="10" />
    
            <TextView
                android:id="@+id/editRet22"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:text="隔离下部导航条"
                android:textSize="40dp" />
        </LinearLayout>
    </ScrollView>

因为采用了底部导航条，所以添加了最后两个控件占据导航条位置，避免无法显示，具体高度需要根据实际情况进行调试。

### 2.水平滚动：HorizontalScrollView ###

在LinearLayout里新建一个HorizontalScrollView,同样他的子元素只能有一个。

暂时没有需要，等待以后测试

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/e2dff2097f954f668f0922ab5bd0507c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_12_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/2a46d5c93f7942418c769b1c028c123c.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2ljaHVhbnd3dw==,size_12,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_12_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/f2ec09e599a94441b50970fab10f243b.png