android 侧滑删除 第三方库,非常实用的侧滑删除控件SwipeLayout

郝君博
2023-12-01

前言:项目中经常会用到类似于QQ侧滑点击删除的效果,网上的开源库也很多。个人感觉SwipeLayout最好用。下面介绍怎么使用。

一、首先导入需要的Jar包,有3个,AndroidSwipeLayout-v1.1.8.jar、AndroidViewAnimations-1.1.3.jar、nineoldandroids-2.4.0.jar。第一个jar包就是我们使用该控件的jar包,后面2个是侧滑出现删除menu的动画所需的jar包。下面就是怎么使用了。

主布局的xml文件如下,就是一个ListView:

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/swipe_listview"

android:layout_width="match_parent"

android:layout_height="match_parent" >

listview中的每个Item的布局如下:

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/swipe"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

android:layout_width="match_parent"

android:layout_height="80dp"

android:background="#FF5534"

android:gravity="center"

android:tag="Bottom3"

android:weightSum="10" >

android:id="@+id/trash"

android:layout_width="27dp"

android:layout_height="30dp"

android:layout_weight="1"

android:src="@drawable/trash" />

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="5"

android:text="Delete Item?"

android:textColor="#fff"

android:textSize="17sp" />

android:id="@+id/delete"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="4"

android:background="@drawable/white"

android:text="Yes,Delete"

android:textColor="#FF5534" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/item_selector"

android:padding="10dp" >

android:id="@+id/position"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:id="@+id/text_data"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:tag="Hover"

android:text="Just Do it . " />

上面的那个LinerLayout相当于bottomView,下面的那个相对应于SurfaceView。开始的时候SurfaceView显示在手机屏幕上,而bottomView则在屏幕外,随着手指的滑动渐渐显示在屏幕上。

Adapter.java如下:

package com.example.adapter;

import java.util.List;

import android.content.Context;

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.ViewGroup;

import android.widget.TextView;

import android.widget.Toast;

import com.daimajia.androidanimations.library.Techniques;

import com.daimajia.androidanimations.library.YoYo;

import com.daimajia.swipe.SimpleSwipeListener;

import com.daimajia.swipe.SwipeLayout;

import com.daimajia.swipe.adapters.BaseSwipeAdapter;

import com.example.firstactivity.R;

public class ListViewAdapter extends BaseSwipeAdapter {

private Context mContext;

private List mDatas;

//private TextView mDelete;

//private SwipeLayout swipeLayout;

private int pos ;

public ListViewAdapter(Context context, List mDatas) {

this.mContext = context;

this.mDatas = mDatas;

}

@Override

public int getCount() {

// TODO Auto-generated method stub

return mDatas.size();

}

@Override

public Object getItem(int position) {

// TODO Auto-generated method stub

return mDatas.get(position);

}

@Override

public long getItemId(int position) {

// TODO Auto-generated method stub

return position;

}

@Override

public void fillValues(int position, View convertView) {

// TODO Auto-generated method stub

Log.e("fillValues", "position = "+position);

TextView tv = (TextView) convertView.findViewById(R.id.position);

//tv.setText((position + 1) + ".");

tv.setText(mDatas.get(position)+"....");

final SwipeLayout sl = (SwipeLayout) convertView.findViewById(getSwipeLayoutResourceId(position));

final TextView delete = (TextView) convertView.findViewById(R.id.delete);

delete.setTag(position);

delete.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

int pos = (Integer) delete.getTag();

String obj = mDatas.get(pos);

Log.e("onClick", "........pos ...."+pos+" obj = "+obj);

mDatas.remove(obj);

notifyDataSetChanged();

sl.close();

}

});

}

@Override

public View generateView(int position, ViewGroup arg1) {

// TODO Auto-generated method stub

Log.e("generateView", "position = "+position);

View v = LayoutInflater.from(mContext).inflate(R.layout.swipe_lv_item,null);

pos = position;

final SwipeLayout swipeLayout = (SwipeLayout) v.findViewById(R.id.swipe);

swipeLayout.addSwipeListener(new SimpleSwipeListener() {

@Override

public void onOpen(SwipeLayout layout) {//当隐藏的删除menu被打开的时候的回调函数

// TODO Auto-generated method stub

YoYo.with(Techniques.Tada).duration(500).delay(100).playOn(layout.findViewById(R.id.trash));

}

});

swipeLayout.setOnDoubleClickListener(new SwipeLayout.DoubleClickListener() {

@Override

public void onDoubleClick(SwipeLayout layout,

boolean surface) {

Toast.makeText(mContext, "DoubleClick",Toast.LENGTH_SHORT).show();

}

});

// v.findViewById(R.id.delete).setOnClickListener(

// new View.OnClickListener() {

// @Override

// public void onClick(View view) {

// Toast.makeText(mContext, "click delete position = "+pos,Toast.LENGTH_SHORT).show();

// swipeLayout.close();

// }

// });

return v;

}

@Override

public int getSwipeLayoutResourceId(int position) {

// TODO Auto-generated method stub

return R.id.swipe;

}

}

注意, generateView只是加布局,最好不要在里面设置点击事件。点击事件设置fillValues这个方法中。

Activity.java如下:

package com.example.firstactivity;

import java.util.ArrayList;

import java.util.List;

import com.example.adapter.ListViewAdapter;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ListView;

import com.daimajia.swipe.util.Attributes;

public class SwipeListViewActivity extends Activity{

private ListView mListView;

private ListViewAdapter mAdapter;

private List mDatas;

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

setContentView(R.layout.swipe_layout_main);

getData();

mListView = (ListView) findViewById(R.id.swipe_listview);

mAdapter = new ListViewAdapter(this, mDatas);

mAdapter.setMode(Attributes.Mode.Single);

mListView.setAdapter(mAdapter);

}

public void getData(){

mDatas = new ArrayList();

//for(int i =0; i<10; i++){

mDatas.add("A");

mDatas.add("B");

mDatas.add("C");

mDatas.add("D");

mDatas.add("E");

mDatas.add("F");

mDatas.add("G");

mDatas.add("H");

mDatas.add("I");

mDatas.add("J");

//}

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

 类似资料: