对于一个主Activity,里面进行多个fragment切换,不知其fragment包裹的是什么控件,但是都要进行下拉刷新,比如下拉切换语言、切换主题等场景。常见的方法,每个fragment里面都单独加下拉刷新;现在是自定义下拉刷新控件,在主Activity对应的布局里面,自定义下拉刷新控件的子类是FrameLayout。下图对应着三种情景: 图一:fragment布局1是带滑动布局,一个屏幕放不下内容的(已解决下拉冲突) 图二:fragment布局2是没有滑动布局,一个屏幕放得下内容的 图三:fragment布局3是加载h5界面的,不管一个屏幕是否放得下内容(需要h5那边告知是否到达顶部)
图一 图二 图三
public class RefreshLayoutDemo extends LinearLayout {
private static final String TAG = RefreshLayoutDemo.class.getSimpleName();
private int mCurrentState = 0;// 当前状态,默认隐藏
private static final int PULL_TO_REFRESH = 1; // 下拉刷新
private static final int REFRESHING = 2;// 正在刷新
private static final int HIDING = 3;// 正在隐藏
private View mHeaderView;//头布局
private int mHeaderHeight;// 头布局高度
private float mLastMotionY;// 上次手指按在屏幕上的Y坐标,用于计算移动的距离
private boolean enableRefresh = true;// 是否可以下拉刷新,默认可以刷新
private LayoutInflater mInflater;
private Context mContext;
private OnRefreshListener mOnRefreshListener; // 刷新的监听器
private boolean isLanjie = true; //是否拦截,由包裹的他们统一告诉我是否到达头部.默认是达到顶部的,因为界面一进来就是达到顶部的
//xml中定义会调用
public RefreshLayoutDemo(Context context, AttributeSet attrs) {
super(context, attrs);
this.mContext = context;
mInflater = LayoutInflater.from(getContext());
setOrientation(LinearLayout.VERTICAL);//线性布局方向设置,
// 点击事件自己消耗,这样子后续的操作也是自己消耗,对于没有滚动事件(一个屏幕显示完内容)也可以有下拉
setLongClickable(true);
initRefreshListener();
addHeader();
}
/**
* 通过回调的方式知道是否在顶部:A界面是可以滑动的
* 问题1:A界面不到达顶部返回false,切换到B界面是到达顶部的但此时isLanjie:是false,实际是需要rue(解决:首次加载的时候,默认为true)
* 问题2:A界面不到达顶部返回false,切换到B界面一番操作后到达顶部,再回到A界面但是A界面显示停留在上次离开的后的位置,不在顶部,此时isLanjie:是true,实际需要false
* 需要保留每个离开时是否到达顶部的状态值(解决:每次离开是把状态存起来,下次进来的时候回调一下这个状态)
*/
private void initRefreshListener() {
RefreshHelp.getInstance().RefreshListener(mContext, new PageTopListener() {
@Override
public void OnPageTopClick(boolean isTop) {
isLanjie = isTop;
Log.e("RefreshLayout", "initRefreshListener是否到达顶部:" + isTop);
}
});
}
/**
* 第一个添加到linearlayout的最上面,既就是头布局,下拉才显示,放手就隐藏
*/
private void addHeader() {
mHeaderView = mInflater.inflate(R.layout.refresh_header, this, false);
measureView(mHeaderView);
//measureView()后才能获取高度,这样子在外面setRefreshing(false)才能一进来默认关闭头部,或者在onGlobalLayout()里面setRefreshing(false);
mHeaderHeight = mHeaderView.getMeasuredHeight();
// 设置paddingTop为-mHeaderHeight,刚好把头部隐藏掉了
mHeaderView.setPadding(0, -mHeaderHeight, 0, 0);
addView(mHeaderView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
}
private void measureView(View child) {
ViewGroup.LayoutParams p = child.getLayoutParams();
if (p == null) {
p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
}
int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
int lpHeight = p.height;
int childHeightSpec;
if (lpHeight > 0) {
childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);
} else {
childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
}
child.measure(childWidthSpec, childHeightSpec);
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
//在此方法里添加布局,就是添加到linearlayout的最底部,既就是底布局,可以做成上拉才显示,放手就隐藏(类似上拉刷新自定义布局)
}
@Override
public boolean dispatchTouchEvent(final MotionEvent event) {
if (!enableRefresh || !isLanjie) {//不下拉,或不拦截
// 禁止下拉刷新,直接把事件分发
return super.dispatchTouchEvent(event);
}
int Y = (int) event.getY(0);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN://手指按下
mLastMotionY = Y;
break;
case MotionEvent.ACTION_MOVE://移动
// > 0 是下拉,< 0是上拉
float deltaY = Y - mLastMotionY;//移动的距离=移动到现在的Y坐标 - 手指按下的坐标
//-10~10算点击
if (-10 < deltaY && deltaY < 10) {
return super.dispatchTouchEvent(event);
}
if (deltaY > 0) {//下拉
// 处理下拉头部
updateHeaderTop(deltaY);
}
/**
* ACTION_DOWN时mLastMotionY=Y=15;
* ACTION_MOVE时Y=25,那么移动了10=Y-mLastMotionY=25-15,更新mLastMotionY=Y=25
* 继续ACTION_MOVE时Y=45,那么移动了20=Y-mLastMotionY=45-25,更新mLastMotionY=Y=45
* 以此类推,直到不再是ACTION_MOVE
*/
mLastMotionY = Y;//更新Y坐标,以便后面重新更新移动距离
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (mCurrentState == PULL_TO_REFRESH) {
if (getHeaderPaddingTop() >= -(mHeaderHeight / 3)) {//拉出2/3就可以进入了,要全部拉出就改成0
mCurrentState = REFRESHING;
if (mOnRefreshListener != null) {
mOnRefreshListener.onRefresh();
}
} else {
closeHeader();
}
}
break;
}
//包含滚动事件时,如NestedScrollView,在NestedScrollView上“按住及往下拉”,“一开始就是顶部”或“开始不是顶部下拉的过程中到达顶部”,此时会拉出headerView,
// 但会一直是ACTION_MOVE动作,放手了也不会到ACTION_CANCEL/ACTION_UP,导致头部不会收回去
if (event.getAction() == MotionEvent.ACTION_MOVE && mCurrentState == PULL_TO_REFRESH) {
event.setAction(MotionEvent.ACTION_CANCEL);//赋值取消事件
}
return super.dispatchTouchEvent(event);
}
//修改头布局的top,显示多少
private void updateHeaderTop(float diff) {
int newTopMargin = (int) (mHeaderView.getPaddingTop() + diff * 0.3f);//移动的距离,乘以0.3f相当于阻力
//全部隐藏时是-mHeaderHeight,全部显示出来是0,设置拉出头部的高度范围,超过了0,也不更新了
mHeaderView.setPadding(0, Math.min(Math.max(newTopMargin, -mHeaderHeight), 0), 0, 0);//更新头部显示的距离
if (mCurrentState != PULL_TO_REFRESH) {
mCurrentState = PULL_TO_REFRESH;
}
}
//获取头部的高度,一开始是-mHeaderHeight
private int getHeaderPaddingTop() {
return mHeaderView.getPaddingTop();
}
public interface OnRefreshListener {
void onRefresh();
}
//刷新回调
public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
mOnRefreshListener = onRefreshListener;
}
//设置是否可以刷新
public void setEnableRefresh(boolean enableRefresh) {
this.enableRefresh = enableRefresh;
}
//隐藏头布局:top设置-mHeaderHeight,就是隐藏
public void closeHeader() {
mCurrentState = HIDING;
if (mHeaderView != null) {
mHeaderView.setPadding(0, -mHeaderHeight, 0, 0);
}
}
}
//OneFragment
PageTopListener listener = RefreshHelp.getInstance().getPageTopListener();
nestedScrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
//当没有滚动到达顶部时,这里是不会触发的;当不为0时,只要一显示就触发一次(比如fragment之间来回切换)
if (scrollY == 0) {//监听滚动条到顶部,那么刷新控件可以刷新了
isTopOne = true;
} else {//滚动中
isTopOne = false;
}
listener.OnPageTopClick(isTopOne);
}
});
//TwoFragment在onCreateView加如下代码
//isTopTwo默认是true,这里是为了避免其它fragment如OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
RefreshHelp.getInstance().getPageTopListener().OnPageTopClick(isTopTwo);
//ThreeFragment在onCreateView加如下代码
//isTopTree默认是true,这里是为了避免其它fragment如OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
RefreshHelp.getInstance().getPageTopListener().OnPageTopClick(isTopTree);
注:PageTopListener页面到达顶部事件回调,只有void OnPageTopClick(boolean isTop);
public class RefreshHelp {
private static RefreshHelp refreshHelp;
private Context context;
private PageTopListener pageTopListener;
public static synchronized RefreshHelp getInstance() {
if (refreshHelp == null) {
refreshHelp = new RefreshHelp();
}
return refreshHelp;
}
public PageTopListener getPageTopListener() {
return pageTopListener;
}
public void RefreshListener(Context context, PageTopListener listener) {
this.context = context;
this.pageTopListener = listener;
}
}
public class RefreshCommon {
/**
* LayoutDemoActivity oncreate/onDestroy时,把下面三个数字设置成true
* 设置以下三个参数,是为了避免互相打扰,如:OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
*/
//OneFragment(代表原生带List等滚动,就是内容一个屏幕放不下的情况)默认是到达顶部的
public static boolean isTopOne = true;
//TwoFragment(代表原生没有滚动,就是内容一个屏幕放得下的情况)默认是到达顶部的。
public static boolean isTopTwo = true;
//TreeFragment(代码加载的是h5,由h5那边回调告诉原生的情况)默认是到达顶部的。
public static boolean isTopTree = true;
}
代码块分别代表:主activity代码其中切换fragment的就不列出;主activity布局。
mRefreshLayout.setOnRefreshListener(new RefreshLayoutDemo.OnRefreshListener() {
@Override
public void onRefresh() {
//自己要处理的逻辑
mRefreshLayout.closeHeader();//隐藏头布局
}
});