android不同形状的头像

本文介绍了一个自定义的ImageView组件——HexagonAvatarView,该组件允许开发者通过SVG文件定义ImageView的形状,并采用PorterDuff.Mode.DST_ATOP混合模式来实现特定形状的裁剪效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里就是记载一下https://github.com/MostafaGazar/CustomShapeImageView实现的。


使用也很简单

添加

dependencies {
    ...
    compile 'com.mostafagazar:customshapeimageview:1.0.4'
    ...
}

然后在res包下建一个raw包存放.svg文件(你需要图片的形状)

然后使用

<com.meg7.widget.SvgImageView
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:src="@drawable/sample"
    app:svg_raw_resource="@raw/shape_star"
    android:scaleType="centerCrop" />
因为大佬使用的是 
取两层绘制交集。显示上层。
PorterDuff.Mode.DST_IN)

方法。不符合我的需求我要

11.PorterDuff.Mode.DST_ATOP
取上层非交集部分与下层交集部分

所以我就修改了一下

public class HexagonAvatarView extends ImageView {

    private static final String TAG = HexagonAvatarView.class.getSimpleName();

    public static final int DEFAULT_SVG_RAW_RES = R.raw.avatar;//.svg想要的形状

    private int mSvgRawRes = DEFAULT_SVG_RAW_RES;

    protected Context mContext;

   // private static final Xfermode sXfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_IN);修改处
    private static final Xfermode sXfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP);
    private Bitmap mMaskBitmap;
    private Paint mPaint;
    private WeakReference<Bitmap> mSrcWeakBitmap;

    private int mLastWidth;
    private int mLastHeight;

    public HexagonAvatarView(Context context) {
        super(context);

        sharedConstructor(context, null);
    }

    public HexagonAvatarView(Context context, AttributeSet attrs) {
        super(context, attrs);

        sharedConstructor(context, attrs);
    }

    public HexagonAvatarView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        sharedConstructor(context, attrs);
    }

    private void sharedConstructor(Context context, AttributeSet attrs) {
        mContext = context;

        mPaint = new Paint();

        if (attrs != null) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MaskedImageView);

            mSvgRawRes = a != null ? a.getResourceId(R.styleable.MaskedImageView_masked, DEFAULT_SVG_RAW_RES) : DEFAULT_SVG_RAW_RES;
            a.recycle();
        }
    }

    public static void drawBitmap(Canvas canvas, Bitmap bitmap,
                                  Paint paint) {
        drawBitmap(canvas, bitmap, paint, 0, 0);
    }

    public static void drawBitmap(Canvas canvas, Bitmap bitmap,
                                  Paint paint, int left, int top) {
        paint.reset();
        paint.setFilterBitmap(false);
        paint.setXfermode(sXfermode);

        canvas.drawBitmap(bitmap, left, top, paint);
    }

    public void invalidate() {
        mSrcWeakBitmap = null;
        if (mMaskBitmap != null) {
            mMaskBitmap.recycle();
        }
        mLastWidth = 0;
        mLastHeight = 0;

        super.invalidate();
    }

    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {
        if (!isInEditMode()) {
            int width = getWidth();
            int height = getHeight();

            int i = canvas.saveLayer(0.0F, 0.0F, width, height, null, Canvas.ALL_SAVE_FLAG);
            try {
                Bitmap srcBitmap = mSrcWeakBitmap != null ? mSrcWeakBitmap.get() : null;
                if (srcBitmap == null || srcBitmap.isRecycled()) {
                    Drawable srcDrawable = getDrawable();
                    if (srcDrawable != null) {
                        srcBitmap = Bitmap.createBitmap(getWidth(),
                                getHeight(), Bitmap.Config.ARGB_8888);
                        Canvas srcBitmapCanvas = new Canvas(srcBitmap);
                        srcDrawable.setBounds(0, 0, getWidth(), getHeight());
                        srcDrawable.draw(srcBitmapCanvas);

                        // Skip and use cached mask.
                        if (mMaskBitmap == null || mMaskBitmap.isRecycled() ||
                                mLastWidth != width || mLastHeight != height) {
                            mMaskBitmap = getMask(width, height);
                        }

                        drawBitmap(srcBitmapCanvas, mMaskBitmap, mPaint);
                        mSrcWeakBitmap = new WeakReference<Bitmap>(srcBitmap);
                    }
                }

                if (srcBitmap != null) {
                    mPaint.setXfermode(null);
                    canvas.drawBitmap(srcBitmap, 0.0F, 0.0F, mPaint);
                }
            } catch (Exception e) {
                System.gc();

                Log.e(TAG, String.format("Unable to draw, view Id :: %s. Error occurred :: %s", getId(), e.toString()));
            } finally {
                canvas.restoreToCount(i);
            }
        } else {
            super.onDraw(canvas);
        }
    }

    private Bitmap getDefaultMask(int width, int height) {
        Bitmap bitmap = Bitmap.createBitmap(width, height,
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.BLACK);
        canvas.drawRect(new RectF(0.0F, 0.0F, width, height), paint);

        return bitmap;
    }

    private Bitmap getMask(int width, int height) {
        SVG svgMask = null;
        if (mLastWidth != width || mLastHeight != height) {
            svgMask = SVGParser.getSVGFromInputStream(
                    mContext.getResources().openRawResource(mSvgRawRes), width, height);

            mLastWidth = width;
            mLastHeight = height;
        }

        if (svgMask != null) {
            Bitmap bitmap = Bitmap.createBitmap(width, height,
                    Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(bitmap);
            Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
            paint.setColor(Color.BLACK);

            canvas.drawPicture(svgMask.getPicture());

            return bitmap;
        }

        // In case everything failed, return square.
        return getDefaultMask(width, height);
    }

    public void updateMask(int svgRawRes) {
        if (mSvgRawRes != svgRawRes) {
            mSvgRawRes = svgRawRes;

            invalidate();
        }
    }

}

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MaskedImageView">

        <attr name="masked" format="reference" />

    </declare-styleable>
