开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用ScrollView实现这一效果？

ScrollView是一种常用的UI组件，用于在移动应用中实现可滚动的视图。它可以在屏幕上显示超出屏幕尺寸的内容，并通过滑动手势进行浏览。

要使用ScrollView实现特定效果，可以按照以下步骤进行操作：

在布局文件中添加ScrollView组件，并设置其宽度和高度，以适应所需的滚动区域。

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

    <!-- 在这里添加需要滚动的内容 -->

</ScrollView>

在ScrollView中添加需要滚动的内容。可以使用LinearLayout、RelativeLayout或其他布局组件来组织内容。

<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中添加各种视图组件，如文本框、按钮、图像等。

<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">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这是一个文本框" />

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这是一个按钮" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/image" />

        <!-- 在这里添加其他视图组件 -->

    </LinearLayout>
</ScrollView>

如果内容超出屏幕高度，ScrollView会自动启用垂直滚动。用户可以通过手势在屏幕上滑动来浏览内容。

ScrollView的优势在于它提供了一种简单且灵活的方式来实现可滚动的视图。它适用于各种场景，如长文本显示、表单输入、图像浏览等。通过使用ScrollView，可以确保应用界面在不同屏幕尺寸和设备上都能正常显示，并提供良好的用户体验。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储、人工智能等。具体推荐的产品和产品介绍链接地址可以根据实际需求和使用场景来确定。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

记一次 contentInsetAdjustmentBehavior 引发的bug

项目中使用到了UILable来展示相关的文本内容，但内容的大小不确定，有可能会超过屏幕的大小,因此需要在外层嵌套一个UIScrollView来保证内容可以被完全展现给用户，在UILabel确定相关的高度后，再通过设置UIScrollView的contentSize 来限定UIScrollView的滚动范围，保证全部内容可被浏览到

02

iOS 多个scrollview联动（附DEMO）

在移动应用实际开发过程中，往往会有多个scrollview嵌套的界面需求，这种需求已经司空见惯，解决方案也多种多样，这里就介绍一下我认为最优的解决方案。

07

教你写个图片轮播

这是一个图片轮播的 Demo，上半部分用 CollectionView 实现，没有无限循环效果，下半部分是用 ScrollView 实现的，自动无限轮播。代码地址在这里。

05

用AutoLayout实现分页滚动

UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。这些界面中往往每一页功能都比较独立，系统也提供了UIPageViewController来实现这种分页滚动的功能。实现分页滚动的UI实现一般是最外层一个UIScrollView。然后UIScrollView里面是一个总体的容器视图containerView。容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致。每个页视图中在添加各自的条目视图。整体效果图如下：

04

Android的FixScrollView自定义控件

需求模仿腾讯课堂视频播放详情页面，效果如图： 1外层滚动控件到顶部，内层控制滚动 2内层滚动到顶部，外层控制滚动 835108-20170331111709149-156183149.gif 835108-20170331111723820-1491053367.gif 基本思路：是最外层有个父ScrollView,子tab页面中有ListView（React-native原生实现也是ScrollView），现在外部的ScrollView设定一个固定高度（屏幕高度+视频高度一半），接下来解决的难点是要

08

让你的布局滚动起来—ScrollView

通过两天的”实战“，今天我们稍微放松一下脚步，让大家喘口气歇一会儿，我们今天为大家带来的控件，解决了太多在项目中遇到的适配问题，如果你已经碰到了这种问题，就紧跟我们的脚步吧~

03

零基础入门 23： UGUI ScrollView

今天要分享的内容，是近期内关于UGUI的最后一篇，UGUI里的滚动视图ScrollView，后期的内容会根据项目实用的功能组件进行分享。

02

UIScrollView视觉差动画

那么拖拽中，逐渐移动复位rightView上的RightImage的X坐标：rightView.contentX = 需要移动距离长度 - 移动百分比 * 需要移动距离长度 ; leftView.contentX 和这个类似，交由小伙伴们去思考。

实现 iOS 无感知上拉加载更多

什么是无感知，这个这样理解：在网络情况正常的情况下，用户对列表进行连续的上拉时，该列表可以无卡顿不停出现新的数据。

04

