了解了大致思路,对于上面的代码就比较轻松啦,其实就一个方法比较重要:setEmptyView(@NonNull View emptyView);可以看到,如果是第一次初始化空布局,那么设置一下它的宽高,接下来我们把之前添加到FrameLayout中的View全部移除然后再添加空布局,
当然,如果是第一次初始化空布局那么需要通知adapter刷新,并且在刷新的时候需要判断当前是否有header,然后才知道空布局的所在RecyclerView中的索引.
getItemCount()
@Override
public int getItemCount() {
int count;
//如果界面上显示了空布局
if (getEmptyViewCount() == 1) {
count = 1;
//如果header可见 则只需要+1就行了,因为header的布局是LinearLayout
if (mHeadAndEmptyEnable && getHeaderLayoutCount() != 0) {
count++;
}
if (mFootAndEmptyEnable && getFooterLayoutCount() != 0) {
count++;
}
} else { //未显示空布局
// 1 or 0 数据项 1 or 0 加载更多 1 or 0
count = getHeaderLayoutCount() + mData.size() + getFooterLayoutCount() +
getLoadMoreViewCount();
}
return count;
}
由于我们设置了EmptyView,那么itemCount也随之变化,并且我们需要加入空布局的一些逻辑在里面.
- 如果是显示了空布局,那么count+1;再判断是否需要显示headerView,如果需要显示并且有headerView,那么count+1;再判断是否需要显示footerView,如果需要显示并且有footerView那么count+1;
- 剩下的就是没有空布局时候的逻辑:headerView+数据项个数+footerView+loadMoreView
getItemViewType()
@Override
public int getItemViewType(int position) {
if (getEmptyViewCount() == 1) {
boolean header = mHeadAndEmptyEnable && getHeaderLayoutCount() != 0;
switch (position) {
case 0:
if (header) {
return HEADER_VIEW;
} else {
return EMPTY_VIEW;
}
case 1:
if (header) {
return EMPTY_VIEW;
} else {
return FOOTER_VIEW;
}
case 2:
return FOOTER_VIEW;
default:
return EMPTY_VIEW;
}
}
//1 or 0
int numHeaders = getHeaderLayoutCount();
if (position < numHeaders) {
return HEADER_VIEW;
} else {
int adjPosition = position - numHeaders;
int adapterCount = mData.size();
//中间的数据项
if (adjPosition < adapterCount) {
return getDefItemViewType(adjPosition);
} else {
//剩下 footer 加载中布局
adjPosition = adjPosition - adapterCount;
int numFooters = getFooterLayoutCount();
if (adjPosition < numFooters) {
return FOOTER_VIEW;
} else {
return LOADING_VIEW;
}
}
}
}
由于我们设置了EmptyView,那么itemType需要加入空布局的一些逻辑在里面.
- 首先我们判断是否设置了EmptyView,再根据position判断当前的type.当设置了EmptyView的时候,这个时候就只有3种布局(EmptyView,headerView,footerView)需要判断.
- position==0: 如果有header,那么就是headerView;如果没有header,那么就是EmptyView
- position==1: 如果有header,那么就是EmptyView;如果没有header,那么就是footerView
- position==2: 肯定就是footerView了
- 如果没有设置EmptyView,那么就是剩下的逻辑,之前的博客已经分析过了,这里就不再赘述了.
onCreateViewHolder()
@Override
public K onCreateViewHolder(ViewGroup parent, int viewType) {
K baseViewHolder = null;
this.mContext = parent.getContext();
this.mLayoutInflater = LayoutInflater.from(mContext);
switch (viewType) {
case LOADING_VIEW:
baseViewHolder = getLoadingView(parent);
break;
case HEADER_VIEW:
baseViewHolder = createBaseViewHolder(mHeaderLayout);
break;
case EMPTY_VIEW:
baseViewHolder = createBaseViewHolder(mEmptyLayout);
break;
case FOOTER_VIEW:
baseViewHolder = createBaseViewHolder(mFooterLayout);
break;
default:
baseViewHolder = onCreateDefViewHolder(parent, viewType);
bindViewClickListener(baseViewHolder);
}
baseViewHolder.setAdapter(this);
return baseViewHolder;
}
因为添加了EmptyView所以在onCreateViewHolder()里面需要新添加一个viewType判断,然后通过mEmptyLayout去生成BaseViewHolder
onBindViewHolder()
/**
-
To bind different types of holder and solve different the bind events
-
@param holder
-
@param position
-
@see #getDefItemViewType(int)
*/
@Override
public void onBindViewHolder(K holder, int position) {
//Add up fetch logic, almost like load more, but simpler.
//这里是判断是否需要下拉加载更多
autoUpFetch(position);
//Do not move position, need to change before LoadMoreView binding
//判断是否需要进行上拉加载更多
autoLoadMore(position);
int viewType = holder.getItemViewType();
switch (viewType) {
case 0:
convert(holder, getItem(position - getHeaderLayoutCount()));
break;
case LOADING_VIEW:
mLoadMoreView.convert(holder);
break;
case HEADER_VIEW:
break;
case EMPTY_VIEW:
break;
case FOOTER_VIEW:
break;
default:
convert(holder, getItem(position - getHeaderLayoutCount()));
break;
}
}
由于onBindViewHolder()里面需要绑定数据,而headerView、EmptyView、footerView 在adapter里面不管它,绑定数据交给外部调用者去做吧.
设置空布局与header和footer共存
/**
-
设置当数据为空时是否显示headerView
-
调用此方法前需要调用{@link RecyclerView#setAdapter(RecyclerView.Adapter)}
-
@param isHeadAndEmpty false:当数据为空时不显示headerView,只显示EmptyView true:
-
当数据为空时显示emptyView和headerView
*/
public void setHeaderAndEmpty(boolean isHeadAndEmpty) {
setHeaderFooterEmpty(isHeadAndEmpty, false);
}
/**
-
设置数据为空时是否显示headerView和footerView
-
调用此方法前需要调用 {@link RecyclerView#setAdapter(RecyclerView.Adapter)}
-
@param isHeadAndEmpty true:显示headerView false:不显示headerView
-
@param isFootAndEmpty true:显示footerVIew false:不显示footerVIew
*/
public void setHeaderFooterEmpty(boolean isHeadAndEmpty, boolean isFootAndEmpty) {
mHeadAndEmptyEnable = isHeadAndEmpty;
mFootAndEmptyEnable = isFootAndEmpty;
}
/**
-
Set whether to use empty view
-
设置是否需要使用EmptyView
-
@param isUseEmpty true:使用 false:不使用
*/
public void isUseEmpty(boolean isUseEmpty) {
mIsUseEmpty = isUseEmpty;
}
/**
-
When the current adapter is empty, the BaseQuickAdapter can display a special view
-
called the empty view. The empty view is used to provide feedback to the user
-
that no data is available in this AdapterView.
-
@return The view to show if the adapter is empty.
*/
public View getEmptyView() {
return mEmptyLayout;
}
这些东西都有些细节问题,就是用几个属性来控制是否需要显示header和footer.
/**
-
返回HeaderView在RecyclerView中的位置
-
@return 0 or -1
*/
private int getHeaderViewPosition() {
//Return to header view notify position
if (getEmptyViewCount() == 1) {
//有空布局 并且 头布局可见
if (mHeadAndEmptyEnable) {
return 0;
}
} else {
//没有空布局 返回0
return 0;
}
return -1;
}
private int getFooterViewPosition() {
//Return to footer view notify position
if (getEmptyViewCount() == 1) {
int position = 1;
if (mHeadAndEmptyEnable && getHeaderLayoutCount() != 0) {
//空布局可见 并且 头布局可见
position++;
}
if (mFootAndEmptyEnable) {
//尾布局可见
return position;
}
} else {
//头布局有无:0 or 1 正常项的大小
return getHeaderLayoutCount() + mData.size();
}
return -1;
}
写在最后
很多人感叹“学习无用”,实际上之所以产生无用论,是因为自己想要的与自己所学的匹配不上,这也就意味着自己学得远远不够。无论是学习还是工作,都应该有主动性,所以如果拥有大厂梦,那么就要自己努力去实现它。
最后祝愿各位身体健康,顺利拿到心仪的offer!
由于文章的篇幅有限,所以这次的蚂蚁金服和京东面试题答案整理在了PDF文档里
了解详情https://docs.qq.com/doc/DSmxTbFJ1cmN1R2dB
//尾布局可见
return position;
}
} else {
//头布局有无:0 or 1 正常项的大小
return getHeaderLayoutCount() + mData.size();
}
return -1;
}
写在最后
很多人感叹“学习无用”,实际上之所以产生无用论,是因为自己想要的与自己所学的匹配不上,这也就意味着自己学得远远不够。无论是学习还是工作,都应该有主动性,所以如果拥有大厂梦,那么就要自己努力去实现它。
最后祝愿各位身体健康,顺利拿到心仪的offer!
由于文章的篇幅有限,所以这次的蚂蚁金服和京东面试题答案整理在了PDF文档里
[外链图片转存中…(img-f98iFyvn-1724189412325)]
[外链图片转存中…(img-eYpeHamN-1724189412326)]
[外链图片转存中…(img-l3pj1qJg-1724189412327)]
了解详情https://docs.qq.com/doc/DSmxTbFJ1cmN1R2dB