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

所属分类: 软件编程 / Android 阅读数: 40
收藏 0 赞 0 分享

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

 

如图中的红色框中的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滑动至屏幕顶部会一直停留在顶部的位置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

更多精彩内容其他人还在看

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中的Bitmap序列化失败的解决方法

这篇文章主要介绍了Android中的Bitmap序列化失败的解决方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android自定义通用标题栏CustomTitleBar

这篇文章主要为大家详细介绍了Android自定义通用标题栏CustomTitleBar,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android组合控件自定义标题栏

这篇文章主要为大家详细介绍了Android组合控件自定义标题栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义复合控件实现通用标题栏

这篇文章主要为大家详细介绍了Android自定义复合控件实现通用标题栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ExpandableListView实现简单二级列表

这篇文章主要为大家详细介绍了ExpandableListView实现简单二级列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多