对于一个主Activity，里面进行多个fragment切换，不知其fragment包裹的是什么控件，但是都要进行下拉刷新，比如下拉切换语言、切换主题等场景。常见的方法，每个fragment里面都单独加下拉刷新；现在是自定义下拉刷新控件，在主Activity对应的布局里面，自定义下拉刷新控件的子类是FrameLayout。下图对应着三种情景： 图一：fragment布局1是带滑动布局，一个屏幕放不下内容的（已解决下拉冲突） 图二：fragment布局2是没有滑动布局，一个屏幕放得下内容的 图三：fragment布局3是加载h5界面的，不管一个屏幕是否放得下内容（需要h5那边告知是否到达顶部）
图一 图二 图三
一.RefreshLayoutDemo自定义下拉头部刷新：这里用的是接口回调告知是否到达顶部，也可换成广播形式
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);
}
}
}
二.refresh_header头布局：高度不要由根布局来决定，LinearLayout可以换成RelativeLayout。头布局样式按照需求来修改TextView。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pull_to_refresh_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/title_Color"
android:orientation="vertical">
<!--下拉出现的headerView布局，内容自己来定,高度不能由根布局来定-->
<TextView
android:layout_width="match_parent"
android:layout_height="@dimen/x500"
android:gravity="center"
android:text="我是下拉显示，松手隐藏的头布局"
android:textSize="@dimen/x60"
android:textStyle="bold" />
</LinearLayout>三.OneFragment带NestedScrollView滑动控件的；TwoFragment没有滑动控件，一个屏幕显示完内容；ThreeFragment加载h5的；重点代码如下：
//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);
四.RefreshHelp获取接口类：抛出接口回调。
注：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;
}
}五.RefreshCommon
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();//隐藏头布局
}
}); <RefreshLayoutDemo
android:id="@+id/refresh_layout_main"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@+id/radio">
<include layout="@layout/content_main" />
</RefreshLayoutDemo><?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ptrv"
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>
2497
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
