android 实现图片的边框

方案一：继承ImageView，在onDraw 重写画图函数，在图片边延画条灰色的线

方案二：在灰色背景下，内缩2个像索，再内嵌个图片。

view plain

1. packagecom.xmz.activity;
2. importandroid.content.Context;
3. importandroid.graphics.Canvas;
4. importandroid.graphics.Color;
5. importandroid.graphics.Paint;
6. importandroid.graphics.Rect;
7. importandroid.util.AttributeSet;
8. importandroid.widget.ImageView;
9. publicclassImageViewBorderextendsImageView{
10. privateStringnamespace="http://xmz.com";
11. privateintcolor;
13. publicImageViewBorder(Contextcontext,AttributeSetattrs){
14. super(context,attrs);
15. color=Color.parseColor(attrs.getAttributeValue(namespace,"BorderColor"));
16. }
18. @Override
19. protectedvoidonDraw(Canvascanvas){
21. super.onDraw(canvas);
22. //画边框暂时去除小边框
23. Rectrec=canvas.getClipBounds();
24. rec.bottom--;
25. rec.right--;
26. Paintpaint=newPaint();
27. paint.setColor(color);
28. paint.setStyle(Paint.Style.STROKE);
29. canvas.drawRect(rec,paint);
30. }
31. }

view plain

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:xmz="http://xmz.com"
4. android:orientation="vertical"
5. android:layout_width="fill_parent"
6. android:layout_height="wrap_content"
7. >
8. <TextView
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content"
11. android:text="方案一："
12. />
13. <com.xmz.activity.ImageViewBorder
14. android:layout_width="124px"
15. android:layout_height="180px"
16. android:background="@drawable/movie"
17. xmz:BorderColor="GRAY"
18. />
19. <TextView
20. android:layout_width="fill_parent"
21. android:layout_height="wrap_content"
22. android:text="方案二："
23. />
25. <LinearLayout
26. android:layout_width="124px"
27. android:layout_height="180px"
28. android:background="@drawable/image_bg"
29. android:padding="2px">
30. <ImageView
31. android:layout_width="wrap_content"
32. android:layout_height="wrap_content"
33. android:background="@drawable/movie"
34. />
35. </LinearLayout>
36. </LinearLayout>

工程的资源下载：http://download.youkuaiyun.com/source/3386837