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"/>  

有圖有真相（圖片預覽）：