Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置
2016-11-17 16:41
796 查看
在刚刚完成的项目中,在一个页面中,用户体验师提出引用户操作的入住按钮要一直保留在页面当中,不管页面能滚动多长都得停留在页面的可视区域。最终实现效果如下图所示:
如图中的红色框中的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滑动至屏幕顶部会一直停留在顶部的位置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置
- Android ViewPager和Fragment实现顶部导航界面滑动效果、标签下的tab位置
- Android中TextView长按复制时,屏幕顶部出现粘贴等选项的布局,这个布局占了顶部的位置,如何让这个布局浮动在顶部??
- Android ViewFlipper滑动屏幕切换图片
- 【Android Developers Training】 70. 使用ViewPager实现屏幕滑动
- Android使用ViewPager来滑动屏幕
- Android ViewFlipper滑动屏幕切换图片【安卓进化十九】
- 【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper
- Android~获取view在屏幕中的位置
- android 获取view在屏幕中的位置
- Android获取View在屏幕中的位置
- Android ViewPager和Fragment实现顶部导航界面滑动效果
- 【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper
- 位置动画Android的Activity屏幕切换动画(一)-左右滑动切换
- android view 自定义viewgroup 实例--屏幕滑动
- android 获取view在屏幕中的位置
- Android ViewFlipper滑动屏幕切换图片
- Android获取view在屏幕中的位置
- Android 中利用ViewFlipper 滑动屏幕切换页面,ListView展示数据
- Android - 小功能 - 获取view在屏幕中的位置 .