Andriod_圆形图标

效果图：

步骤：

建类CircleImageView

package com.example.design;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;public class CircleImageView extends android.support.v7.widget.AppCompatImageView {public CircleImageView(Context context) {super(context);}public CircleImageView(Context context, AttributeSet attrs) {super(context, attrs);}public CircleImageView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {Bitmap sbmp;if (bmp.getWidth() != radius || bmp.getHeight() != radius) {float smallest = Math.min(bmp.getWidth(), bmp.getHeight());float factor = smallest / radius;sbmp = Bitmap.createScaledBitmap(bmp, (int) (bmp.getWidth() / factor), (int) (bmp.getHeight() / factor), false);} else {sbmp = bmp;}Bitmap output = Bitmap.createBitmap(radius, radius,Config.ARGB_8888);Canvas canvas = new Canvas(output);//final int color = 0xffa19774;final Paint paint = new Paint();final Rect rect = new Rect(0, 0, radius, radius);paint.setAntiAlias(true);paint.setFilterBitmap(true);paint.setDither(true);canvas.drawARGB(0, 0, 0, 0);//paint.setColor(Color.parseColor("#BAB399"));canvas.drawCircle(radius / 2 + 0.7f,radius / 2 + 0.7f, radius / 2 + 0.1f, paint);paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));canvas.drawBitmap(sbmp, rect, rect, paint);return output;}@Overrideprotected void onDraw(Canvas canvas) {Drawable drawable = getDrawable();if (drawable == null) {return;}if (getWidth() == 0 || getHeight() == 0) {return;}Bitmap b = ((BitmapDrawable) drawable).getBitmap();Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);int radius = getWidth(), h = getHeight();Bitmap roundBitmap = getCroppedBitmap(bitmap, radius);canvas.drawBitmap(roundBitmap, 0, 0, null);}}

在布局文件中，目标图片的前缀改为类的地址（将<ImageView改为<com.example.design.CircleImageView）

未改前

<ImageViewandroid:id="@+id/imageView2"android:layout_width="173dp"android:layout_height="177dp"android:src="@drawable/f2"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintHorizontal_bias="0.5"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" />

更改后

<com.example.design.CircleImageViewandroid:id="@+id/imageView2"android:layout_width="173dp"android:layout_height="177dp"android:src="@drawable/f2"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintHorizontal_bias="0.5"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" />

完成！！！So easy！！！

Andriod_圆形图标相关推荐

Android CircleImageView实现圆形图标/头像
一.用途该框架是一个用来制作圆形图像的控件. 二.使用方式: 1.由于源码只有一个类和一个资源文件,因此可以直接下载源码. 2.直接引入lib库:compile 'de.hdodenhof:cir ...
css3右下角悬浮圆形图标客服菜单代码
介绍: 纯css3实现一款简单易用的右下角悬浮圆形图标客服菜单代码,点击右下角查看样式,可展开收缩二维码,qq客服,电话等.替换自己的联系方式后,加到网站上即可! 源码下载地址:css3客服菜单.zi ...
android圆形图标显示不全,Android 9.0 Adaptive Icon 圆形图标剪切不全问题（上下左右部分被裁减）...
一.继上一篇讲过设置圆形图标为默认后,发现圆形图标四周有被裁减的问题,如下图: 二.开始怀疑是launcher3中的图标设置大小出了问题,但是通过修改 launcher3中device_profile ...
为 Android 8.0 强制开启全局圆形图标规范
原文地址:https://sspai.com/post/41011 看到标题,很多人也许会问:引入了自适应图标规范后,在 Android 8.0 上我们已经可以通过一些第三方 Launcher(比 ...
ECharts 饼图实现自定义标签包含图标icon（圆形图标，矩形图标）
1 原始效果图 2 实现代码 <body><div id="main" style= ...
Java缩放图片及剪裁圆形图标代码
剪裁圆形图标对生成png格式有效,对jpg无效,代码如下: import java.awt.AlphaComposite; import java.awt.Color; import java.awt ...
android 代码设置图标背景色(圆形图标)和图标颜色
原图: 1.改变图标颜色: mImageView.setColorFilter(Color.parseColor("#ff0000")); 效果: 2.改变图标背景色(主要是圆形图 ...
百度SEO站群网站右下角悬浮圆形图标客服菜单代码
纯css3实现一款简单易用的右下角悬浮圆形图标客服菜单代码,点击右下角查看样式,可展开收缩二维码,qq客服,电话等. 下载地址: http://www.bytepan.com/3kdljMvyikT
Android 9.0 Adaptive Icon 圆形图标剪切不全问题（上下左右部分被裁减）
一.继上一篇讲过设置圆形图标为默认后,发现圆形图标四周有被裁减的问题,如下图: 二.开始怀疑是launcher3中的图标设置大小出了问题,但是通过修改 launcher3中device_profile ...

Andriod_圆形图标

Andriod_圆形图标

Andriod_圆形图标相关推荐

最新文章

热门文章