Android的SwipeToDismiss第三方开源框架模拟QQ对话列表侧滑删除，置顶，将头像图片圆形化处理。

 

《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>

运行效果图：