UIScrollView视觉差动画

前言：看到凤凰新闻头条栏目的编辑推荐新闻是这个效果，觉得不错，就想着实现一下，以下就是我的实现过程，示例代码请看这儿→UIScrollView视觉差动画。总效果一、首先实现一个基本的图集浏览

06

仿大众点评悬浮购买框效果

我之前写了一篇关于美团网，大众点评的购买框效果的文章Android对ScrollView滚动监听，实现美团、大众点评的购买悬浮效果，我自己感觉效果并不是很好，如果快速滑动界面，显示悬浮框的时候会出现一卡的现象，有些朋友说有时候会出现两个布局的情况，特别是对ScrollView滚动的Y值得监听，我还使用了Handler来获取，还有朋友给我介绍了Scrolling Tricks这个东西，我下载试了下，确实美团网，大众点评的购买框用的是这种效果，但是Scrolling Tricks只能在API11以上使用，这个

Android实习周记：第四周，Geek，就要做“有技术含量”的活！

1. 工作总结：虽然上周明白了工作不分轻重，都要认真对待，但自诩Geek的可爱程序员们，谁不想干点有技术含量的活，体现自己的能力呢？这周起来，我终于得到了新任务:为一个模块画界面，总共八个界面。拿到任务我还是挺开心的，画界面嘛，小菜一碟，看我分分钟搞定，彰显高手风范。首先要实现的是一个类似qq主界面一样的效果。多个菜单栏可以滑动切换，也可以点击菜单名切换。用一个线性布局+ViewPager就可以搞定。主界面是一个listView，展示相关信息。以前做过，结果忘了适

03

UIScrollView 和 UIPageControl 实现启动滑动图[通俗易懂]

更多的关于NSUserDefaults的介绍请看：NSUserDefaults 简介

01

UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示，和UE体验。如果不会很好的使用UIScrollView，就等于丧失了苹果一般的法力。移动设备的屏幕大小是极其有限的，因此直接展示在用户眼前的内容也相当有限。当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容。普通的 UIView 不具备滚动功能，不能显示过多的内容。 UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容 1.1 工作原理

06

SNS项目笔记<五>--content滚动の坑

项目中，在使用<ion-content>滚动到底部的时候，一直使用其官方的scrollToBottom()，但是在实际运行的时候，总是无法显示出效果，这里就很奇怪了，官方也未做任何对于它的解释，为啥在

03

常用开发技巧系列（一）

前言：在我们iOS开发的过程中，你要是知道一些特别的小技巧的话，其实是可以帮你省很多事的，当然这东西也不需要我们专门去记，估计没有几个开发人员喜欢死记硬背，有需要，上网找，边学边用才是技巧的正确的打开方式。毕竟，这东西也是一个随着时间去积累总结的一个过程。这里总结了一些平时积累到的一些开发的小技巧，其实有一些要是碰不到那个问题我也记不起来，所以打算一直更新下去，把碰到的小技巧一点点的都总结起来，把它最后做成一个系列。你要有什么好的，欢迎在下面评论里展示出来给大家看，大家相互学习。一：给凡

【Android从零单排系列二十六】《Android视图控件——ScrollView》

小伙伴们，在上文中我们介绍了Android视图组件RecyclerView，本文我们继续盘点，介绍一下视图控件的ScrollView。

02

横向滑动视图HorizontalScrollView精炼详解

由于移动设备物理显示空间一般有限，不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView、RecyclerView等滚动视图控件，这几个视图控件也是我们平常使用最多的。本节内容我们来分析一下横向滚动视图HorizontalScrollView。

02

项目需求讨论-自定义滚轮

大家好，这次又是到了实际的项目需求讨论时间，我的一些文章下面，有时候有人评论，求源码，求Demo，我的主张是仔细看文章，自己理解了再写一遍，会懂得更多。大部分人都习惯直接拿过来用，能用了都不会去看为什么能实现需求。所以我还是写以如何实现为主。（这B装的我太累了。我TM就是懒啊。不想写Demo，自觉性还是有待提高。）

02

UIScrollView

前面两篇文章聊的UITableView和UICollectionView都是继承自UIScrollView，本篇文章就来简单聊聊UIScrollView。

