快捷導(dǎo)航

Android仿淘寶view滑動(dòng)至屏幕頂部會(huì)一直停留在頂部的位置

更新時(shí)間：2016年11月17日 16:41:26 作者：sunday_luck

這篇文章主要介紹了Android仿淘寶view滑動(dòng)至屏幕頂部會(huì)一直停留在頂部的位置的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

在剛剛完成的項(xiàng)目中，在一個(gè)頁面中，用戶體驗(yàn)師提出引用戶操作的入住按鈕要一直保留在頁面當(dāng)中，不管頁面能滾動(dòng)多長(zhǎng)都得停留在頁面的可視區(qū)域。最終實(shí)現(xiàn)效果如下圖所示：

如圖中的紅色框中的view始終會(huì)停留在頁面中，如果滑動(dòng)至頁面的頂部，會(huì)一直保留在頂部。

下面來說下具體的實(shí)現(xiàn)思路：

思路：其實(shí)整個(gè)頁面當(dāng)中一共有兩個(gè)視覺效果一樣的View，通過滑動(dòng)的位置來進(jìn)行View的隱藏和顯示來達(dá)到這種效果。整個(gè)頁面的在上下滑動(dòng)的過程中可以總結(jié)為兩個(gè)狀態(tài)，狀態(tài)A（如圖1所示），view2在可視區(qū)域內(nèi)時(shí)，view1不可見。狀態(tài)B（如圖2所示），view2滑過了可視區(qū)域，此種狀態(tài)view1可見，view2不可見。

view顯示和隱藏的時(shí)機(jī)：1、當(dāng)頁面向上滑動(dòng)時(shí)，從狀態(tài)A轉(zhuǎn)變到狀態(tài)B的瞬間，view1正好滑動(dòng)至頂部與view2重合的瞬間，將view1顯示；

2、當(dāng)頁面向下滑動(dòng)，從狀態(tài)B轉(zhuǎn)變到狀態(tài)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; // 對(duì)外鉤子接口 
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(); 
} 
}

項(xiàng)目中的使用效果：