android圖片處理，讓圖片變成圓形

這幾天做專案，有些地方的圖片需要用到圓形圖片，所以百度了一下，在github上找到一個開源專案，處理很簡單，效果如下：

使用起來特別簡單，一共三步，具體如下：

1，建立一個Java類CircleImageView把下面的程式碼複製過去，報錯的導包

 

1. package de.hdodenhof.circleimageview;

2. import edu.njupt.zhb.main.R;

3. import android.content.Context;

4. import android.content.res.TypedArray;

5. import android.graphics.Bitmap;

6. import android.graphics.BitmapShader;

7. import android.graphics.Canvas;

8. import android.graphics.Color;

9. import android.graphics.Matrix;

10. import android.graphics.Paint;

11. import android.graphics.RectF;

12. import android.graphics.Shader;

13. import android.graphics.drawable.BitmapDrawable;

14. import android.graphics.drawable.ColorDrawable;

15. import android.graphics.drawable.Drawable;

16. import android.util.AttributeSet;

17. import android.widget.ImageView;

18.  

19. public class CircleImageView extends ImageView {

20.  

21. private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;

22.  

23. private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;

24. private static final int COLORDRAWABLE_DIMENSION = 1;

25.  

26. private static final int DEFAULT_BORDER_WIDTH = 0;

27. private static final int DEFAULT_BORDER_COLOR = Color.BLACK;

28.  

29. private final RectF mDrawableRect = new RectF();

30. private final RectF mBorderRect = new RectF();

31.  

32. private final Matrix mShaderMatrix = new Matrix();

33. private final Paint mBitmapPaint = new Paint();

34. private final Paint mBorderPaint = new Paint();

35.  

36. private int mBorderColor = DEFAULT_BORDER_COLOR;

37. private int mBorderWidth = DEFAULT_BORDER_WIDTH;

38.  

39. private Bitmap mBitmap;

40. private BitmapShader mBitmapShader;

41. private int mBitmapWidth;

42. private int mBitmapHeight;

43.  

44. private float mDrawableRadius;

45. private float mBorderRadius;

46.  

47. private boolean mReady;

48. private boolean mSetupPending;

49.  

50. public CircleImageView(Context context) {

51. super(context);

52. }

53.  

54. public CircleImageView(Context context, AttributeSet attrs) {

55. this(context, attrs, 0);

56. }

57.  

58. public CircleImageView(Context context, AttributeSet attrs, int defStyle) {

59. super(context, attrs, defStyle);

60. super.setScaleType(SCALE_TYPE);

61.  

62. TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleImageView, defStyle, 0);

63.  

64. mBorderWidth = a.getDimensionPixelSize(R.styleable.CircleImageView_border_width, DEFAULT_BORDER_WIDTH);

65. mBorderColor = a.getColor(R.styleable.CircleImageView_border_color, DEFAULT_BORDER_COLOR);

66.  

67. a.recycle();

68.  

69. mReady = true;

70.  

71. if (mSetupPending) {

72. setup();

73. mSetupPending = false;

74. }

75. }

76.  

77. @Override

78. public ScaleType getScaleType() {

79. return SCALE_TYPE;

80. }

81.  

82. @Override

83. public void setScaleType(ScaleType scaleType) {

84. if (scaleType != SCALE_TYPE) {

85. throw new IllegalArgumentException(String.format("ScaleType %s not supported.", scaleType));

86. }

87. }

88.  

89. @Override

90. protected void onDraw(Canvas canvas) {

91. if (getDrawable() == null) {

92. return;

93. }

94.  

95. canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius, mBitmapPaint);

96. canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius, mBorderPaint);

97. }

98.  

99. @Override

100. protected void onSizeChanged(int w, int h, int oldw, int oldh) {

101. super.onSizeChanged(w, h, oldw, oldh);

102. setup();

103. }

104.  

105. public int getBorderColor() {

106. return mBorderColor;

107. }

108.  

109. public void setBorderColor(int borderColor) {

110. if (borderColor == mBorderColor) {

111. return;

112. }

113.  

114. mBorderColor = borderColor;

115. mBorderPaint.setColor(mBorderColor);

116. invalidate();

117. }

118.  

119. public int getBorderWidth() {

120. return mBorderWidth;

121. }

122.  

123. public void setBorderWidth(int borderWidth) {

124. if (borderWidth == mBorderWidth) {

125. return;

126. }

127.  

128. mBorderWidth = borderWidth;

129. setup();

130. }

