此篇是我圓形圖片學習總結(jié)的文章奕枝,最終實現(xiàn)的效果圖如下
文章參考
Android圓形圖片不求人玖绿,自定義View實現(xiàn)(BitmapShader使用)
Android - 實現(xiàn)圖片圓角顯示的幾種方式
Android 完美實現(xiàn)圖片圓角和圓形(對實現(xiàn)進行分析)
result.png
z.jpg
核心代碼
class LoadTask1 extends AsyncTask<Void, Void, Bitmap> {
@Override
protected Bitmap doInBackground(Void... params) {
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
//這里是獲取到原圖
Bitmap bitmapSource = BitmapFactory.decodeResource(getResources(), R.drawable.z);
//我通過getWidth菱阵,getHeight獲取到了寬高
Bitmap result = Bitmap.createBitmap(bitmapSource.getWidth(), bitmapSource.getHeight(), Bitmap.Config.ARGB_8888);
//創(chuàng)建一個畫布
Canvas canvas = new Canvas(result);
//通過寬高比汇荐,獲取到最小的那個值
int min = 0;
if (result.getWidth() > result.getHeight()){
min = result.getHeight();
}else if (result.getWidth() < result.getHeight()){
min = result.getWidth();
}else {
min = result.getWidth();
}
canvas.drawCircle(min/2,min/2,min/2,paint);//先畫一個圓
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//表示我下一步要取交集的地方
canvas.drawBitmap(bitmapSource, 0, 0, paint);//又畫一個圖幅虑,并且這個圖是在圓形的上面,此時就是獲取到交集的地方
return result;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
imageView.setImageBitmap(bitmap);
}
}
核心思想
首先是畫了一個圓形圖片通過canvas.drawCircle方法
PorterDuff.Mode.SRC_IN:指明了取交集的部分
canvas.drawBitmap:又創(chuàng)建一個圖片惯吕,這個圖片是在圓形圖之上的,此時就會有交集部分了
全部代碼
public class MainActivity extends AppCompatActivity {
int imageSize, radius;
ImageView imageView;
ImageView imageView2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.image);
imageView2 = (ImageView) findViewById(R.id.image2);
imageSize = getResources().getDimensionPixelSize(R.dimen.image_size);
radius = getResources().getDimensionPixelSize(R.dimen.radius);
new LoadTask1().execute();
new LoadTask2().execute();
}
class LoadTask1 extends AsyncTask<Void, Void, Bitmap> {
@Override
protected Bitmap doInBackground(Void... params) {
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
//這里是獲取到原圖
Bitmap bitmapSource = BitmapFactory.decodeResource(getResources(), R.drawable.z);
//我通過getWidth场晶,getHeight獲取到了寬高
Bitmap result = Bitmap.createBitmap(bitmapSource.getWidth(), bitmapSource.getHeight(), Bitmap.Config.ARGB_8888);
//創(chuàng)建一個畫布
Canvas canvas = new Canvas(result);
//通過寬高比混埠,獲取到最小的那個值
int min = 0;
if (result.getWidth() > result.getHeight()){
min = result.getHeight();
}else if (result.getWidth() < result.getHeight()){
min = result.getWidth();
}else {
min = result.getWidth();
}
canvas.drawCircle(min/2,min/2,min/2,paint);//先畫一個圓
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//表示我下一步要取交集的地方
canvas.drawBitmap(bitmapSource, 0, 0, paint);//又畫一個圖,并且這個圖是在圓形的上面诗轻,此時就是獲取到交集的地方
return result;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
imageView.setImageBitmap(bitmap);
}
}
class LoadTask2 extends AsyncTask<Void, Void, Bitmap> {
@Override
protected Bitmap doInBackground(Void... params) {
Bitmap result = Bitmap.createBitmap(imageSize, imageSize, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(result);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.an);
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(0, 0, imageSize, imageSize);
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
Path path = new Path();
path.addRoundRect(rectF, radius, radius, Path.Direction.CW);
canvas.clipPath(path, Region.Op.INTERSECT);
canvas.drawBitmap(bitmap, rect, rectF, paint);
return result;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
imageView2.setImageBitmap(bitmap);
}
}
}