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

来源：互联网发布：js获取两位随机数编辑：程序博客网时间：2024/04/30 20:37

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

图片1 图片2

如图中的红色框中的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; // 顶部的Viewprivate 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);}@Overridepublic 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();}}

项目中的使用效果：

demo：http://download.csdn.net/detail/ff20081528/6664263

转载请说明出处：http://blog.csdn.net/ff20081528/article/details/17145113