android 带边框的ImageView

三里屯摇滚

android 带边框的ImageView

参考：http://topic.csdn.net/u/20110224 ... c5d9.html?558626276
http://topic.csdn.net/u/20110224 ... c5d9.html?558626276
http://407827531.iteye.com/blog/1177818

给一张图片加边框 大概有两做法

第一 ：

我们知道ImageView里面 有两个属性 一个是background 一个是src 就可以用这两个来加边框

backgroud的图片比src的图片要稍大 这样 就可以把background多余的部分露出来 当边框了 呵呵

Java代码

1. 1.android:src= "@android:drawable/btn_default"     
   
2. 2.  android:background= "#FFFF0000"  
   
3. 3.  android:scaleType= "fitCenter"  
   
4. android:src= "@android:drawable/btn_default"  
   
5.   android:background= "#FFFF0000"
   
6.   android:scaleType= "fitCenter"

复制代码

第二：

也是大多数人用到的方法 自定义一个ImageView


Java代码

1. 1.public class VideoBorderImageView extends ImageView {   
   
2. 2.  
   
3. 3.    public VideoBorderImageView(Context context) {   
   
4. 4.        super(context);   
   
5. 5.        // TODO Auto-generated constructor stub   
   
6. 6.    }   
   
7. 7.  
   
8. 8.    public VideoBorderImageView(Context context, AttributeSet attrs,   
   
9. 9.            int defStyle) {   
   
10. 10.        super(context, attrs, defStyle);   
    
11. 11.        // TODO Auto-generated constructor stub   
    
12. 12.    }   
    
13. 13.  
    
14. 14.    public VideoBorderImageView(Context context, AttributeSet attrs) {   
    
15. 15.        super(context, attrs);   
    
16. 16.        // TODO Auto-generated constructor stub   
    
17. 17.    }   
    
18. 18.  
    
19. 19.    @Override  
    
20. 20.    protected void onDraw(Canvas canvas) {   
    
21. 21.        // TODO Auto-generated method stub   
    
22. 22.        super.onDraw(canvas);   
    
23. 23.  
    
24. 24.        // 画边框   
    
25. 25.        Rect rec = canvas.getClipBounds();   
    
26. 26.        rec.bottom--;   
    
27. 27.        rec.right--;   
    
28. 28.        Paint paint = new Paint();   
    
29. 29.        paint.setColor(Color.GRAY);   
    
30. 30.        paint.setStyle(Paint.Style.STROKE);   
    
31. 31.        paint.setStrokeWidth(5);   
    
32. 32.        canvas.drawRect(rec, paint);   
    
33. 33.    }  
    
34. public class VideoBorderImageView extends ImageView {
    
35. 
    
36.         public VideoBorderImageView(Context context) {
    
37.                 super(context);
    
38.                 // TODO Auto-generated constructor stub
    
39.         }
    
40. 
    
41.         public VideoBorderImageView(Context context, AttributeSet attrs,
    
42.                         int defStyle) {
    
43.                 super(context, attrs, defStyle);
    
44.                 // TODO Auto-generated constructor stub
    
45.         }
    
46. 
    
47.         public VideoBorderImageView(Context context, AttributeSet attrs) {
    
48.                 super(context, attrs);
    
49.                 // TODO Auto-generated constructor stub
    
50.         }
    
51. 
    
52.         @Override
    
53.         protected void onDraw(Canvas canvas) {
    
54.                 // TODO Auto-generated method stub
    
55.                 super.onDraw(canvas);
    
56. 
    
57.                 // 画边框
    
58.                 Rect rec = canvas.getClipBounds();
    
59.                 rec.bottom--;
    
60.                 rec.right--;
    
61.                 Paint paint = new Paint();
    
62.                 paint.setColor(Color.GRAY);
    
63.                 paint.setStyle(Paint.Style.STROKE);
    
64.                 paint.setStrokeWidth(5);
    
65.                 canvas.drawRect(rec, paint);
    
66.         }

复制代码

xml


Java代码

1. 1.<com.XXX.VideoBorderImageView   
   
2. 2.        android:layout_marginTop="20dip"  
   
3. 3.        android:layout_width="176px"  
   
4. 4.        android:layout_height="144px"  
   
5. 5.        android:id="@+id/iv_room_tab_video"/>  

复制代码

清风鸟儿

谢谢分享  希望于楼主多多交流:wink::wink::wink::wink::wink::wink: