Android开发教程之自定义ImageView

Android开发教程之自定义ImageView

按照用HTML结合CSS的话，有点审美的，就可以制作漂亮的相框了。

但我突然发现Android的ImageView的属性太不给力了，别说漂亮的相框，连加个边框都难。

还好，android具有灵活多变的编码风格，可以自定义ImageView。为了简洁，下面的例子只是在ImageView上加了个边框而已，望启到抛砖引玉的效果。

首先，重写ImageView。

1. package org.xxx.picUpload.util;  
2.   
3.   
4.   
5. import android.content.Context;  
6. import android.graphics.Canvas;  
7. import android.graphics.Color;  
8. import android.graphics.Paint;  
9. import android.graphics.Rect;  
10. import android.util.AttributeSet;  
11. import android.widget.ImageView;  
12.   
13. public class MyImageView extends ImageView {  
14.       
15.     public MyImageView(Context context) {  
16.         super(context);  
17.         // TODO Auto-generated constructor stub   
18.     }  
19.   
20.     public MyImageView(Context context, AttributeSet attrs,  
21.             int defStyle) {  
22.         super(context, attrs, defStyle);  
23.         // TODO Auto-generated constructor stub   
24.     }  
25.   
26.     public MyImageView(Context context, AttributeSet attrs) {  
27.         super(context, attrs);  
28.         // TODO Auto-generated constructor stub   
29.     }  
30.       
31.     @Override  
32.     protected void onDraw(Canvas canvas) {   //这里就是重写的方法了，想画什么形状自己动手   
33.         // TODO Auto-generated method stub   
34.         super.onDraw(canvas);  
35.           
36.         // 画边框   
37.         Rect rec = canvas.getClipBounds();  
38.         rec.bottom--;  
39.         rec.right--;  
40.         Paint paint = new Paint();  
41.         paint.setColor(Color.GRAY);   //颜色   
42.         paint.setStyle(Paint.Style.STROKE);  
43.         paint.setStrokeWidth(5);  
44.         canvas.drawRect(rec, paint);  
45.     }  
46.       
47. }  

然后 在xml文件中直接引用。

1. <org.xxx.picUpload.util.MyImageView  
2.         android:id="@+id/imageView"      
3.         android:layout_width="400px"  
4.         android:layout_height="200px"/>  

有图有真相（图片预览）：