《Android SwipeToDismiss:左右滑动删除ListView条目Item》
Android的SwipeToDismiss是github上一个第三方开源框架(github上的项目链接地址:https://github.com/romannurik/Android-SwipeToDismiss )。该开源项目旨在:使得一个ListView的item在用户的手指在屏幕上左滑或者右滑时候,删除当前的这个ListView Item。
下载地址:点此下载
将开源框架文件加入这里:
将图片圆形化处理的类:CircleImageView
package com.lixu.qqchehua; import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.FloatMath;
import android.widget.ImageView; /**
* @author Phil
*
*/
public class CircleImageView extends ImageView { private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;
private static final int COLORDRAWABLE_DIMENSION = 2; // 圆形边框的厚度默认值。
// 如果是0,则没有天蓝色渐变的边框。
private static final int DEFAULT_BORDER_WIDTH = 0; private static final int DEFAULT_BORDER_COLOR = Color.BLACK; private final RectF mDrawableRect = new RectF();
private final RectF mBorderRect = new RectF(); private final Matrix mShaderMatrix = new Matrix();
private final Paint mBitmapPaint = new Paint();
private final Paint mBorderPaint = new Paint(); private int mBorderColor = DEFAULT_BORDER_COLOR;
private int mBorderWidth = DEFAULT_BORDER_WIDTH; private Bitmap mBitmap;
private BitmapShader mBitmapShader;
private int mBitmapWidth;
private int mBitmapHeight; private float mDrawableRadius;
private float mBorderRadius; private boolean mReady;
private boolean mSetupPending;
private final Paint mFlagBackgroundPaint = new Paint();
private final TextPaint mFlagTextPaint = new TextPaint();
private String mFlagText;
private boolean mShowFlag = false;
private Rect mFlagTextBounds = new Rect(); Shader mSweepGradient = null; public CircleImageView(Context context) {
super(context); init();
} public CircleImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
} public CircleImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle); // TypedArray a = context.obtainStyledAttributes(attrs,
// R.styleable.CircleImageView, defStyle, 0);
//
// mBorderWidth =
// a.getDimensionPixelSize(R.styleable.CircleImageView_border_width,
// DEFAULT_BORDER_WIDTH);
// mBorderColor = a.getColor(R.styleable.CircleImageView_border_color,
// DEFAULT_BORDER_COLOR);
//
// a.recycle(); init();
} private void init() {
super.setScaleType(SCALE_TYPE);
mReady = true; if (mSetupPending) {
setup();
mSetupPending = false;
}
} @Override
public ScaleType getScaleType() {
return SCALE_TYPE;
} @Override
public void setScaleType(ScaleType scaleType) {
if (scaleType != SCALE_TYPE) {
throw new IllegalArgumentException(String.format(
"ScaleType %s not supported.", scaleType));
}
} @Override
public void setAdjustViewBounds(boolean adjustViewBounds) {
if (adjustViewBounds) {
throw new IllegalArgumentException(
"adjustViewBounds not supported.");
}
} @SuppressWarnings("deprecation")
@Override
protected void onDraw(Canvas canvas) {
if (getDrawable() == null) {
return;
} canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius,
mBitmapPaint);
if (mBorderWidth != 0) {
canvas.save();
canvas.rotate(20, getWidth() / 2, getHeight() / 2);
canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius,
mBorderPaint);
canvas.restore();
} if (mShowFlag && mFlagText != null) {
canvas.drawArc(mBorderRect, 40, 100, false, mFlagBackgroundPaint);
mFlagTextPaint.getTextBounds(mFlagText, 0, mFlagText.length(),
mFlagTextBounds);
canvas.drawText(mFlagText, getWidth() / 2,
(3 + FloatMath.cos((float) (Math.PI * 5 / 18)))
* getHeight() / 4 + mFlagTextBounds.height() / 3,
mFlagTextPaint);
} } @Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
setup();
} public int getBorderColor() {
return mBorderColor;
} public void setBorderColor(int borderColor) {
if (borderColor == mBorderColor) {
return;
} mBorderColor = borderColor;
mBorderPaint.setColor(mBorderColor);
invalidate();
} public int getBorderWidth() {
return mBorderWidth;
} /**
* @param borderWidth
* 圆形的边框厚度。
*/
public void setBorderWidth(int borderWidth) {
if (borderWidth == mBorderWidth) {
return;
} mBorderWidth = borderWidth;
setup();
} @Override
public void setImageBitmap(Bitmap bm) {
super.setImageBitmap(bm);
mBitmap = bm;
setup();
} @Override
public void setImageDrawable(Drawable drawable) {
super.setImageDrawable(drawable);
mBitmap = getBitmapFromDrawable(drawable);
setup();
} @Override
public void setImageResource(int resId) {
super.setImageResource(resId);
mBitmap = getBitmapFromDrawable(getDrawable());
setup();
} @Override
public void setImageURI(Uri uri) {
super.setImageURI(uri);
mBitmap = getBitmapFromDrawable(getDrawable());
setup();
} private Bitmap getBitmapFromDrawable(Drawable drawable) {
if (drawable == null) {
return null;
} if (drawable instanceof BitmapDrawable) {
return ((BitmapDrawable) drawable).getBitmap();
} try {
Bitmap bitmap; if (drawable instanceof ColorDrawable) {
bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION,
COLORDRAWABLE_DIMENSION, BITMAP_CONFIG);
} else {
bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(),
drawable.getIntrinsicHeight(), BITMAP_CONFIG);
} Canvas canvas = new Canvas(bitmap);
drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
drawable.draw(canvas);
return bitmap;
} catch (OutOfMemoryError e) {
return null;
}
} private void setup() {
if (!mReady) {
mSetupPending = true;
return;
} if (mBitmap == null) {
return;
} mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP,
Shader.TileMode.CLAMP); mBitmapPaint.setAntiAlias(true);
mBitmapPaint.setShader(mBitmapShader); mBorderPaint.setStyle(Paint.Style.STROKE);
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(mBorderColor);
mBorderPaint.setStrokeWidth(mBorderWidth); mBitmapHeight = mBitmap.getHeight();
mBitmapWidth = mBitmap.getWidth(); mBorderRect.set(0, 0, getWidth(), getHeight());
mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth) / 2,
(mBorderRect.width() - mBorderWidth) / 2); mDrawableRect.set(mBorderWidth, mBorderWidth, mBorderRect.width()
- mBorderWidth, mBorderRect.height() - mBorderWidth);
mDrawableRadius = Math.min(mDrawableRect.height() / 2,
mDrawableRect.width() / 2); mFlagBackgroundPaint.setColor(Color.BLACK & 0x66FFFFFF);
mFlagBackgroundPaint.setFlags(TextPaint.ANTI_ALIAS_FLAG); mFlagTextPaint.setFlags(TextPaint.ANTI_ALIAS_FLAG);
mFlagTextPaint.setTextAlign(Align.CENTER);
mFlagTextPaint.setColor(Color.WHITE);
mFlagTextPaint
.setTextSize(getResources().getDisplayMetrics().density * 18); mSweepGradient = new SweepGradient(getWidth() / 2, getHeight() / 2,
new int[] { Color.rgb(255, 255, 255), Color.rgb(1, 209, 255) },
null); mBorderPaint.setShader(mSweepGradient); updateShaderMatrix();
invalidate();
} private void updateShaderMatrix() {
float scale;
float dx = 0;
float dy = 0; mShaderMatrix.set(null); if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width()
* mBitmapHeight) {
scale = mDrawableRect.height() / (float) mBitmapHeight;
dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f;
} else {
scale = mDrawableRect.width() / (float) mBitmapWidth;
dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f;
} mShaderMatrix.setScale(scale, scale);
mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth,
(int) (dy + 0.5f) + mBorderWidth); mBitmapShader.setLocalMatrix(mShaderMatrix);
} public void setShowFlag(boolean show) {
mShowFlag = show;
invalidate();
} public void setFlagText(String text) {
mFlagText = text;
invalidate();
}
}
代码如下:
package com.lixu.qqchehua; import java.util.ArrayList;
import com.baoyz.swipemenulistview.SwipeMenu;
import com.baoyz.swipemenulistview.SwipeMenuCreator;
import com.baoyz.swipemenulistview.SwipeMenuItem;
import com.baoyz.swipemenulistview.SwipeMenuListView;
import com.baoyz.swipemenulistview.SwipeMenuListView.OnMenuItemClickListener;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast; public class MainActivity extends Activity {
private ArrayList<String> data;
private MyAdapter mMyAdapter; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 添加文字数据模拟QQ对话
String[] str = { "今天天气不错!", "你好啊,在吗?", "朋友有空出来完。", "走,出去嗨!", "帅哥有空吗?", "来家里玩。", "QQ群有新动态。", "腾讯新闻:伊拉克发动战争!",
"QQ红包,快来领", "QQ健康", "QQ邮箱" };
data = new ArrayList<String>(); for (String n : str)
data.add(n);
// 创建侧滑提示框
SwipeMenuCreator creator = new SwipeMenuCreator() { @Override
public void create(SwipeMenu menu) {
// 设置置顶框
SwipeMenuItem zhidingitem = new SwipeMenuItem(getApplicationContext());
zhidingitem.setBackground(new ColorDrawable(Color.GRAY));
zhidingitem.setWidth(dp2px(90));
zhidingitem.setTitle("置顶");
zhidingitem.setTitleSize(15);
zhidingitem.setTitleColor(Color.WHITE);
menu.addMenuItem(zhidingitem);
// 设置删除框
SwipeMenuItem deleteitem = new SwipeMenuItem(getApplicationContext());
deleteitem.setBackground(new ColorDrawable(Color.RED));
deleteitem.setWidth(dp2px(90));
deleteitem.setTitle("删除");
deleteitem.setTitleSize(15);
deleteitem.setTitleColor(Color.WHITE);
menu.addMenuItem(deleteitem);
}
};
SwipeMenuListView smlv = (SwipeMenuListView) findViewById(R.id.smlv);
// 设置滑动菜单
smlv.setMenuCreator(creator);
// 设置菜单触摸事件
smlv.setOnMenuItemClickListener(new OnMenuItemClickListener() { @Override
public boolean onMenuItemClick(int position, SwipeMenu menu, int index) {
// int index 这个获取到提示框 int position获取列的下标
switch (index) {
case 0:
// 获取某一列数据后添加到集合头部
String str = data.get(position);
data.remove(position);
data.add(0, str);
// 刷新适配器
mMyAdapter.notifyDataSetChanged();
Toast.makeText(getApplicationContext(), "置顶成功!", 0).show();
break;
case 1:
// 删除某一列数据
data.remove(position);
// 刷新适配器
mMyAdapter.notifyDataSetChanged();
Toast.makeText(getApplicationContext(), "删除成功!", 0).show();
break; default:
break;
}
return false;
}
}); mMyAdapter = new MyAdapter(this, -1);
smlv.setAdapter(mMyAdapter);
} private class MyAdapter extends ArrayAdapter {
LayoutInflater flater; public MyAdapter(Context context, int resource) {
super(context, resource);
flater = LayoutInflater.from(context);
} @Override
public int getCount() {
return data.size();
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null)
convertView = flater.inflate(R.layout.list, null); ImageView iv = (ImageView) convertView.findViewById(R.id.iv);
iv.setImageResource(R.drawable.qqq); TextView tv = (TextView) convertView.findViewById(R.id.tv);
tv.setText(data.get(position));
return convertView;
} } public int dp2px(float dipValue) {
final float scale = this.getResources().getDisplayMetrics().density;
return (int) (dipValue * scale + 0.5f);
} }
xml文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" > <com.baoyz.swipemenulistview.SwipeMenuListView
android:id="@+id/smlv"
android:layout_width="match_parent"
android:layout_height="match_parent" /> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:padding="10dp"> <com.lixu.qqchehua.CircleImageView
android:id="@+id/iv"
android:layout_width="50dp"
android:layout_height="50dp" /> <TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content" /> </LinearLayout>
运行效果图: