Android ScrollView实现向上滑动控件顶部悬浮效果

2023-09-13 07:08:05 52

本文参考了：《上滑停靠顶端的悬浮框》的代码，在此表示感谢。【上滑停靠顶端的悬浮框】里的实现方法是使用两个控件，滑动时，监听ScrollView的滚动Y值，从而通过对两个控件的显示隐藏来实现控件的顶部悬浮。但是实际应用场景中，有可能需要悬浮的控件里面的内容是比较多的，如果通过显示隐藏的方式来实现的话，操作控件里的内容时，需要重复定义两套变量，对控件里的内容进行修改时也是要操作再次，非常麻烦。

本文的方法是通过addView和removeView来实现的。

一、首先让ScrollView实现滚动监听：

packagecom.willen.topFloatDemo;

importandroid.content.Context;
importandroid.os.Handler;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.widget.ScrollView;

/**
*ScrollView并没有实现滚动监听，所以我们必须自行实现对ScrollView的监听，
*我们很自然的想到在onTouchEvent()方法中实现对滚动Y轴进行监听
*ScrollView的滚动Y值进行监听
*/
publicclassMyScrollViewextendsScrollView{
privateOnScrollListeneronScrollListener;
/**
*主要是用在用户手指离开MyScrollView，MyScrollView还在继续滑动，我们用来保存Y的距离，然后做比较
*/
privateintlastScrollY;

publicMyScrollView(Contextcontext){
super(context,null);
}
publicMyScrollView(Contextcontext,AttributeSetattrs){
super(context,attrs,0);
}
publicMyScrollView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
}
/**
*设置滚动接口
*@paramonScrollListener
*/
publicvoidsetOnScrollListener(OnScrollListeneronScrollListener){
this.onScrollListener=onScrollListener;
}
/**
*用于用户手指离开MyScrollView的时候获取MyScrollView滚动的Y距离，然后回调给onScroll方法中
*/
privateHandlerhandler=newHandler(){

publicvoidhandleMessage(android.os.Messagemsg){
intscrollY=MyScrollView.this.getScrollY();

//此时的距离和记录下的距离不相等，在隔5毫秒给handler发送消息
if(lastScrollY!=scrollY){
lastScrollY=scrollY;
handler.sendMessageDelayed(handler.obtainMessage(),5);
}
if(onScrollListener!=null){
onScrollListener.onScroll(scrollY);
}

};

};
/**
*重写onTouchEvent，当用户的手在MyScrollView上面的时候，
*直接将MyScrollView滑动的Y方向距离回调给onScroll方法中，当用户抬起手的时候，
*MyScrollView可能还在滑动，所以当用户抬起手我们隔5毫秒给handler发送消息，在handler处理
*MyScrollView滑动的距离
*/
@Override
publicbooleanonTouchEvent(MotionEventev){
if(onScrollListener!=null){
onScrollListener.onScroll(lastScrollY=this.getScrollY());
}
switch(ev.getAction()){
caseMotionEvent.ACTION_UP:
handler.sendMessageDelayed(handler.obtainMessage(),20);
break;
}
returnsuper.onTouchEvent(ev);
}

/**
*滚动的回调接口
*/
publicinterfaceOnScrollListener{
/**
*回调方法，返回MyScrollView滑动的Y方向距离
*/
publicvoidonScroll(intscrollY);
}
}

二、定义简单布局

三、MainActivity

packagecom.willen.topFloatDemo;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.widget.EditText;
importandroid.widget.LinearLayout;
importandroid.widget.RelativeLayout;

importcom.willen.topFloatDemo.MyScrollView.OnScrollListener;

publicclassMainActivityextendsActivityimplementsOnScrollListener{
privateEditTextsearch_edit;
privateMyScrollViewmyScrollView;
privateintsearchLayoutTop;

LinearLayoutsearch01,search02;
RelativeLayoutrlayout;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
init();
}

privatevoidinit(){
search_edit=(EditText)findViewById(R.id.search_edit);
myScrollView=(MyScrollView)findViewById(R.id.myScrollView);
search01=(LinearLayout)findViewById(R.id.search01);
search02=(LinearLayout)findViewById(R.id.search02);
rlayout=(RelativeLayout)findViewById(R.id.rlayout);
myScrollView.setOnScrollListener(this);

}

@Override
publicvoidonWindowFocusChanged(booleanhasFocus){
super.onWindowFocusChanged(hasFocus);
if(hasFocus){
searchLayoutTop=rlayout.getBottom();//获取searchLayout的顶部位置
}
}

//监听滚动Y值变化，通过addView和removeView来实现悬停效果
@Override
publicvoidonScroll(intscrollY){
if(scrollY>=searchLayoutTop){
if(search_edit.getParent()!=search01){
search02.removeView(search_edit);
search01.addView(search_edit);
}
}else{
if(search_edit.getParent()!=search02){
search01.removeView(search_edit);
search02.addView(search_edit);
}
}
}
}

代码中均有注释，应该不用再多解释了。

本文源码下载：Android实现向上滑动控件顶部悬浮效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android ScrollView实现向上滑动控件顶部悬浮效果

热门推荐

随机推荐