Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置

Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置,第1张

概述在刚刚完成的项目中,在一个页面中,用户体验师提出引用户 *** 作的入住按钮要一直保留在页面当中,不管页面能滚动多长都得停留在页面的可视区域。最终实现效果如下图所示:

在刚刚完成的项目中,在一个页面中,用户体验师提出引用户 *** 作的入住按钮要一直保留在页面当中,不管页面能滚动多长都得停留在页面的可视区域。最终实现效果如下图所示:

 

如图中的红色框中的vIEw始终会停留在页面中,如果滑动至页面的顶部,会一直保留在顶部。

下面来说下具体的实现思路:

思路:其实整个页面当中一共有两个视觉效果一样的VIEw,通过滑动的位置来进行VIEw的隐藏和显示来达到这种效果。整个页面的在上下滑动的过程中可以总结为两个状态,状态A(如图1所示),vIEw2在可视区域内时,vIEw1不可见。状态B(如图2所示),vIEw2滑过了可视区域,此种状态vIEw1可见,vIEw2不可见。

vIEw显示和隐藏的时机:1、当页面向上滑动时,从状态A转变到状态B的瞬间,vIEw1正好滑动至顶部与vIEw2重合的瞬间,将vIEw1显示;

2、当页面向下滑动,从状态B转变到状态A的瞬间,vIEw2正好和vIEw1重合的瞬间,将vIEw1隐藏。

VIEwAllShowlinearLayout类

package org.sunday.uIExt; import androID.content.Context; import androID.util.AttributeSet; import androID.vIEw.VIEw; import androID.Widget.linearLayout; import androID.Widget.ScrollVIEw; /** * @author sunday * 2013-12-5 * 邮箱:zhengchao1937@163.com * QQ:804935743 */ public class VIEwAllShowlinearLayout extends linearLayout { private VIEw mVIEw; // 顶部的VIEw private VIEwSwitchListener vIEwSwitchListener; // 对外钩子接口 private ScrollVIEw mScrollVIEw; private boolean isFlag = true; //辅助判断变量 public voID initData(VIEw vIEw,ScrollVIEw scrollvIEw,VIEwSwitchListener vIEwSwitchListener) { this.mVIEw = vIEw; this.mScrollVIEw = scrollvIEw; this.vIEwSwitchListener = vIEwSwitchListener; } public VIEwAllShowlinearLayout(Context context) { super(context); init(); } public VIEwAllShowlinearLayout(Context context,AttributeSet attrs) { super(context,attrs); init(); } private voID init() { setorIEntation(linearLayout.VERTICAL); } @OverrIDe public voID computeScroll() { if (mVIEw != null && mScrollVIEw != null && vIEwSwitchListener != null) { int y = mScrollVIEw.getScrollY(); if (isFlag) { int top = mVIEw.gettop(); if (y >= top) { vIEwSwitchListener.onVIEwShow(); isFlag = false; } } if (!isFlag) { int bottom = mVIEw.getBottom(); if (y <= bottom - mVIEw.getHeight()) { vIEwSwitchListener.onVIEwGone(); isFlag = true; } } } } public interface VIEwSwitchListener { public voID onVIEwShow(); public voID onVIEwGone(); } }

项目中的使用效果:

 

以上所述是小编给大家介绍的AndroID仿淘宝vIEw滑动至屏幕顶部会一直停留在顶部的位置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!

总结

以上是内存溢出为你收集整理的Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置全部内容,希望文章能够帮你解决Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147691.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存