android RoundedBitmapDrawable最简单方式实现圆角图片_android 资源图片生成圆角drawable对象-CSDN博客

原

android RoundedBitmapDrawable最简单方式实现圆角图片(一)

        <div class="article-info-box">
            <div class="article-bar-top" style="height: 24px;">
                                                                            <span class="time">2017年10月16日 17:30:40</span>
                    <span class="read-count">阅读数：2101</span><span class="article_info_click" style="position: static;">更多</span>

                                                                                <div class="tags-box space">
                            <span class="label">个人分类：</span>
                                                            <a class="tag-link" href="https://blog.csdn.net/kieCool/article/category/7110513" target="_blank">自定义控件                                                             </a>
                        </div>
                                                                                            </div>
            <div class="operating">
                                                    </div>
        </div>

    </div>
</div>
<article>
    <div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post">
                            <div class="article-copyright">
                版权声明：本文为博主原创文章，未经博主允许不得转载。                  https://blog.csdn.net/kieCool/article/details/78252071              </div>
                                        <div class="markdown_views">
            <p>一次偶然的机会，让我发现了新大陆RoundedBitmapDrawable，不难看出他的作用是圆角图片。今天来看下史上最简单的方式，为啥说最简单呢，因为系统supportV4已经提供了api，你只需一句话调用就完事，你说能不简单吗。。</p>

先看如何使用，效果图我放后面，我担心有人看到图就忘记看代码了

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.apple.Custom.Matrix.DrawableActivity">

    <ImageView
        android:id="@+id/mm1"
        android:layout_width="150dp"
        android:layout_height="150dp" />

    <ImageView
        android:id="@+id/mm2"
        android:layout_width="150dp"
        android:layout_height="150dp" />

    <ImageView
        android:id="@+id/mm3"
        android:layout_width="150dp"
        android:layout_height="150dp" />

</LinearLayout>

    
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

看activity里面只需这么简单的几步就可以，简不简单

  ImageView mm1 = (ImageView) findViewById(R.id.mm1);
  ImageView mm2 = (ImageView) findViewById(R.id.mm2);
  ImageView mm3 = (ImageView) findViewById(R.id.mm3);

RoundedBitmapDrawable roundedBitmapDrawable1 = RoundedBitmapDrawableFactory.create(getResources(), BitmapFactory.decodeResource(getResources(), R.drawable.ns2));
        RoundedBitmapDrawable roundedBitmapDrawable2 = RoundedBitmapDrawableFactory.create(getResources(), BitmapFactory.decodeResource(getResources(), R.drawable.ns2));
        RoundedBitmapDrawable roundedBitmapDrawable3 = RoundedBitmapDrawableFactory.create(getResources(), BitmapFactory.decodeResource(getResources(), R.drawable.ns2));
        roundedBitmapDrawable1.setCircular(true);
        mm1.setImageDrawable(roundedBitmapDrawable1);
        roundedBitmapDrawable2.setCornerRadius(150);
        mm2.setImageDrawable(roundedBitmapDrawable2);
        roundedBitmapDrawable3.setCornerRadius(30);
        mm3.setImageDrawable(roundedBitmapDrawable3);
    
    1
2
3
4
5
6
7
8
9
10
11
12
13

run下就可以了，好不要眨眼，效果图来了，我保证，你觉对没见过这么好看的图

这里写图片描述

看看，是不是圆角和圆形图片出来了，但是有没有发现有个问题，我的女神脸变短了，被压缩的感觉，谁干的，还我女神。。
其实你去查看下源码不难发现这是由于系统通过矩阵对我们的图片进行了缩放处理，系统吧图片缩放成了正方形，所以图片就有了这种效果，解决办法有多种
第一种，最简单的方法，上传图片的时候直接传正方形就ok，这个。。。有点鸡肋，这样处理非得把人累死。。我还想再活五百年
第二种，不管你传的是啥，代码给你加工，不会累死你了，只是我会少活一年囧，好,看大招

private Drawable createRoundImageWithBorder(Bitmap bitmap){
        //原图宽度
        int bitmapWidth = bitmap.getWidth();
        //原图高度
        int bitmapHeight = bitmap.getHeight();
        //边框宽度 pixel
        int borderWidthHalf = 20;

        //转换为正方形后的宽高
        int bitmapSquareWidth = Math.min(bitmapWidth,bitmapHeight);

        //最终图像的宽高
        int newBitmapSquareWidth = bitmapSquareWidth+borderWidthHalf;

        Bitmap roundedBitmap = Bitmap.createBitmap(newBitmapSquareWidth,newBitmapSquareWidth,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(roundedBitmap);
        int x = borderWidthHalf + bitmapSquareWidth - bitmapWidth;
        int y = borderWidthHalf + bitmapSquareWidth - bitmapHeight;

        //裁剪后图像,注意X,Y要除以2 来进行一个中心裁剪
        canvas.drawBitmap(bitmap, x/2, y/2, null);
        Paint borderPaint = new Paint();
        borderPaint.setStyle(Paint.Style.STROKE);
        borderPaint.setStrokeWidth(borderWidthHalf);
        borderPaint.setColor(Color.WHITE);

        //添加边框
        canvas.drawCircle(canvas.getWidth()/2, canvas.getWidth()/2, newBitmapSquareWidth/2, borderPaint);

        RoundedBitmapDrawable roundedBitmapDrawable = RoundedBitmapDrawableFactory.create(getResources(),roundedBitmap);
        roundedBitmapDrawable.setGravity(Gravity.CENTER);
        roundedBitmapDrawable.setCircular(true);
        return roundedBitmapDrawable;
    }
    
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34