android 布局中某一个View 在scroll滑动的时候吸附在顶部

最新推荐文章于 2024-06-03 18:32:38 发布
最新推荐文章于 2024-06-03 18:32:38 发布
阅读量1.1k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30216979/article/details/55195108
版权
第一个要重写scroll,要提供滑动监听的接口出来：
                                                                                   
package com.dksj.suctiontopdemo;

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

/**
 * 重构 ScrollView
 */

public class AbsScrollView extends ScrollView {


    private OnScrollListener onScrollListener;


    public AbsScrollView(Context context) {
        super(context);
    }

    public AbsScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public AbsScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


    @Override
    protected int computeHorizontalScrollRange() {
        return super.computeHorizontalScrollRange();
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (onScrollListener != null) {
            onScrollListener.onScroll(t);
        }
    }

    public interface OnScrollListener {
        void onScroll(int y);
    }

    public void setOnScrollListener(OnScrollListener onScrollListener) {
        this.onScrollListener = onScrollListener;
    }

}


第二部，在布局中使用重构的scroll:

                                                            

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.dksj.suctiontopdemo.AbsScrollView
        android:id="@+id/mScrollView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <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:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:id="@+id/mTextView"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#ff00"
                    android:padding="10dp"
                    android:text="Hello World!"
                    android:textColor="#fff" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />


                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp"
                    android:text="Hello World!" />
            </LinearLayout>

            <TextView
                android:id="@+id/mTextViewTop"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#ff00"
                android:padding="10dp"
                android:text="Hello World!"
                android:textColor="#fff" />

        </FrameLayout>
    </com.dksj.suctiontopdemo.AbsScrollView>

</RelativeLayout>


第三部在activity中使用：

                                         

package com.dksj.suctiontopdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.ViewTreeObserver;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements AbsScrollView.OnScrollListener {

    private AbsScrollView absScrollView;

    private RelativeLayout activity_main;

    private TextView mTextView;

    private TextView mTextViewTop;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        activity_main = (RelativeLayout) findViewById(R.id.activity_main);

        absScrollView = (AbsScrollView) findViewById(R.id.mScrollView);

        absScrollView.setOnScrollListener(this);

        mTextView = (TextView) findViewById(R.id.mTextView);

        mTextViewTop = (TextView) findViewById(R.id.mTextViewTop);

        activity_main.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                onScroll(absScrollView.getScrollY());
            }
        });

    }

    @Override
    public void onScroll(int y) {

        int top = Math.max(y, mTextView.getTop());

        mTextViewTop.layout(0, top, mTextViewTop.getWidth(), top + mTextViewTop.getHeight());
    }
}


