Android開發教程之自定義ImageView

按照用HTML結合CSS的話，有點審美的，就可以制作漂亮的相框了。

但我突然發現Android的ImageView的屬性太不給力了，別說漂亮的相框，連加個邊框都難。

還好，android具有靈活多變的編碼風格，可以自定義ImageView。為了簡潔，下面的例子只是在ImageView上加了個邊框而已，望啟到拋磚引玉的效果。

首先，重寫ImageView。

1. package org.xxx.picUpload.util;
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;
13. public class MyImageView extends ImageView {
15. public MyImageView(Context context) {
16. super(context);
17. // TODO Auto-generated constructor stub
18. }
20. public MyImageView(Context context, AttributeSet attrs,
21. int defStyle) {
22. super(context, attrs, defStyle);
23. // TODO Auto-generated constructor stub
24. }
26. public MyImageView(Context context, AttributeSet attrs) {
27. super(context, attrs);
28. // TODO Auto-generated constructor stub
29. }
31. @Override
32. protected void onDraw(Canvas canvas) { //這裡就是重寫的方法了，想畫什麼形狀自己動手
33. // TODO Auto-generated method stub
34. super.onDraw(canvas);
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. }
47. }

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

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

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