本篇文章總結下app個人中心裡面圓形頭像,拍照,相冊,裁剪功能。
(lll¬ω¬),最近項目要做二期,是以隻好把之前寫過的頭像類整理下發出來(( ̄▽ ̄)”懶)
廢話不多說了,直接上代碼,簡單明了。
首先我們得自定義個圓形的CircleImageView繼承于ImageView,實作圓形頭像效果。
先放簡單的CircleImageView ,文章結尾附上附上在微信上看到的大神寫的CircleImageView。
CircleImageView
package 。。自己的包名。。;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;
import com.ccqlk.dx.R;
import org.xutils.common.util.DensityUtil;
/**
* 圓形圖檔,并有邊框
* Created by RYX on 2017/9/14.
*/
public class CircleImageView extends android.support.v7.widget.AppCompatImageView {
private Paint mPaintCircle; //畫圓形圖檔的筆
private Paint mPaintBorder; //畫圓形邊框的筆
private int mCircleBorderWidth; //邊框寬度
private int mCirlcleBorderColor; //邊框顔色
public CircleImageView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.widget_circle_image_view);
mCircleBorderWidth = (int) typedArray.getDimension(R.styleable.widget_circle_image_view_borderWidth, DensityUtil.dip2px()); // 擷取設定的邊框寬度
mCirlcleBorderColor = typedArray.getColor(R.styleable.widget_circle_image_view_borderColor, Color.parseColor("#FF5BAFE4"));// 擷取設定的邊框顔色
typedArray.recycle();
init();
}
private void init() {
// 初始化圓的畫筆
mPaintCircle = new Paint();
mPaintCircle.setAntiAlias(true); //抗鋸齒
//初始化邊框的畫筆
mPaintBorder = new Paint();
mPaintBorder.setAntiAlias(true); //抗鋸齒
mPaintBorder.setStyle(Paint.Style.STROKE);
mPaintBorder.setStrokeWidth(mCircleBorderWidth); //設定邊框粗細
mPaintBorder.setColor(mCirlcleBorderColor); //設定邊框顔色
}
@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (drawable == null) return;
int mWidth = getWidth();
int mHeight = getHeight();
int mRadius = Math.min(mWidth, mHeight) / ;
Bitmap bitmap = getBitmap(drawable);
float scaleW = mWidth * F / bitmap.getWidth();
float scaleH = mHeight * F / bitmap.getHeight();
float scale = Math.min(scaleW, scaleH);
Matrix mMatrix = new Matrix();
mMatrix.setScale(scale, scale);
/** 将bitmap放進圖像着色器,縮放模式:拉伸 */
BitmapShader mBitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
mBitmapShader.setLocalMatrix(mMatrix);
mPaintCircle.setShader(mBitmapShader);
canvas.drawCircle(mWidth / , mHeight / , mRadius - mCircleBorderWidth, mPaintCircle);
canvas.drawCircle(mWidth / , mHeight / , mRadius - mCircleBorderWidth / , mPaintBorder);
}
private Bitmap getBitmap(Drawable drawable) {
if (drawable instanceof BitmapDrawable) {
return ((BitmapDrawable) getDrawable()).getBitmap();
} else {
Bitmap bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
Canvas mCanvas = new Canvas(bitmap);
drawable.setBounds(, , drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
drawable.draw(mCanvas);
return bitmap;
}
}
}
自定義的CircleImageView到此就算完成了,接下來看看
打開相機拍照:
//相機權限
protected String[] needPermissions = {
Manifest.permission.RECORD_AUDIO
};
//相機權限請求碼
private static final int PERMISSON_REQUESTCODE = ;
/*
*打開相機
*/
private void getCamera() {
//權限申請
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M ) {
requestPermissions(needPermissions, PERMISSON_REQUESTCODE);
} else {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
// 判斷存儲卡是否可以用,可用進行存儲
if (hasSdcard()) {
file = new File(Environment.getExternalStorageDirectory(), MainActivity.PHOTO_FILE_NAME);
// 從檔案中建立uri
Uri uri = Uri.fromFile(file);
intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
}
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_CAREMA
getActivity().startActivityForResult(intent, PHOTO_REQUEST_CAREMA);
}
}
/*
* 判斷sdcard是否被挂載
*/
private boolean hasSdcard() {
//判斷SD卡手否是安裝好的 media_mounted
if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) {
return true;
} else {
return false;
}
}
打開相冊
/*
*相冊,選擇一張圖檔
*/
private void getPhoto() {
Intent intent = new Intent(Intent.ACTION_PICK);
intent.setType("image/*");
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_GALLERY
getActivity().startActivityForResult(intent, MainActivity.PHOTO_REQUEST_GALLERY);
}
裁剪圖檔
/*
* 剪切圖檔
*/
private void crop(Uri uri, int outWith, int outHeight) {
// 裁剪圖檔意圖
Intent intent = new Intent("com.android.camera.action.CROP");
intent.setDataAndType(uri, "image/*");
intent.putExtra("crop", "true");
// 裁剪框的比例,1:1
intent.putExtra("aspectX", );
intent.putExtra("aspectY", );
// 裁剪後輸出圖檔的尺寸大小
intent.putExtra("outputX", outWith);
intent.putExtra("outputY", outHeight);
intent.putExtra("outputFormat", "JPEG");// 圖檔格式
intent.putExtra("noFaceDetection", true);// 取消人臉識别
intent.putExtra("return-data", true);
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_CUT
startActivityForResult(intent, MainActivity.PHOTO_REQUEST_CUT);
}
重寫onActivityResult
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == MainActivity.PHOTO_REQUEST_CAREMA) {
// 從相機傳回的資料
if (hasSdcard()) {
crop(Uri.fromFile(new File(Environment.getExternalStorageDirectory(), MainActivity.PHOTO_FILE_NAME)), , );
} else {
Toast.makeText(this, "未找到存儲卡,無法存儲照片!", Toast.LENGTH_SHORT).show();
}
} else if (requestCode == MainActivity.PHOTO_REQUEST_GALLERY) {
// 從相冊傳回的資料
if (data != null) {
// 得到圖檔的全路徑
Uri uri = data.getData();
crop(uri, , );
}
} else if (requestCode == MainActivity.PHOTO_REQUEST_CUT) {
// 從剪切圖檔傳回的資料
if (data != null) {
Bitmap bitmap = data.getParcelableExtra("data");
//防止低版本沒有辦法擷取資料,導緻奔潰
if (bitmap == null) {
return;
}
/**
* 獲得圖檔
*/
this.user_image.setImageBitmap(bitmap);
//儲存圖檔
//第一步:将Bitmap壓縮至位元組數組輸出流ByteArrayOutputStream
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.PNG, , byteArrayOutputStream);
//第二步:利用Base64将位元組數組輸出流中的資料轉換成字元串String
byte[] byteArray = byteArrayOutputStream.toByteArray();
String imageString = new String(Base64.encodeToString(byteArray, Base64.DEFAULT));
//第三步:将String保持至SharedPreferences
SharedPreferences sharedPreferences = this.getSharedPreferences("user_image", Context.MODE_PRIVATE);
SharedPreferences.Editor editor = sharedPreferences.edit();
editor.putString("image", imageString);
editor.commit();
}
} else {
super.onActivityResult(requestCode, resultCode, data);
}
}
以上就是功能實作的代碼了,其它根據需求自己稍作修改即可。
附上完整代碼:
點選頭像的彈窗布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@color/white">
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#c8c7cc" />
<TextView
android:id="@+id/camera"
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="@color/white"
android:layout_marginBottom="2dp"
android:gravity="center"
android:text="拍照"
android:textColor="#515151"
android:textSize="16dp" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#c8c7cc" />
<TextView
android:id="@+id/photo"
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="@color/white"
android:gravity="center"
android:text="相冊"
android:layout_marginBottom="2dp"
android:textColor="#515151"
android:textSize="16dp" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#c8c7cc" />
<TextView
android:id="@+id/cancel"
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="#bfbfbf"
android:gravity="center"
android:text="取消"
android:textColor="#2c2c2c"
android:textSize="16dp" />
</LinearLayout>
自定義底部彈窗
public class MenuDialog extends Dialog {
public MenuDialog(@NonNull Context context) {
super(context,R.style.Dialog_Transparent);
this.setContentView(R.layout.dialog_menu_photo);
this.setGravityBottom();
}
/**
* 設定dialog的位置在底部
*/
private void setGravityBottom() {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
lp.gravity = Gravity.BOTTOM;
getWindow().setAttributes(lp);
}
}
其中style 是我自己定義的,如下:
<style name="Dialog.Transparent">
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:backgroundDimEnabled">true</item>
<item name="android:windowBackground">@android:color/transparent</item>
</style>
Activity:
@ContentView(R.layout.activity_main)
public class MainrActivity extends BaseActivity {
//相機權限請求碼
private static final int PERMISSON_REQUESTCODE = ;
//相機權限
protected String[] needPermissions = {
Manifest.permission.RECORD_AUDIO
};
private File file;
@Override
public View onCreateView(String name, Context context, AttributeSet attrs) {
return super.onCreateView(name, context, attrs);
}
/**
* 頭像 點選事件
*
* @param view
*/
@Event(R.id.user_image)
private void user_image(View view) {
final MenuDialog menuDialog = new MenuDialog(this);
//相機
menuDialog.findViewById(R.id.camera).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
menuDialog.dismiss();
getCamera();
}
});
//相冊
menuDialog.findViewById(R.id.photo).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
menuDialog.dismiss();
getPhoto();
}
});
//取消
menuDialog.findViewById(R.id.cancel).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
menuDialog.dismiss();
}
});
menuDialog.show();
}
/*
*相機
*/
private void getCamera() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
requestPermissions(needPermissions, PERMISSON_REQUESTCODE);
} else {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
// 判斷存儲卡是否可以用,可用進行存儲
if (MainActivity.hasSdcard()) {
file = new File(Environment.getExternalStorageDirectory(), MainActivity.PHOTO_FILE_NAME);
// 從檔案中建立uri
Uri uri = Uri.fromFile(file);
intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
}
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_CAREMA
startActivityForResult(intent, MainActivity.PHOTO_REQUEST_CAREMA);
}
}
/*
*相冊,選擇一張圖檔
*/
private void getPhoto() {
Intent intent = new Intent(Intent.ACTION_PICK);
intent.setType("image/*");
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_GALLERY
startActivityForResult(intent, MainActivity.PHOTO_REQUEST_GALLERY);
}
@Override
public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
super.onRequestPermissionsResult(requestCode, permissions, grantResults);
if (requestCode == PERMISSON_REQUESTCODE) {
if (grantResults[] == PackageManager.PERMISSION_GRANTED) {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
// 判斷存儲卡是否可以用,可用進行存儲
if (MainActivity.hasSdcard()) {
file = new File(Environment.getExternalStorageDirectory(), MainActivity.PHOTO_FILE_NAME);
// 從檔案中建立uri
Uri uri = Uri.fromFile(file);
intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
}
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_CAREMA
startActivityForResult(intent, MainActivity.PHOTO_REQUEST_CAREMA);
} else {
Toast.makeText(this, "取消授權", Toast.LENGTH_SHORT).show();
}
return;
}
}
/*
* 剪切圖檔
*/
private void crop(Uri uri, int outWith, int outHeight) {
// 裁剪圖檔意圖
Intent intent = new Intent("com.android.camera.action.CROP");
intent.setDataAndType(uri, "image/*");
intent.putExtra("crop", "true");
// 裁剪框的比例,1:1
intent.putExtra("aspectX", );
intent.putExtra("aspectY", );
// 裁剪後輸出圖檔的尺寸大小
intent.putExtra("outputX", outWith);
intent.putExtra("outputY", outHeight);
intent.putExtra("outputFormat", "JPEG");// 圖檔格式
intent.putExtra("noFaceDetection", true);// 取消人臉識别
intent.putExtra("return-data", true);
// 開啟一個帶有傳回值的Activity,請求碼為PHOTO_REQUEST_CUT
startActivityForResult(intent, MainActivity.PHOTO_REQUEST_CUT);
}
/*
* 判斷sdcard是否被挂載
*/
private boolean hasSdcard() {
//判斷SD卡手否是安裝好的 media_mounted
if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) {
return true;
} else {
return false;
}
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == MainActivity.PHOTO_REQUEST_CAREMA) {
// 從相機傳回的資料
if (hasSdcard()) {
crop(Uri.fromFile(new File(Environment.getExternalStorageDirectory(), MainActivity.PHOTO_FILE_NAME)), , );
} else {
Toast.makeText(this, "未找到存儲卡,無法存儲照片!", Toast.LENGTH_SHORT).show();
}
} else if (requestCode == MainActivity.PHOTO_REQUEST_GALLERY) {
// 從相冊傳回的資料
if (data != null) {
// 得到圖檔的全路徑
Uri uri = data.getData();
crop(uri, , );
}
} else if (requestCode == MainActivity.PHOTO_REQUEST_CUT) {
// 從剪切圖檔傳回的資料
if (data != null) {
Bitmap bitmap = data.getParcelableExtra("data");
//防止低版本沒有辦法擷取資料,導緻奔潰
if (bitmap == null) {
return;
}
/**
* 獲得圖檔
*/
user_image.setImageBitmap(bitmap);
//儲存圖檔
//第一步:将Bitmap壓縮至位元組數組輸出流ByteArrayOutputStream
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.PNG, , byteArrayOutputStream);
//第二步:利用Base64将位元組數組輸出流中的資料轉換成字元串String
byte[] byteArray = byteArrayOutputStream.toByteArray();
String imageString = new String(Base64.encodeToString(byteArray, Base64.DEFAULT));
//第三步:将String保持至SharedPreferences
SharedPreferences sharedPreferences = this.getSharedPreferences("user_image", Context.MODE_PRIVATE);
SharedPreferences.Editor editor = sharedPreferences.edit();
editor.putString("image", imageString);
editor.commit();
}
} else {
super.onActivityResult(requestCode, resultCode, data);
}
}
}
PS:大神們寫的CircleImageView
package com.example.library;
import com.example.circleimageviewdemo_1.R;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.support.annotation.ColorRes;
import android.support.annotation.DrawableRes;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
* 流程控制的比較嚴謹,比如setup函數的使用
* updateShaderMatrix保證圖檔損失度最小和始終繪制圖檔正中央的那部分
* 作者思路是畫圓用渲染器位圖填充,而不是把Bitmap重繪切割成一個圓形圖檔。
*/
public class CircleImageView extends ImageView {
//縮放類型
private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;
private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;
private static final int COLORDRAWABLE_DIMENSION = ;
// 預設邊界寬度
private static final int DEFAULT_BORDER_WIDTH = ;
// 預設邊界顔色
private static final int DEFAULT_BORDER_COLOR = Color.BLACK;
private static final boolean DEFAULT_BORDER_OVERLAY = false;
private final RectF mDrawableRect = new RectF();
private final RectF mBorderRect = new RectF();
private final Matrix mShaderMatrix = new Matrix();
//這個畫筆最重要的是關聯了mBitmapShader 使canvas在執行的時候可以切割原圖檔(mBitmapShader是關聯了原圖的bitmap的)
private final Paint mBitmapPaint = new Paint();
//這個描邊,則與本身的原圖bitmap沒有任何關聯,
private final Paint mBorderPaint = new Paint();
//這裡定義了 圓形邊緣的預設寬度和顔色
private int mBorderColor = DEFAULT_BORDER_COLOR;
private int mBorderWidth = DEFAULT_BORDER_WIDTH;
private Bitmap mBitmap;
private BitmapShader mBitmapShader; // 位圖渲染
private int mBitmapWidth; // 位圖寬度
private int mBitmapHeight; // 位圖高度
private float mDrawableRadius;// 圖檔半徑
private float mBorderRadius;// 帶邊框的的圖檔半徑
private ColorFilter mColorFilter;
//初始false
private boolean mReady;
private boolean mSetupPending;
private boolean mBorderOverlay;
//構造函數
public CircleImageView(Context context) {
super(context);
init();
}
//構造函數
public CircleImageView(Context context, AttributeSet attrs) {
this(context, attrs, );
}
/**
* 構造函數
*/
public CircleImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
//通過obtainStyledAttributes 獲得一組值賦給 TypedArray(數組) , 這一組值來自于res/values/attrs.xml中的name="CircleImageView"的declare-styleable中。
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleImageView, defStyle, );
//通過TypedArray提供的一系列方法getXXXX取得我們在xml裡定義的參數值;
// 擷取邊界的寬度
mBorderWidth = a.getDimensionPixelSize(R.styleable.CircleImageView_border_width, DEFAULT_BORDER_WIDTH);
// 擷取邊界的顔色
mBorderColor = a.getColor(R.styleable.CircleImageView_border_color, DEFAULT_BORDER_COLOR);
mBorderOverlay = a.getBoolean(R.styleable.CircleImageView_border_overlay, DEFAULT_BORDER_OVERLAY);
//調用 recycle() 回收TypedArray,以便後面重用
a.recycle();
System.out.println("CircleImageView -- 構造函數");
init();
}
/**
* 作用就是保證第一次執行setup函數裡下面代碼要在構造函數執行完畢時調用
*/
private void init() {
//在這裡ScaleType被強制設定為CENTER_CROP,就是将圖檔水準垂直居中,進行縮放。
super.setScaleType(SCALE_TYPE);
mReady = true;
if (mSetupPending) {
setup();
mSetupPending = false;
}
}
@Override
public ScaleType getScaleType() {
return SCALE_TYPE;
}
/**
* 這裡明确指出 此種imageview 隻支援CENTER_CROP 這一種屬性
*
* @param scaleType
*/
@Override
public void setScaleType(ScaleType scaleType) {
if (scaleType != SCALE_TYPE) {
throw new IllegalArgumentException(String.format("ScaleType %s not supported.", scaleType));
}
}
@Override
public void setAdjustViewBounds(boolean adjustViewBounds) {
if (adjustViewBounds) {
throw new IllegalArgumentException("adjustViewBounds not supported.");
}
}
@Override
protected void onDraw(Canvas canvas) {
//如果圖檔不存在就不畫
if (getDrawable() == null) {
return;
}
//繪制内圓形 圖檔 畫筆為mBitmapPaint
canvas.drawCircle(getWidth() / , getHeight() / , mDrawableRadius, mBitmapPaint);
//如果圓形邊緣的寬度不為0 我們還要繪制帶邊界的外圓形 邊界畫筆為mBorderPaint
if (mBorderWidth != ) {
canvas.drawCircle(getWidth() / , getHeight() / , mBorderRadius, mBorderPaint);
}
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
setup();
}
public int getBorderColor() {
return mBorderColor;
}
public void setBorderColor(int borderColor) {
if (borderColor == mBorderColor) {
return;
}
mBorderColor = borderColor;
mBorderPaint.setColor(mBorderColor);
invalidate();
}
public void setBorderColorResource(@ColorRes int borderColorRes) {
setBorderColor(getContext().getResources().getColor(borderColorRes));
}
public int getBorderWidth() {
return mBorderWidth;
}
public void setBorderWidth(int borderWidth) {
if (borderWidth == mBorderWidth) {
return;
}
mBorderWidth = borderWidth;
setup();
}
public boolean isBorderOverlay() {
return mBorderOverlay;
}
public void setBorderOverlay(boolean borderOverlay) {
if (borderOverlay == mBorderOverlay) {
return;
}
mBorderOverlay = borderOverlay;
setup();
}
/**
* 以下四個函數都是
* 複寫ImageView的setImageXxx()方法
* 注意這個函數先于構造函數調用之前調用
* @param bm
*/
@Override
public void setImageBitmap(Bitmap bm) {
super.setImageBitmap(bm);
mBitmap = bm;
setup();
}
@Override
public void setImageDrawable(Drawable drawable) {
super.setImageDrawable(drawable);
mBitmap = getBitmapFromDrawable(drawable);
System.out.println("setImageDrawable -- setup");
setup();
}
@Override
public void setImageResource(@DrawableRes int resId) {
super.setImageResource(resId);
mBitmap = getBitmapFromDrawable(getDrawable());
setup();
}
@Override
public void setImageURI(Uri uri) {
super.setImageURI(uri);
mBitmap = getBitmapFromDrawable(getDrawable());
setup();
}
@Override
public void setColorFilter(ColorFilter cf) {
if (cf == mColorFilter) {
return;
}
mColorFilter = cf;
mBitmapPaint.setColorFilter(mColorFilter);
invalidate();
}
/**
* Drawable轉Bitmap
* @param drawable
* @return
*/
private Bitmap getBitmapFromDrawable(Drawable drawable) {
if (drawable == null) {
return null;
}
if (drawable instanceof BitmapDrawable) {
//通常來說 我們的代碼就是執行到這裡就傳回了。傳回的就是我們最原始的bitmap
return ((BitmapDrawable) drawable).getBitmap();
}
try {
Bitmap bitmap;
if (drawable instanceof ColorDrawable) {
bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION, COLORDRAWABLE_DIMENSION, BITMAP_CONFIG);
} else {
bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), BITMAP_CONFIG);
}
Canvas canvas = new Canvas(bitmap);
drawable.setBounds(, , canvas.getWidth(), canvas.getHeight());
drawable.draw(canvas);
return bitmap;
} catch (OutOfMemoryError e) {
return null;
}
}
/**
* 這個函數很關鍵,進行圖檔畫筆邊界畫筆(Paint)一些重繪參數初始化:
* 建構渲染器BitmapShader用Bitmap來填充繪制區域,設定樣式以及内外圓半徑計算等,
* 以及調用updateShaderMatrix()函數和 invalidate()函數;
*/
private void setup() {
//因為mReady預設值為false,是以第一次進這個函數的時候if語句為真進入括号體内
//設定mSetupPending為true然後直接傳回,後面的代碼并沒有執行。
if (!mReady) {
mSetupPending = true;
return;
}
//防止空指針異常
if (mBitmap == null) {
return;
}
// 建構渲染器,用mBitmap位圖來填充繪制區域 ,參數值代表如果圖檔太小的話 就直接拉伸
mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
// 設定圖檔畫筆反鋸齒
mBitmapPaint.setAntiAlias(true);
// 設定圖檔畫筆渲染器
mBitmapPaint.setShader(mBitmapShader);
// 設定邊界畫筆樣式
mBorderPaint.setStyle(Paint.Style.STROKE);//設畫筆為空心
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(mBorderColor); //畫筆顔色
mBorderPaint.setStrokeWidth(mBorderWidth);//畫筆邊界寬度
//這個地方是取的原圖檔的寬高
mBitmapHeight = mBitmap.getHeight();
mBitmapWidth = mBitmap.getWidth();
// 設定含邊界顯示區域,取的是CircleImageView的布局實際大小,為方形,檢視xml也就是160dp(240px) getWidth得到是某個view的實際尺寸
mBorderRect.set(, , getWidth(), getHeight());
//計算 圓形帶邊界部分(外圓)的最小半徑,取mBorderRect的寬高減去一個邊緣大小的一半的較小值(這個地方我比較納悶為什麼求外圓半徑需要先減去一個邊緣大小)
mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth) / , (mBorderRect.width() - mBorderWidth) / );
// 初始圖檔顯示區域為mBorderRect(CircleImageView的布局實際大小)
mDrawableRect.set(mBorderRect);
if (!mBorderOverlay) {
//demo裡始終執行
//通過inset方法 使得圖檔顯示的區域從mBorderRect大小上下左右内移邊界的寬度形成區域,檢視xml邊界寬度為2dp(3px),是以方形邊長為就是160-4=156dp(234px)
mDrawableRect.inset(mBorderWidth, mBorderWidth);
}
//這裡計算的是内圓的最小半徑,也即去除邊界寬度的半徑
mDrawableRadius = Math.min(mDrawableRect.height() / , mDrawableRect.width() / );
//設定渲染器的變換矩陣也即是mBitmap用何種縮放形式填充
updateShaderMatrix();
//手動觸發ondraw()函數 完成最終的繪制
invalidate();
}
/**
* 這個函數為設定BitmapShader的Matrix參數,設定最小縮放比例,平移參數。
* 作用:保證圖檔損失度最小和始終繪制圖檔正中央的那部分
*/
private void updateShaderMatrix() {
float scale;
float dx = ;
float dy = ;
mShaderMatrix.set(null);
// 這裡不好了解 這個不等式也就是(mBitmapWidth / mDrawableRect.width()) > (mBitmapHeight / mDrawableRect.height())
//取最小的縮放比例
if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width() * mBitmapHeight) {
//y軸縮放 x軸平移 使得圖檔的y軸方向的邊的尺寸縮放到圖檔顯示區域(mDrawableRect)一樣)
scale = mDrawableRect.height() / (float) mBitmapHeight;
dx = (mDrawableRect.width() - mBitmapWidth * scale) * f;
} else {
//x軸縮放 y軸平移 使得圖檔的x軸方向的邊的尺寸縮放到圖檔顯示區域(mDrawableRect)一樣)
scale = mDrawableRect.width() / (float) mBitmapWidth;
dy = (mDrawableRect.height() - mBitmapHeight * scale) * f;
}
// shaeder的變換矩陣,我們這裡主要用于放大或者縮小。
mShaderMatrix.setScale(scale, scale);
// 平移
mShaderMatrix.postTranslate((int) (dx + f) + mDrawableRect.left, (int) (dy + f) + mDrawableRect.top);
// 設定變換矩陣
mBitmapShader.setLocalMatrix(mShaderMatrix);
}
}
為了向别人、向世界證明自己而努力拼搏,而一旦你真的取得了成績,才會明白:人無須向别人證明什麼,隻要你能超越自己。