qq_30216979
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android吸附菜单,Android RecycleView实现滑动停止后自动吸附效果
weixin_29713915的博客
05-26 600
Android RecycleView实现滑动停止后自动吸附效果发布时间：2020-11-02 16:01:42来源：亿速云阅读：124作者：Leah这篇文章将为大家详细讲解有关Android RecycleView实现滑动停止后自动吸附效果，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。package com.example.testappimpo...
Android ScrollView向上滑动控件顶部悬浮效果实现
09-29
Android ScrollView向上滑动控件顶部悬浮效果实现，请参考文章：http://blog.csdn.net/viviwen123/article/details/39669811
ScrollView 翻页吸附
qq_41937547的博客
02-02 144
scrollview 翻页吸附
Android 向上滑动页面使部分控件实现吸顶悬浮效果
最新发布
qq_43500004的博客
06-03 255
Android 实现滑动吸顶效果
自定义scrollview实现吸附效果
MarsKang的博客
10-24 1796
由于没有制作gif的软件所以现在只能上代码了1.首先我们需要在自定义scrollview中重写onFinishInflate方法找到相应的我们要控制的view@Override protected void onFinishInflate() { super.onFinishInflate(); //设置不可过度滚动，否则上移后下拉会出现部分空白的情况
Android -- RecyclerView实现顶部吸附效果
weixin_33744141的博客
03-03 321
1，先来看一下今天实现的效果： 2,这次的效果是使用ItemDecoration来实践的，来看一看我们的实现吧 　　第一步：首先添加依赖，由于我们这些数据是请求网络的，所以一下我们添加网络框架依赖、RecyclerView、Glide依赖 apply plugin: 'com.android.application' apply plugin: 'com.neenbedankt.android...
微信小程序开发中scroll-view左右滑动布局
09-17
微信小程序开发中scroll-view实现左右滑动时的布局样式,样式的编写，欢迎大家参考和提意见微信小程序开发中scroll-view实现左右滑动时的布局样式,样式的编写，欢迎大家参考和提意见
Android Scroll滑动效果实例
09-02
在Android开发中，滑动效果是用户界面设计中不可或缺的一部分，尤其在触摸屏设备上，滑动操作提供了更直观和流畅的用户体验。Android Scroll滑动效果的实现涉及到多个关键概念和技术，包括触摸事件处理、坐标系统...
Android 滑动定位和吸附悬停效果实现代码
08-27
另一个TabLayout则在用户滚动时移动，当滑动到顶部时吸附在屏幕顶部。这是通过自定义ScrollView（CustomScrollView）并在其中处理滚动事件来实现的。 布局文件中，外层是一个垂直方向的LinearLayout，包含了一个...
Android继承ViewGroup实现Scroll滑动效果的方法示例
08-29
Android 中的滑动效果是非常常见的，很多应用程序都需要实现滑动效果，例如 滑动菜单、滑动列表、滑动图片等。实现滑动效果需要继承 ViewGroup，重写 onMeasure 和 onLayout 方法，并使用 VelocityTracker 来检测...
Android实现顶部导航菜单左右滑动效果
09-02
在Android开发中，创建顶部导航菜单的左右滑动效果是一个常见的需求，这通常用于提供多类别切换的功能。本文将详细讲解如何实现这一效果。 首先，要实现这种效果，我们需要使用`ViewPager`组件，它属于`android-...
Android 和支付宝-首页_更多页面里的滑动效果一样（滑动定位+吸附悬停效果实现）
09-18
修改了几个bug，首次进入页面时定位不到，滑动到最后不能定位到最后一个item，修改了几个bug，首次进入页面时定位不到，滑动到最后不能定位到最后一个item，
吸顶布局demo
10-29
具体可以参考这里哦：https://www.jianshu.com/p/27b330bc09bf
Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置
01-04
在刚刚完成的项目中，在一个页面中，用户体验师提出引用户操作的入住按钮要一直保留在页面当中，不管页面能滚动多长都得停留在页面的可视区域。最终实现效果如下图所示：   如图中的红色框中的view始终会停留在页面中，如果滑动至页面的顶部，会一直保留在顶部。 下面来说下具体的实现思路： 思路：其实整个页面当中一共有两个视觉效果一样的View，通过滑动的位置来进行View的隐藏和显示来达到这种效果。整个页面的在上下滑动的过程中可以总结为两个状态，状态A（如图1所示），view2在可视区域内时，view1不可见。状态B（如图2所示），view2滑过了可视区域，此种状态view1可见，view2不可见。
TabLayout滑动到顶部悬浮（一种很简单的方法，代码少，便于理解，不用协调者布局）
03-28
仿美团app，浮动layout滑动到顶部悬停效果,监听滑动距离，根据距离大小设置是否悬浮。。。
Android滑动吸附悬停
04-02
Android滑动吸附悬停，支持RecyclerView，ViewPager，tabLayout,MagicIndicator等等。
带吸附效果的ViewPager（一）
白玉梁的专栏
05-05 4411
什么叫吸附效果？先看一个示例更为直观，借用网上的一个效果图：类似这种效果的app很多，网上的实现方法也是很多，但各种重写各种监听又令人不胜其烦，今日突发奇想，顺着自己的思路实现了类似的效果，不敢独享，特来分享给大家！做事要一步一步来，不能一口吃胖，知道原理，接下来的事情就好办了！所以第一篇，暂且实现一个简单的效果，如图：实现思路（原理）：1.ScrollView外层ScrollView不必说了！2.
Android 拖动吸顶效果
桃子不出的博客
01-18 730
手指拖动控件在屏幕范围内滑动，在边界处做滑动处理，手指离开则自动吸附到右侧。
Android 嵌套滚动NestedScrollView+TabLayout+ViewPager+Fragment+RecyclerView 实现京东、美团首页效果Tab页滚动到顶部时自动吸附
安卓开发-顺 的博客
02-06 4425
Android 嵌套滚动NestedScrollView+TabLayout+ViewPager+Fragment+RecyclerView 实现京东、美团首页效果Tab页滚动到顶部时自动吸附
小程序页面scroll-view在父级view上自身滑动问题
06-01
小程序中的scroll-view组件是一个可滚动视图区域，当scroll-view组件在一个较小的容器中使用时，可能会出现无法滑动的情况。这是因为scroll-view默认的滑动方向为vertical（垂直方向），当scroll-view组件的高度大于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值