【Android Studio】常用布局 --- 滚动视图ScrollView

这篇具有很好参考价值的文章主要介绍了【Android Studio】常用布局 --- 滚动视图ScrollView。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题引入:手机屏幕的显示空间有限,常常需要上下滑动或左右滑动才能拉出其余页面内容,可惜一般的布局节点 都不支持自行滚动,这时就要借助滚动视图了。与线性布局类似,滚动视图也分为垂直方向和水平方向 两类,其中垂直滚动视图名为ScrollView,水平滚动视图名为

HorizontalScrollView

这两个滚动视图的 使用并不复杂,

主要注意以下3点:

(1)垂直方向滚动时,layout_width属性值设置为match_parent,layout_height属性值设置为wrap_content。

(2)水平方向滚动时,layout_width属性值设置为wrap_content,layout_height属性值设置为match_parent。

(3)滚动视图节点下面必须且只能挂着一个子布局节点,否则会在运行时报错。

Caused by:java.lang.IllegalStateException:ScrollView can host only one direct child

下面是垂直滚动视图ScrollView和水平滚动视图HorizontalScrollView的XML例子:

<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="300dp"

                android:layout_height="match_parent"

                android:background="#aaffff" />

            <View

                android:layout_width="300dp"

                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>

运行测试App,可知ScrollView在纵向滚动,而HorizontalScrollView在横向滚动。 有时ScrollView的实际内容不够,又想让它充满屏幕,怎么办呢?如果把layout_height属性赋值为match_parent,结果还是不会充满,正确的做法是再增加一行属性android:fillViewport(该属性为true表示允许填满视图窗口),属性片段举例如下:

android:layout_height="match_parent"
android:fillViewport="true"

运行结果:

注:运行前修改清单文件

滑动页面

感谢观看!!!文章来源地址https://www.toymoban.com/news/detail-410471.html

到了这里,关于【Android Studio】常用布局 --- 滚动视图ScrollView的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 2022-11 CSS:flex布局父子宽度问题-小程序scrollView-div横向滚动字体超出隐藏-居中

    如上图第二行子元素宽度会跟随第一行宽度 解决方案: 对第二行设置: width: max-content; 使其宽度跟随自身内容 如上图,左侧宽高为112rpx,宽度不生效 解决方案: 对左侧图片设置宽高的同时, 设置最小宽高 效果如下: 例1:

    2024年02月09日
    浏览(44)
  • 【Android从零单排系列二十六】《Android视图控件——ScrollView》

    目录 前言 一 ScrollView基本介绍 二 ScrollView使用方法 三 ScrollView常见属性及方法 四 ScrollView简单案例 五 总结 小伙伴们,在上文中我们介绍了Android视图组件RecyclerView,本文我们继续盘点,介绍一下视图控件的ScrollView。 ScrollView是Android平台上的一个可滚动视图容器,它用于在一

    2024年02月12日
    浏览(26)
  • Android——使用ScrollView实现滚动效果,当内容超出屏幕范围时自动滑动显示

    Android——使用ScrollView实现滚动效果,当内容超出屏幕范围时自动滑动显示 ScrollView是Android中常用的布局容器,用于在屏幕空间有限的情况下实现内容的滑动显示。当内容超出屏幕范围时,用户可以通过滑动屏幕来查看更多内容,提供了更好的用户体验。 在Android中,使用Sc

    2024年01月16日
    浏览(36)
  • Android应用开发(4)视图布局基本属性

    Android应用开发学习笔记——目录索引 本章介绍视图(View)的基本概念及其用法,包括:如何设置视图的宽度和高度,如何设置视图的外部间距和内部间距,如何设置视图的外部对齐方式和内部对齐方式等。 在Android中,什么是视图(View)?View是Android中所有控件的基类,不

    2024年02月03日
    浏览(34)
  • 解决Android Studio 无法显示Layout视图问题

    1、删除如下两个文件 2、重启File-Invalidate and restart 解决Android Studio 无法显示Layout视图问题。

    2024年02月09日
    浏览(38)
  • Android Studio 中列表视图(ListView)的应用

    目录 引言 一、列表视图的作用 二、列表视图的工作原理和工作方式 三、准备数据源 四、适配器的使用 五、布局文件中的列表视图 六、自定义列表项布局 七、列表项点击事件处理 八、列表的优化 十、示例代码和演示 十一、总结和展望 参考资料:         欢迎来到本

    2024年02月08日
    浏览(29)
  • unity scrollview滚动到指定的位置

    方法一:通过下标 方法二:原文1 原文2 方法一没测试 这里给方法二增加注释理解 图1 图2 图3 图4

    2024年01月20日
    浏览(32)
  • android studio 页面布局(1)

    2023年04月24日
    浏览(70)
  • 微信小程序 scrollview 滚动到指定位置

    在微信小程序中,实现 ScrollView 滚动到指定位置有多种方法,下面将介绍三种主要的实现方式。 通过设置 scroll-view 组件的 scroll-top 属性,我们可以实现滚动到指定位置。以下是具体实现方式: 滚动逻辑: 在上述代码中,scroll-top是一个动态数据,通过手动改变scroll-top的值来

    2024年02月04日
    浏览(28)
  • Swift 让ScrollView滚动到具体某个位置

    1. 使用 scrollToItem 方法滚动集合视图 上述代码中,首先使用 scrollToItem 方法将集合视图滚动到第一条数据(左侧对齐),然后在稍后的延迟时间后,再次使用 scrollToItem 方法将其滚动到最后一条数据(左侧对齐)。 2. 使用 setContentOffset 方法来滚动集合视图 上述代码中,我们使

    2024年02月15日
    浏览(29)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包