02

【HarmonyOS 专题】07 简单了解 ScrollView 滑动组件

和尚在前面学习 Image 时当前屏幕展示不全，需要用到 ScrollView 滑动组件，和尚今天进一步学习一下；

01

iOS开发UIScrollView使用详解原

@property(nonatomic)CGPoint contentOffset;

03

iOS流布局UICollectionView系列六——将布局从平面应用到空间

前面，我们将布局由线性的瀑布流布局扩展到了圆环布局，这使我们使用UICollectionView的布局思路大大迈进了一步，这次，我们玩的更加炫一些，想办法将布局应用的空间，你是否还记得，在管理布局的item的具体属性的类UICollectionViewLayoutAttributrs类中，有transform3D这个属性，通过这个属性的设置，我们真的可以在空间的坐标系中进行布局设计。iOS系统的控件中，也并非没有这样的先例，UIPickerView就是很好的一个实例，这篇博客，我们就通过使用UICollectionView实现一个类似系统的UIPickerView的布局视图，来体会UICollectionView在3D控件布局的魅力。系统的pickerView效果如下：

02

dispatchTouchEvent事件分发浅析（八）简单解决ScrollView 与 WebView 的冲突

上一篇，简单叙述了一下对应的想法这篇也只是选读，没有太多实在意义，只是叙述一下对应的解决过程这里简单录制gif，好理解一点

02

IOS开发系列——启动页专题【整理，部分原创】

两种方式，一种是使用系统自带的，按规则定义启动图片名称即可，显示为1秒，要想延长时间，用［nsthread sleepForTimeInterval:5.0］ ,另一种就是自定义uiivew，加到window中去。

01

iOS开发之有间距的UITableViewCell

UITableView是最常用的一个iOS控件，现要做一个如下图的UITableView，其中白色部分就是cell，可是默认的UITableView中cell之间是没有间隔的，那么办呢？网上有2种做法

06

Android ScrollView粘性头部代码分享

前言，一天在点外卖的时候，注意到饿了么列表页的滑动效果不错，但是觉得其中的手势滑动还是挺复杂的，正好又碰到了在熟悉Touch事件的理解当中，所以就抽空对着饿了么的列表页面尝试写写这个效果

02

Android 实现锚点定位思路详解

相信做前端的都做过页面锚点定位的功能，通过<a href="#head" rel="external nofollow" 去设置页面内锚点定位跳转。

02

他们主动布局（autolayout）环境的图像编辑器

上的，今天我将其pull到github上来了，大家能够自行下载：git clone git@github.com:lihux/twentyThousandTomatoes.git没有安装git或者不会用的童鞋，

01

Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52510844

01

仿大总点评浮动效果

在大众点评团购中，有这样一个效果. 在具体的团购页面中商家图片下有一个购买条，当用户滚动团购详情界面的时候，购买条会停留在界面的最上方. 具体效果如图: 图1

09

AppBarLayout学习

AppBarLayout是一个垂直的LinearLayout，实现了很多和协调布局一起合作的滚动属性。其子View可以通过setScrollFlags()或在xml布局中通过app:layout_scrollFlags属性设置想要的滚动行为。

03

Android右滑返回上一个界面的实现方法

如上所示，既然要滑动返回上一个界面，我给出的方法是重写onTouchEvent事件，所以我们实现了OnTouchListener 这个接口，

03

iOS_NestedScrollView（嵌套ScrollView）

首先需要了解UIGestureRecognizerDelegate协议的这个方法：

03

iOS设置tableViewCell之间的间距（去掉UItableview headerview黏性）

经常在项目中遇到自定义cell的情况，而且要求cell之间有间距，但是系统没有提供改变cell间距的方法，怎么办？　　方法1：自定义cell的时候加一个背景View，使其距离contentView的上下一定距离，实际上cell之间没有间距，但是显示效果会有间距。这个方法有个弊端，比如你设置的间距gap = 12；那么第一个cell距离上面距离为gap，而每个cell的间距为2*gap，效果不是很满意。　　方法2：创建tableView的时候用grouped，一个cell就是一个section。然后设

05

Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/80125245

01

Android编程实现类似天气预报图文字幕垂直滚动效果的方法

