ScrollView 实现子视图滑动到顶部时固定不动

最新推荐文章于 2021-06-11 14:49:45 发布

liaoyi_

最新推荐文章于 2021-06-11 14:49:45 发布

阅读量8.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：特效文章标签： android 控件 ScrollView

本文链接：https://blog.youkuaiyun.com/liaoyi_/article/details/52913514

本文介绍如何实现ScrollView中子视图在滑动到顶部后保持固定，只有再次滑动时才随滚动。通过自定义ScrollView，可以达到类似iOS中头部吸顶的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们现在看看效果

（制作GIF图片太麻烦）

这就是实现之后的效果，中间的那块视图当ScrollView滑动到顶部的时候就会一直留在顶部，直到滑动下来的时候才会继续跟着滑动。

这里就需要自定义ScrollView

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ScrollView;

/**
 * Created by liaoyi on 201

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liaoyi_

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

android之用scrollview实现控件滑动固定效果

gsw333的博客

02-04

1万+

项目中最近用到需要布局滑动到某一个地方的时候某个控件固定在屏幕顶部不动，就去研究了下，思路其实挺简单的，我置顶的悬浮控件上边还需要留个控件，比如搜索框之类的，看个人需求了

android ScrollVIew中控件滑动顶端固定

11-22

因为项目需要做了一个效果，就是当某个操作按钮滑动顶部是固定在顶部，不让其隐藏，让用户无时无刻都可以实现这个操作。这个效果不是很神奇，就个人来说呢，很有用。无形间增加了用户体验鸟

4 条评论您还未登录，请先登录后发表或查看评论

Android -- 固定在ScrollView顶部的View，类似于新浪微博的评论列表的顶部

chuogong3444的博客

09-03

270

先来看一下上面这张图的效果。这个是新浪微博的一个页面，整体布局大致分了三块：正文内容、转发评论赞的数字条、评论列表其中数字条是可以跟着ScrollView一起滑动，但在滑到最顶部时固定在最上面，而下面的评论内容可以继续滑动。这种效果还是挺赞的，但一开始没有什么思路，所以就去搜了...

ios:让UIScrollView滚动时，其子视图位置不变

weixin_30275415的博客

03-21

241

1.前言：项目中需要在UIScrollView滚动时，某个控件保持位置不变，一般来说放到self.view上即可，但是这里必须要放到UIScrollView上，这样的话就随着滚动而滚动了 2.想法：于是我写了一个继承了UIScrollView的类，很简单，用layoutSubviews解决了 3.代码： - (void)layoutSubviews { [super layo...

android 滑动顶部固定,android view滑动到顶部悬停

weixin_42304604的博客

05-25

400

千万不要再根据滑动的高度来控制控件的显示隐藏来实现悬停效果了，推荐一个超级方便的实现悬停效果的CoordinatorLayout+AppBarLayout完美实现悬停效果例子如下android:layout_width="match_parent"android:layout_height="match_parent">android:layout_width="match_parent"a...

Unity ScrollView实现动态列表生成

12-20

2. **设置锚点（Anchors）**：为了实现顶部固定并向下延伸的列表，Content和每个item的锚点设置至关重要。应确保Content和每个item的顶部锚点位于同一位置，保持居中对齐。这样，当列表滚动时，新显示的item会从顶部...

Android ScrollView子控件滑动顶部悬浮

08-03

通过以上步骤，我们就能够实现一个基本的Android ScrollView子控件滑动到顶部悬浮的功能。在实际项目中，还可以根据需求进行更复杂的设计，比如添加更多交互效果，或者将此功能封装成一个可复用的库组件。对于...

实现安卓ScrollView顶部控件的向上滑动悬浮效果

当用户滚动列表或内容时，顶部的控件（如搜索框、标题栏等）能够固定在屏幕顶部，不随ScrollView的滚动而滚动。这样用户就能够随时访问或使用这些控件，而不必再次滚动回顶部。下面详细介绍实现这一效果所需的知识点...

禁止ScrollView在子控件的布局改变时自动滚动的的方法

asia_one的专栏

03-20

609

最近在做一个项目，上面是一个LinearLayout布局，下面是一个百度地图的MapView控件，MapView控件的高度比较大，导致整个页面的的内容就超出了屏幕的显示区域，于是就在外面套了个scrollview，但新问题出现了，每次进入页面时，由于地图的加载导致scrollview总是自动滚动到了最底部，上面的LinearLayout区域只显示了下面的一部分，为了解决这个问题我用了scrollv

android自定义吸顶,Android ScrollView+ViewPager 固定顶部控件，自动吸顶效果

weixin_31822733的博客

05-25

732

FixedTabScrollViewFixedTabScrollView是一个scrollView+ViewPager 并实现自动顶吸，固定顶部控件，动态计算Viewpager控件高度的一个解决方式的Demo (这个Demo应该可以给大家提供一种解决问题的思路，希望能帮助到大家，欢迎Star~~~)点击进入项目地址实际效果: xiaoguo.gif需求和问题：在实际项目中我们常常会碰到这样的需求...

修改scrollview，防止其上下滚动

架构师的一小步的博客

04-08

948

self.scrollView.frame=CGRectMake(0, 0, self.view.frame.size.width, self.view.bounds.size.height); self.scrollView.pagingEnabled = YES; self.scrollView.autoresizesSubviews = NO; self.scr...

RN中，怎样使搜索框固定在屏幕顶部，不随屏幕滚动而滚动

别动我u盘-的博客

11-22

3297

这几天因为一个比赛，迫不得已使用react native，期间遇到了很多问题，可能也是本人实力菜/xk，在此做一些记录。现在遇到的问题是页面中使用了ScrollView，但是我又需要在顶部固定一个顶部导航（搜索框），此时翻遍了百度也没找到，突然灵光一闪，抱着试一试的态度，想不到居然成功了，哈哈哈。代码请看下图。在ScrollView上面放一个View，这个View自然而然就会被固...

小程序使用scroll-view组件视频固定顶部

yzhht的专栏

06-11

825

DoLanLik关注 2020.06.18 11:01:59字数 250阅读 897 ideo如果用fixed属性固定在页面顶部，在手机上滑动时，视频会跟着滚动，并且会在顶部留下一个黑匣子。这里我们不用fixed属性，而是把页面分为两部分，上部分为视频，下部分为滚动区域，滚动区域用scroll-view包裹，给scroll-view组件设置固定高度，并在在页面的json文件中设置禁止页面滚动就可以啦。。。上代码 wxml <view class='video'> &...

Android ScrollView嵌套子View时的滑动冲突问题

FrancisBingo的博客

05-26

2226

一、问题描述今天遇到了一个view冲突，一个颜色选择器放在了一个ScrollView下面，导致滑动冲突，二、问题分析这里就需要我们对view的事件分发有一些了解 dispatchTouchEvent：负责事件的分发 onInterceptTouchEvent：判断是否拦截某个事件 onTouchEvent：消费点击事件三、问题解决这里涉及到一个方法，例如我们在ACTION_DOWN事件中加上getParent().requestDisallowInterceptTouchEvent.

android 滑动顶部变化,Android实现滑动到顶部悬停的效果

weixin_35461822的博客

05-26

413

先来看下要实现效果图：查阅资料后，发现网上大部分都是用这种方法实现的：多写一个和需要悬浮的部分一模一样的layout，先把浮动区域的可见性设置为gone。当浮动区域滑动到顶部的时候，就把浮动区域B的可见性设置为VISIBLE。这样看起来就像悬浮在顶部不动了。这里介绍的是另外一种方式：使用design包中的控件xmlns:android="http://schemas.android.com/apk...

实现上拉刷新下拉加载的布局

u014366956的专栏

09-09

667

package com.xfej.view; import java.util.Date; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import an

android ScrollView 固定顶部、底部滑动中间部分

jslhl的博客

09-01

3321

网上搜了很多资料，最终使用ScrollView包裹中间部分，代码如下： <ScrollView android:layout_width="match_parent" android:layout_height="0dp" android:scrollbars="none" android:layout_weight="1"> ...........

上面ScrollView，底部固定Button，两种方法任你挑！

算法之道

10-23

4925

我们在做一个表单界面的时候，表单项很多，会用ScrollView滚动条来滚动，但是这时候的Button会跟着滚动条一起滚动，如果我们希望Button固定在底部，滚动条只滚动表单，有两种方法： 1.用权重，即android:layout_weight，具体代码如下