131.  

132. @Override

133. public void setImageBitmap(Bitmap bm) {

134. super.setImageBitmap(bm);

135. mBitmap = bm;

136. setup();

137. }

138.  

139. @Override

140. public void setImageDrawable(Drawable drawable) {

141. super.setImageDrawable(drawable);

142. mBitmap = getBitmapFromDrawable(drawable);

143. setup();

144. }

145.  

146. @Override

147. public void setImageResource(int resId) {

148. super.setImageResource(resId);

149. mBitmap = getBitmapFromDrawable(getDrawable());

150. setup();

151. }

152.  

153. private Bitmap getBitmapFromDrawable(Drawable drawable) {

154. if (drawable == null) {

155. return null;

156. }

157.  

158. if (drawable instanceof BitmapDrawable) {

159. return ((BitmapDrawable) drawable).getBitmap();

160. }

161.  

162. try {

163. Bitmap bitmap;

164.  

165. if (drawable instanceof ColorDrawable) {

166. bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION, COLORDRAWABLE_DIMENSION, BITMAP_CONFIG);

167. } else {

168. bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), BITMAP_CONFIG);

169. }

170.  

171. Canvas canvas = new Canvas(bitmap);

172. drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());

173. drawable.draw(canvas);

174. return bitmap;

175. } catch (OutOfMemoryError e) {

176. return null;

177. }

178. }

179.  

180. private void setup() {

181. if (!mReady) {

182. mSetupPending = true;

183. return;

184. }

185.  

186. if (mBitmap == null) {

187. return;

188. }

189.  

190. mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

191.  

192. mBitmapPaint.setAntiAlias(true);

193. mBitmapPaint.setShader(mBitmapShader);

194.  

195. mBorderPaint.setStyle(Paint.Style.STROKE);

196. mBorderPaint.setAntiAlias(true);

197. mBorderPaint.setColor(mBorderColor);

198. mBorderPaint.setStrokeWidth(mBorderWidth);

199.  

200. mBitmapHeight = mBitmap.getHeight();

201. mBitmapWidth = mBitmap.getWidth();

202.  

203. mBorderRect.set(0, 0, getWidth(), getHeight());

204. mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth) / 2, (mBorderRect.width() - mBorderWidth) / 2);

205.  

206. mDrawableRect.set(mBorderWidth, mBorderWidth, mBorderRect.width() - mBorderWidth, mBorderRect.height() - mBorderWidth);

207. mDrawableRadius = Math.min(mDrawableRect.height() / 2, mDrawableRect.width() / 2);

208.  

209. updateShaderMatrix();

210. invalidate();

211. }

212.  

213. private void updateShaderMatrix() {

214. float scale;

215. float dx = 0;

216. float dy = 0;

217.  

218. mShaderMatrix.set(null);

219.  

220. if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width() * mBitmapHeight) {

221. scale = mDrawableRect.height() / (float) mBitmapHeight;

222. dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f;

223. } else {

224. scale = mDrawableRect.width() / (float) mBitmapWidth;

225. dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f;

226. }

227.  

228. mShaderMatrix.setScale(scale, scale);

229. mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth, (int) (dy + 0.5f) + mBorderWidth);

230.  

231. mBitmapShader.setLocalMatrix(mShaderMatrix);

232. }

233.  

234. }

2，在values資料夾下面建立一個xlm檔案attrs.xml把下面的程式碼複製進去

 

 

1. <?xml version="1.0" encoding="utf-8"?>

2. <resources>

3. <declare-styleable name="CircleImageView">

4. <attr name="border_width" format="dimension" />

5. <attr name="border_color" format="color" />

6. </declare-styleable>

7. </resources>

3，接下來就是使用了，直接在佈局檔案中使用，具體使用如下：

 

直接建立一個自定義的CircleImageView   src屬性設定你要改變成圓形的圖片

 

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

2. xmlns:tools="http://schemas.android.com/tools"

3. android:layout_width="match_parent"

4. android:layout_height="match_parent"

5. android:background="#ff00ff"

6. >

7.  

8. <com.example.circleimageview.CircleImageView

9. android:id="@+id/imageview"

10. android:layout_width="100dp"

11. android:layout_height="100dp"

12. android:layout_centerInParent="true"

13. android:src="@drawable/control_image"

14. />

15. </RelativeLayout>

就是這麼簡單，希望對大家有用

 

demo的地址：http://download.csdn.net/detail/dl10210950/9600196