RecyclerView實現(xiàn)拖拽排序效果
更新時間：2018年06月05日 08:29:18 作者：崔晨博
這篇文章主要為大家詳細(xì)介紹了RecyclerView實現(xiàn)拖拽排序效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
效果就是這樣，RecyclerView列表可拖拽排序，可刪除，可添加；
RecyclerView給我們提供了一個手勢器：
ItemTouchHelper helper = new ItemTouchHelper(new ItemTouchHelper.Callback() {
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
int dragFrlg = 0;
if (recyclerView.getLayoutManager() instanceof GridLayoutManager){
dragFrlg = ItemTouchHelper.UP|ItemTouchHelper.DOWN|ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
}else if(recyclerView.getLayoutManager() instanceof LinearLayoutManager){
dragFrlg = ItemTouchHelper.UP|ItemTouchHelper.DOWN;
}
return makeMovementFlags(dragFrlg,0);
}
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
//滑動事件 下面注釋的代碼，滑動后數(shù)據(jù)和條目錯亂，被舍棄
// Collections.swap(datas,viewHolder.getAdapterPosition(),target.getAdapterPosition());
// ap.notifyItemMoved(viewHolder.getAdapterPosition(),target.getAdapterPosition());
//得到當(dāng)拖拽的viewHolder的Position
int fromPosition = viewHolder.getAdapterPosition();
//拿到當(dāng)前拖拽到的item的viewHolder
int toPosition = target.getAdapterPosition();
if (fromPosition < toPosition) {
for (int i = fromPosition; i < toPosition; i++) {
Collections.swap(datas, i, i + 1);
}
} else {
for (int i = fromPosition; i > toPosition; i--) {
Collections.swap(datas, i, i - 1);
}
}
ap.notifyItemMoved(fromPosition, toPosition);
return true;
}
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
//側(cè)滑刪除可以使用；
}
@Override
public boolean isLongPressDragEnabled() {
return true;
}
/**
* 長按選中Item的時候開始調(diào)用
* 長按高亮
* @param viewHolder
* @param actionState
*/
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
viewHolder.itemView.setBackgroundColor(Color.RED);
//獲取系統(tǒng)震動服務(wù)//震動70毫秒
Vibrator vib = (Vibrator) getSystemService(Service.VIBRATOR_SERVICE);
vib.vibrate(70);
}
super.onSelectedChanged(viewHolder, actionState);
}
/**
* 手指松開的時候還原高亮
* @param recyclerView
* @param viewHolder
*/
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setBackgroundColor(0);
ap.notifyDataSetChanged(); //完成拖動后刷新適配器，這樣拖動后刪除就不會錯亂
}
});
設(shè)置給RecyclerView即可：
helper.attachToRecyclerView(rv);
下面是完整的代碼和Xml布局文件：
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private final String TAG = this.getClass().getSimpleName();
private List<String> d = Arrays.asList(
"A","B","C","D","E","F","G"
,"H","I","J","K","L","M","N"
,"O","P","Q","R","S","T"
,"U","V","W","X","Y","Z");
private RecyclerView rv ;
private Ap<String> ap;
private List<String> datas;
private EditText edAdd;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
rv = findViewById(R.id.rv);
edAdd =findViewById(R.id.et_add);
rv.setLayoutManager(new GridLayoutManager(this,3));
// rv.setLayoutManager(new LinearLayoutManager(this));
ap = new Ap(this, datas);
rv.setAdapter(ap);
helper.attachToRecyclerView(rv);
findViewById(R.id.tv).setOnClickListener(this);
findViewById(R.id.tv_add).setOnClickListener(this);
}
private void initData() {
datas = new ArrayList<>();
// 直接用d操作集合會崩潰，Arrays.asList集合不可增刪改；詳細(xì)可以看我的博客
for (int i = 0; i < d.size(); i++) {
datas.add(d.get(i));
}
}
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.tv:
for (int i = 0; i < datas.size(); i++) {
Log.i(TAG, "onClick: ____"+datas.get(i));
}
break;
case R.id.tv_add:
ap.add(edAdd.getText().toString().trim());
edAdd.setText(null);
break;
}
}
class Ap<T> extends RecyclerView.Adapter<Ap.Vh>{
private Context context;
public List<T> stringList;
public Ap(Context context, List<T> stringList) {
this.context = context;
this.stringList = stringList;
}
@Override
public Ap.Vh onCreateViewHolder(ViewGroup parent, int viewType) {
return new Vh(LayoutInflater.from(context).inflate(R.layout.item_rv,null));
}
@Override
public void onBindViewHolder(Ap.Vh holder, final int position) {
holder.tv.setText(stringList.get(position).toString());
holder.iv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
remove(position);
}
});
}
@Override
public int getItemCount() {
return stringList.size();
}
public void add(T item){
int position = stringList.size();
stringList.add(item);
notifyItemInserted(position);
}
public void add(int position,T item){
stringList.add(position,item);
notifyItemInserted(position);
}
// public void remove(T item) {
// final int position = stringList.indexOf(item);
// if (-1 == position)
// return;
// stringList.remove(item);
// notifyItemRemoved(position);
// }
public void remove(int position) {
stringList.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(position,stringList.size());
}
class Vh extends RecyclerView.ViewHolder {
public Vh(View itemView) {
super(itemView);
tv = itemView.findViewById(R.id.tv);
iv = itemView.findViewById(R.id.iv_delete);
}
public TextView tv;
public ImageView iv;
}
}
ItemTouchHelper helper = new ItemTouchHelper(new ItemTouchHelper.Callback() {
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
int dragFrlg = 0;
if (recyclerView.getLayoutManager() instanceof GridLayoutManager){
dragFrlg = ItemTouchHelper.UP|ItemTouchHelper.DOWN|ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
}else if(recyclerView.getLayoutManager() instanceof LinearLayoutManager){
dragFrlg = ItemTouchHelper.UP|ItemTouchHelper.DOWN;
}
return makeMovementFlags(dragFrlg,0);
}
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
//滑動事件 下面注釋的代碼，滑動后數(shù)據(jù)和條目錯亂，被舍棄
// Collections.swap(datas,viewHolder.getAdapterPosition(),target.getAdapterPosition());
// ap.notifyItemMoved(viewHolder.getAdapterPosition(),target.getAdapterPosition());
//得到當(dāng)拖拽的viewHolder的Position
int fromPosition = viewHolder.getAdapterPosition();
//拿到當(dāng)前拖拽到的item的viewHolder
int toPosition = target.getAdapterPosition();
if (fromPosition < toPosition) {
for (int i = fromPosition; i < toPosition; i++) {
Collections.swap(datas, i, i + 1);
}
} else {
for (int i = fromPosition; i > toPosition; i--) {
Collections.swap(datas, i, i - 1);
}
}
ap.notifyItemMoved(fromPosition, toPosition);
return true;
}
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
//側(cè)滑刪除可以使用；
}
@Override
public boolean isLongPressDragEnabled() {
return true;
}
/**
* 長按選中Item的時候開始調(diào)用
* 長按高亮
* @param viewHolder
* @param actionState
*/
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
viewHolder.itemView.setBackgroundColor(Color.RED);
//獲取系統(tǒng)震動服務(wù)//震動70毫秒
Vibrator vib = (Vibrator) getSystemService(Service.VIBRATOR_SERVICE);
vib.vibrate(70);
}
super.onSelectedChanged(viewHolder, actionState);
}
/**
* 手指松開的時候還原高亮
* @param recyclerView
* @param viewHolder
*/
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setBackgroundColor(0);
ap.notifyDataSetChanged(); //完成拖動后刷新適配器，這樣拖動后刪除就不會錯亂
}
});
}
Xml布局文件：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.ccb.pactera.dragrecyclerviewdemo.MainActivity"> <LinearLayout android:id="@+id/ll" android:background="#eeeeee" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="48dp"> <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="48dp" android:id="@+id/tv" android:text="查看數(shù)據(jù)" android:textColor="#fff" android:textSize="16dp" android:gravity="center" android:background="@color/colorAccent" /> <EditText android:id="@+id/et_add" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"/> <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="48dp" android:id="@+id/tv_add" android:text="添加數(shù)據(jù)" android:textColor="#fff" android:textSize="16dp" android:gravity="center" android:background="#fc1" /> </LinearLayout> <android.support.v7.widget.RecyclerView android:id="@+id/rv" android:layout_below="@id/ll" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>
RecyclerView的Item：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="#f1f1f1" android:layout_height="match_parent"> <RelativeLayout android:layout_width="match_parent" android:background="#fff" android:layout_margin="0.5dp" android:layout_height="match_parent"> <ImageView android:layout_width="match_parent" android:layout_height="50dp" android:src="@mipmap/icon" android:id="@+id/iv" android:layout_marginTop="10dp" /> <TextView android:id="@+id/tv" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="16dp" android:layout_below="@id/iv" android:gravity="center_horizontal" android:layout_marginBottom="10dp" /> <ImageView android:layout_width="25dp" android:layout_height="25dp" android:layout_alignParentRight="true" android:src="@mipmap/detele" android:id="@+id/iv_delete" /> </RelativeLayout> </RelativeLayout>
資源鏈接Github
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android4.0設(shè)計規(guī)定的有效可觸摸的UI元素標(biāo)準(zhǔn)是48dp，轉(zhuǎn)化為一個物理尺寸約為9毫米。7~10毫米，這是一個用戶手指能準(zhǔn)確并且舒適觸摸的區(qū)域。本文將介紹Android擴(kuò)大View點擊范圍的方法2021-05-05
Bitmap放大或縮?。洪L和寬放大縮小的比例具體實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
這篇文章主要為大家介紹了Flutter?異步編程之單線程下異步模型圖文示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Android獲取移動網(wǎng)絡(luò)信號強(qiáng)度的方法
這篇文章主要介紹了Android獲取移動網(wǎng)絡(luò)信號強(qiáng)度的方法，幫助大家更好的理解和學(xué)習(xí)使用Android，感興趣的朋友可以了解下2021-04-04
Android手機(jī)屏幕px與dp互轉(zhuǎn)的工具類
今天小編就為大家分享一篇關(guān)于Android手機(jī)屏幕px與dp互轉(zhuǎn)的工具類，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
AndroidStudio利用android-support-multidex解決64k的各種異常
這篇文章主要為大家詳細(xì)介紹了AndroidStudio利用android-support-multidex解決64k的各種異常，感興趣的小伙伴們可以參考一下2016-09-09
Android應(yīng)用中Back鍵的監(jiān)聽及處理實例
在Android應(yīng)用中處理Back鍵按下事件，多種實現(xiàn)方法如下，感興趣的朋友可以了解下哈2013-06-06
android 中使用TableLayout實現(xiàn)表單布局效果示例
本篇文章主要介紹了android 中使用TableLayout實現(xiàn)表單布局效果示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
Android ListView構(gòu)建支持單選和多選的投票項目
如何在Android的ListView中構(gòu)建CheckBox和RadioButton列表？這篇文章主要為大家詳細(xì)介紹了Android ListView實現(xiàn)支持單選和多選的投票項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
Android開發(fā)使用ProgressBar實現(xiàn)進(jìn)度條功能示例
這篇文章主要介紹了Android開發(fā)使用ProgressBar實現(xiàn)進(jìn)度條功能,結(jié)合實例形式分析了Android進(jìn)度條ProgressBar的具體樣式、布局與功能實現(xiàn)技巧,需要的朋友可以參考下2019-03-03