本文实例讲述了Android编程实现类似天气预报图文字幕垂直滚动效果的方法。分享给大家供大家参考，具体如下：

02

Android带你解析ScrollView--仿QQ空间标题栏渐变

版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52107851

01

Android 实现锚点定位

相信做前端的都做过页面锚点定位的功能，通过去设置页面内锚点定位跳转。本篇文章就使用tablayout、scrollview来实现android锚点定位的功能。效果图：

02

Android实现两个ScrollView互相联动，同步滚动的效果

最近在做一个项目，用到了两个ScrollView互相联动的效果，简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动，要做到一起同步滑动。感觉在以后的项目开发中大家可能也会用到，绝对做个Demo分享出来，供大家一起学习，以便大家以后好用，觉的不错，有用的可以先收藏起来哦！其实对于ScrollView，Android官方并没有提供相关的获得或者设置滑动距离的方法，也没有提供相应的监听方法。但是那要怎么来做呢？不用担心，肯定能做到。既然没有提供监听方法，但是通过查

05

黑科技：使用AI和机器学习将Android项目秒变IOS项目

最近看Github，发现了一个刚出炉的黑科技：利用人工智能（AI）和机器学习（ML）技术将现有Android源代码转换成iOS代码。目前支持Android项目中的资产目录文件和UI布局转换,以及部分外部库的转换。有了这个神器，以后一个人就可以轻松搞定两个平台了，真是爽歪歪啊。。。。我根本不需要学习iOS了。。。

00

MJRefresh 源码阅读

MJRefresh项目地址 https://github.com/CoderMJLee/MJRefresh 下载下来后我们打开项目可以看到下面的目录 MJ项目结构 MJRefresh目录下就是下

02

iOS WKWebView+UITableView混排

WKWebView+UITableView混排做内容展示页的时候，经常会用到WKWebView+UITableView的混排功能，现在此做一个总结，该功能的实现我采用了四种方法。方案1： webView作为tableView的Header, 撑开webView，显示渲染全部内容，当内容过多时，比如大量高清图片时，容易造成内存暴涨（不建议使用），此方案简单粗暴 , 仅适用于内容少的场景，具体实现不在此赘述，直接看代码。方案2：简书的内容页实现方案 : UIWebView与UITableV

03

DZNEmptyDataSet，优秀的空白页或者出错页封装

该文章介绍了如何为iOS开发中的UIView添加自定义视图，包括自定义视图的创建、添加和触摸事件的处理。同时，文章还提供了示例代码和详细的注释，以帮助读者更好地理解如何在实际开发中实现自定义视图。

06

Android仿IOS上拉下拉弹性效果的实例代码

用过iphone的朋友相信都体验过页面上拉下拉有一个弹性的效果，使用起来用户体验很好；Android并没有给我们封装这样一个效果，我们来看下在Android里如何实现这个效果。先看效果，感觉有些时候还是蛮实用的。

03

webview 和 React Native 中吸顶效果实现

在跨端开发中，离不开一些吸顶的交互场景，可以参考淘宝或是京东类电商 app 中一些 tab ，在整个容器滑动的过程中，吸顶效果非常的连贯和丝滑的，当然这些 tab 可能是用 native 开发的，但是跨端应用也能实现很不错的吸顶效果，那么今天我们就来研究一下跨端开发是如何实现吸顶的。

01

Unity-Optimizing Unity UI（UGUI优化）04 UI Controls

这一章节专门针对UI Controls进行优化。大部分的UI Controls都对性能表现有一定的影响。

02

android仿知乎ScrollView滚动改变标题栏透明度

刷知乎的时候看到，专题栏里面往下滚动标题栏会由透明逐渐变蓝色，觉得这个效果不错，就想自己写一下

02

iOS 图片浏览的放大缩小

功能描述：支持网络和本地gif、jpeg等格式图片的浏览、捏合或双击放大缩小、长按保存到本地相册、获取gif图片的循环次数和时长。效果预览.gif 主要部分：创建一个继承于UIScrollView的

04

android 初始界面 scrollTo无法执行

文章转自：http://blog.csdn.net/lin49940/article/details/6278592

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