Android组件化——SXRecyclerView,android开发实战我的云音乐


SXRecyclerView已经实现了触摸反馈效果,默认进行点击、长按操作都会有水波纹动画。如果想自定义触摸反馈效果,可以通过以下方法来设置:

public void setSelector(Drawable sel)

public void setSelector(int resID)

如果想去掉触摸反馈效果,可以通过mRecyclerView.setSelector(null);这样来设置。

点击事件和长按事件


原生的RecyclerView没有提供ItemView点击和长按功能,通常的做法是在Adapter中进行数据绑定时对每个ViewHolder对应的view设置OnClickListenerOnLongClickListener来实现相应的功能。现在不需要这样麻烦了。SXRecyclerView这个类在RecyclerView的基础上中实现了该功能,并提供了事件回调,调用代码如下:

//点击事件

mRecyclerView.setOnItemClickListener(new SXRecyclerView.OnItemClickListener() {

@Override

public void onItemClick(RecyclerView parent, View view, int position, long id) {

//do something

}

});

//长按事件

mRecyclerView.setOnItemLongClickListener(new SXRecyclerView.OnItemLongClickListener() {

@Override

public boolean onItemLongClick(RecyclerView parent, View view, int position, long id){

//do something

return true;

}

});

默认情况下,设置了这两个监听器之后,SXRecyclerView会对每个ItemView都响应操作。如果想让某个ItemView不响应点击、长按事件,可以通过重写Adapter的isEnable(int position)方法来实现:

/**

* TYPE_TITLE 类型的Item不需要响应点击、长按事件,故返回false

* @param position

* @return

*/

@Override

public boolean isEnable(int position) {

if (getItemViewType(position) == TYPE_TITLE){

return false;

}

return true;

}

原生RecyclerView没有该方法,此方法是SXRecyclerView添加的。此方法返回false就代表对应位置的ItemView不启用SXRecyclerView相关功能,也就是说不响应点击事件、长按事件、触摸反馈、多选功能等。该方法默认返回true。示意图:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bwtb05cn-1571054129566)(https://upload-images.jianshu.io/upload_images/15679108-efb2e91234227fef?imageMogr2/auto-orient/strip)]

click

多选功能


要使用多选功能,有两个必要的步骤:1、设置多

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

选模式,多选模式如下:

  • CHOICE_MODE_NONE :不启动多选功能。默认值为这种。

  • CHOICE_MODE_MULTIPLE :主动触发启动多选功能。触发方式有长按和主动调用startMultiChoice()方法两种触发方式。

2、设置选择模式监听器,并根据需求实现相关的方法与ActionMode进行交互。代码如下:

//设置选择模式为多选模式

mRecyclerView.setChoiceMode(SXRecyclerView.CHOICE_MODE_MULTIPLE);

//设置多选模式监听器

mRecyclerView.setMultiChoiceModeListener(new SXRecyclerView.MultiChoiceModeListener() {

@Override

public void onItemCheckedStateChanged(ActionMode mode, int position, long id, boolean checked) {

}

@Override

public boolean onCreateActionMode(ActionMode mode, Menu menu) {

return true;

}

@Override

public boolean onPrepareActionMode(ActionMode mode, Menu menu) {

return true;

}

@Override

public boolean onActionItemClicked(ActionMode mode, MenuItem item) {

return true;

}

@Override

public void onDestroyActionMode(ActionMode mode) {

}

});

这里的多选模式是与ActionMode进行绑定交互的,具体的实现可以参考下demo。默认情况下,所有的ItemView都是可以被选中的。如果要让某些项不可选中,除了前文提到的重写Adaper中的isEnable(int position)方法让对应位置的ItemView失效。还可以通过Adapter的另外一个方法来设置:

//返回false的数据项不可被选中

@Override

public boolean isSelectable(int position) {

if (position % 5 == 0) {

return false;

}

return true;

}

不同于isEnable(int position)方法,isSelectable(int position)方法只作用于多选功能,返回false的ItemView只是不能被选中,包括点击、长按事件在内的其他功能都能响应。一般使用多选功能都会在选中ItemView的时候对相应的ItemView进行标记,比如打个勾之类的操作。为了更简单直接地实现选中标记操作,SXRecyclerView提供了一种实现方式,就是对ViewHolder实现Checkable接口,这样在选中状态发生改变时,setChecked(boolean checked)方法都会被调用,我们就可以在该方法中对ItemView为所欲为了。

// 实现Checkable接口,可以简单直接地实现多选标记功能

class MyViewHolder extends RecyclerView.ViewHolder implements Checkable {

TextView mTextView;

ImageView mImageView;

public MyViewHolder(View itemView) {

super(itemView);

mTextView = (TextView) itemView.findViewById(R.id.item_tv);

mImageView = (ImageView) itemView.findViewById(R.id.img_check);

}

//此ItemView选中状态发生改变时该方法会回调

@Override

public void setChecked(boolean checked) {

if (checked) {

mImageView.setVisibility(View.VISIBLE);

} else {

mImageView.setVisibility(View.GONE);

}

}

@Override

public boolean isChecked() {

return false;

}

@Override

public void toggle() {

}

}

**tip :**多选功能的相关方法如下:

  • public boolean startMultiChoice():进入多选状态

  • public void finishMultiChoice():退出多选状态

  • public Boolean isInMutiChoiceState():判断SXRecyclerview是否处于多选状态

  • public void setItemChecked(int position, boolean value):设置某项的选中状态

  • public void clearChoices():清除所有的选中状态

  • public long[] getCheckedItemIds():获取当前选中的项的id集合

  • public List<integer style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; font-size: inherit; color: inherit; line-height: inherit;">getCheckedItemPositions()</integer>:获取当前选中的项的position集合

  • public boolean isItemChecked(int position):判断某项是否选中

  • public int getCheckedItemCount():获取选中项总数

  • public void checkedAll():全选

  • public void unCheckedAll():全不选

示意图:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rl5sXIC3-1571054129567)(https://upload-images.jianshu.io/upload_images/15679108-cb339145e4fd4608?imageMogr2/auto-orient/strip)]

multichoice

PinnedHeader


PinnedHeader是指对ViewHolder进行分组,每个组都有一个Header,在滑动过程中,处于顶部的组的Header都会悬浮在SXRecyclerView顶部不会滑出屏幕,直到下一个Header滑到SXRecyclerView顶部位置时才会将上一个Header顶出屏幕。实现PinnedHeader效果,有2个必要的步骤:1、需要在其Adapter中实现以下接口

public interface RecyclerPinnedHeaderAdapter

// 返回PinnedHeader 的编号id

// 通过id来对ViewHolder进行分组,相同id的viewHolder会分到同一组,对应相同的PinnedHeader

// 返回 负数 的时候,表示该 PinnedHeader 不显示

long getHeaderId(int position);

// 创建 PinnedHeader的样式

VH onCreateHeaderViewHolder(ViewGroup parent);

// 绑定 PinnedHeader的数据

void onBindHeaderViewHolder(VH holder, int position);

int getItemCount();

}

2、以实现了RecyclerPinnedHeaderAdapter的Adapter对象为参数,创建RecyclerPinnedHeaderDecoration对象,并通过addItemDecoration添加到SXRecyclerView中,这时已经可以显示PinnedHeader了。

//创建RecyclerPinnedHeaderDecoration

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值