之前項目中的圓角圖片控件是通過對ImageView的圖片轉(zhuǎn)換為Bitmap败砂，在Bitmap的基礎(chǔ)上實現(xiàn)的圖片圓角。因為要對圖片資源進行Bitmap轉(zhuǎn)換魏铅，所以很擔(dān)心在app中圖片資源非常多的時候造成內(nèi)存溢出或程序卡頓昌犹。所以換成了下面的方式實現(xiàn)圓角圖片，原理非常簡單览芳，通過canvas的clipPath方法祭隔，剪裁整個canvas以達到實現(xiàn)圖片圓角的目的。
對比通過Bitmap實現(xiàn)的方案路操，
- 優(yōu)點：實現(xiàn)簡單，不操作
Bitmap千贯，所以不會增加內(nèi)存負(fù)擔(dān) - 缺點：當(dāng)圖片內(nèi)容寬高小于整個控件的寬高時屯仗，由于裁掉的區(qū)域在
canvas的四個角，這個時候看到的圖片就不是圓角的搔谴；而操作Bitmap實現(xiàn)圓角圖片魁袜，由于直接對圖片做了圓角處理，是可以顯示為圓角圖片的
效果演示：
device-2017-08-24-164132.png
- 上面的圖片：圖片內(nèi)容寬高大于等于控件寬高敦第，
canvas裁掉的區(qū)域在四個角峰弹，這個時候顯示出來的是圓角圖片 - 下面的圖片：圖片內(nèi)容寬高小于控件寬高，
canvas裁掉的區(qū)域在四個角芜果，這個時候顯示出來的不是圓角圖片
實現(xiàn)方式
package com.hpplay.muiltythreaddemo.roundimageview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
* Created by DON on 2017/8/22.
*/
public class RoundImageView extends ImageView {
private int radius = 20;
public RoundImageView(Context context) {
this(context, null);
}
public RoundImageView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public RoundImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public void setRadius(int radius) {
this.radius = radius;
}
@Override
protected void onDraw(Canvas canvas) {
Path path = new Path();
path.addRoundRect(new RectF(0, 0, getWidth(), getHeight()), radius, radius, Path.Direction.CW);
canvas.clipPath(path);//設(shè)置可顯示的區(qū)域鞠呈，canvas四個角會被剪裁掉
super.onDraw(canvas);
}
}
使用示例
package com.hpplay.muiltythreaddemo;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import com.hpplay.muiltythreaddemo.roundimageview.RoundImageView;
/**
* Created by DON on 2017/8/22.
*/
public class RoundImageViewFragment extends Fragment{
private RelativeLayout rootLayout;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
rootLayout = new RelativeLayout(getActivity());
return rootLayout;
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
RoundImageView roundImageView = new RoundImageView(getActivity());
roundImageView.setImageResource(R.drawable.im5);
//圖片內(nèi)容寬高大于等于控件寬高，canvas裁掉的區(qū)域在四個角右钾，這個時候顯示出來的是圓角圖片
roundImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(400,400);
params.addRule(RelativeLayout.CENTER_HORIZONTAL);
params.addRule(RelativeLayout.ALIGN_PARENT_TOP);
params.topMargin = 100;
rootLayout.addView(roundImageView,params);
RoundImageView roundImageView2 = new RoundImageView(getActivity());
roundImageView2.setImageResource(R.drawable.im5);
//圖片內(nèi)容寬高小于控件寬高蚁吝，canvas裁掉的區(qū)域在四個角，這個時候顯示出來的不是圓角圖片
roundImageView2.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
RelativeLayout.LayoutParams params2 = new RelativeLayout.LayoutParams(400,400);
params2.addRule(RelativeLayout.CENTER_HORIZONTAL);
params2.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
params2.bottomMargin = 100;
rootLayout.addView(roundImageView2,params2);
}
}
一言以蔽之舀射，clipPath實現(xiàn)圓角窘茁，是剪裁ImageView的畫布（canvas）；而操作Bitmap實現(xiàn)圓角脆烟，是剪裁ImageView的圖片