</resources>
使用

<com.olddriver.yihaotu.view.HexagonAvatarView
    android:id="@+id/iv_avatar"
    android:layout_width="@dimen/base55dp"
    android:layout_height="@dimen/base61dp"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />

感谢:http://blog.youkuaiyun.com/lmj623565791/article/details/42094215

           https://github.com/MostafaGazar/CustomShapeImageView






可生成圆形、方形、及方形的组合头像。项目地址:https://github.com/Pedroafa/avatar-android 效果图:如何使用:首先创建个ImageView<ImageView             android:id="@ id/roundedAvatar"             android:layout_height="fill_parent"             android:layout_width="fill_parent"/>2. //通过AvatarDrawableFactory生成各种形状的Drawable AvatarDrawableFactory avatarDrawableFactory = new AvatarDrawableFactory(getResources()); BitmapFactory.Options options = new BitmapFactory.Options(); options.inMutable = false; Bitmap avatar = BitmapFactory.decodeResource(getResources(), R.drawable.avatar, options); //圆形的 Drawable roundedAvatarDrawable = avatarDrawableFactory.getRoundedAvatarDrawable(avatar);//生成圆形的Drawable ImageView roundedAvatarView = (ImageView)rootView.findViewById(R.id.roundedAvatar); roundedAvatarView.setImageDrawable(roundedAvatarDrawable);其他形状的://圆形的且带边框的 Drawable borderedRoundedAvatarDrawable = avatarDrawableFactory.getBorderedRoundedAvatarDrawable(avatar); ImageView borderedRoundedAvatarView = (ImageView)rootView.findViewById(R.id.borderedRoundedAvatar); borderedRoundedAvatarView.setImageDrawable(borderedRoundedAvatarDrawable); //方形的 Drawable squaredAvatarDrawable = avatarDrawableFactory.getSquaredAvatarDrawable(avatar); ImageView squaredAvatarView = (ImageView)rootView.findViewById(R.id.squaredAvatar); squaredAvatarView.setImageDrawable(squaredAvatarDrawable); //俩个方形的组合头像 Drawable doubleSquaredAvatarDrawable = avatarDrawableFactory.getSquaredAvatarDrawable(avatar, avatar); ImageView doubleSquaredAvatarView = (ImageView)rootView.findViewById(R.id.doubleSquaredAvatar); doubleSquaredAvatarView.setImageDrawable(doubleSquaredAvatarDrawable); //三个方形的组合头像 Drawable tripleSquaredAvatarDrawable = avatarDrawableFactory.getSquaredAvatarDrawable(avatar, avatar, avatar); ImageView tripleSquaredAvatarView = (ImageView)rootView.findViewById(R.id.tripleSquaredAvatar); tripleSquaredAvatarView.setImageDrawable(tripleSquaredAvatarDrawable); //四个方形的组合头像 Drawable quadrupleSquaredAvatarDrawable = avatarDrawableFactory                     .getSquaredAvatarDrawable(avatar, avatar, avatar, avatar); ImageView quadrupleSquaredAvatarView = (ImageView)rootView.findViewById(R.id.quadrupleSquaredAvatar); quadrupleSquaredAvatarView.setImageDrawable(quadrupleSquaredAvatarDrawable);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大不懂

码字不易,一块也是爱,么么

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值