Android：通过自定义ImageView实现带边框的ImageView

• 因为项目中有这样的需求，又不知道怎么解决。于是就在网上找资料，然后看到一个比较全面的介绍：
  http://evan0625.iteye.com/blog/1128249　；里面的东西没有去验证。只是用了他提到的自定义ImageView的方式。结果很坑爹。写东西，不写全。直接放进项目根本不能用。一直报错。
• 于是，我又翻山越岭，然后发现还要写一个attrs.xml。但是我又不会写。于是又翻山越岭，然后在：http://blog.csdn.net/xiaanming/article/details/42833893 里面看到了他写了一个attrs.xml刚好有一个设置边框的属性。于是我就将那个抄下来。然后结合上一个自定义ImageView，果然ok了。
• 为了下次使用不那么麻烦，就将代码放这里了：
  首先是attrs.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="SingleTouchView">        <attr name="frameColor" format="color" />        <!-- 边框颜色 -->    </declare-styleable></resources>

接着就是自定义的ImageView了

import android.annotation.SuppressLint;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Rect;import android.util.AttributeSet;import android.widget.ImageView;import com.zyitong.MobGuard_Pad.R;@SuppressLint("DrawAllocation")public class BorderImageView extends ImageView {    private static final int DEFAULT_FRAME_COLOR = 0xff0000;    private int frameColor;    public BorderImageView(Context context, AttributeSet attrs) {        super(context, attrs);        obtainStyledAttributes(attrs);    }    /**     * 获取自定义属性     *      * @param attrs     */    private void obtainStyledAttributes(AttributeSet attrs) {        TypedArray mTypedArray = getContext().obtainStyledAttributes(attrs,                R.styleable.SingleTouchView);        frameColor = mTypedArray.getColor(                R.styleable.SingleTouchView_frameColor, DEFAULT_FRAME_COLOR);        mTypedArray.recycle();    }    /*     * (non-Javadoc) <a href="http://my.oschina.net/u/244147" target="_blank"     * rel="nofollow">@see</a>     * android.widget.ImageView#onDraw(android.graphics.Canvas)     */    @SuppressLint("DrawAllocation")    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        // 画边框        Rect rec = canvas.getClipBounds();        rec.bottom--;        rec.right--;        Paint paint = new Paint();        paint.setColor(frameColor);        paint.setStyle(Paint.Style.STROKE);        canvas.drawRect(rec, paint);    }}

题外话：这个自定义的ImageView我也算是看懂了，就是将画笔放在控件的右下角，然后一点一点往左上角画，至于为什么没有画满控件，而是只是画了边框，倒是没有明白。

然后就是在自己的布局文件里面去使用了：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:duck="http://schemas.android.com/apk/res/com.aaa.bbb"    android:id="@+id/item_lay1_root"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical" >        <RelativeLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center" >            <com.aaa.bbb.ui.BorderImageView                android:id="@+id/item_lay1_iv"                android:layout_width="150dp"                android:layout_height="150dp"                android:layout_gravity="center"                android:layout_margin="0.1dp"                android:contentDescription="@null"                android:minHeight="50dp"                android:minWidth="50dp"                android:scaleType="centerCrop"                android:src="@drawable/bj_qq"                android:padding="2dp"                duck:frameColor="@color/grey" />            <CheckBox                android:id="@+id/item_lay1_cb"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_alignParentBottom="true"                android:layout_alignParentRight="true"                android:clickable="false"                android:visibility="gone" />        </RelativeLayout>        <ProgressBar            android:id="@+id/img_pb"            style="?android:attr/progressBarStyleHorizontal"            android:layout_width="fill_parent"            android:layout_height="2dp"            android:background="@drawable/btn_head" />    </LinearLayout></LinearLayout>

注意：xmlns:duck="http://schemas.android.com/apk/res/com.aaa.bbb"这里面的com.aaa.bbb
一定是当前应用的包名，否则没效果，或者直接报错。

通过以上3步，就算是圆满完成了给ImageView设置一个边框了。至于怎么控制边框的宽度，可能还需要去设置一下画笔的宽度，这个就不是很了解了。