Android图片圆角转换 RoundedImageView开源项目 小记

最新推荐文章于 2024-05-15 01:23:56 发布
最新推荐文章于 2024-05-15 01:23:56 发布
阅读量670 收藏 29
点赞数 25
分类专栏： 程序员 文章标签： android 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77595001/article/details/138736130
版权

makeramen:corner_radius=“30dip”

makeramen:border_width=“2dip”

makeramen:border_color=“#333333” />

属性的意义:

makeramen:border_width=“2dip”   表示图片的边框宽度为2个dp

makeramen:  corner_radius表示为  图片转圆角的弧度

修改    makeramen:corner_radius=“100dip”

当  corner_radius 设置为100dp 的时候   会呈现为圆形 .

(    注:  com.makeramen.rounded.RoundedImageView  控件的宽和高需要相等   )

修改了example中的    rounded_item.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:makeramen=“http://schemas.android.com/apk/res/com.makeramen.rounded.example”

android:layout_width=“match_parent”

android:layout_height=“200dip”>

<com.makeramen.rounded.RoundedImageView

android:id=“@+id/imageView1”

android:layout_width=“200dp”

android:layout_height=“200dp”

android:padding=“10dip”

android:src=“@drawable/photo1”

android:scaleType=“center”

makeramen:corner_radius=“100dp”

makeramen:border_width=“2dip”

makeramen:border_color=“#333333” />

<TextView

android:id=“@+id/textView3”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginBottom=“36dp”

android:layout_marginLeft=“36dp”

android:layout_alignBottom=“@+id/imageView1”

android:layout_alignLeft=“@+id/imageView1”

android:background=“#7f000000”

android:paddingLeft=“8dp”

android:paddingRight=“8dp”

android:textAppearance=“?android:attr/textAppearanceSmallInverse” />

<TextView

android:id=“@+id/textView2”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_above=“@+id/textView3”

android:layout_alignLeft=“@+id/textView3”

android:layout_marginBottom=“4dp”

android:background=“#7f000000”

android:paddingLeft=“8dp”

android:paddingRight=“8dp”

android:textAppearance=“?android:attr/textAppearanceMediumInverse” />

<TextView

android:id=“@+id/textView1”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_above=“@+id/textView2”

android:layout_alignLeft=“@+id/textView2”

android:layout_marginBottom=“4dp”

android:background=“#7f000000”

android:paddingLeft=“8dp”

android:paddingRight=“8dp”

android:textAppearance=“?android:attr/textAppearanceLargeInverse” />

如下图:

用代码创建 :

RoundedImageView iv = new RoundedImageView(context);

iv.setScaleType(ScaleType.CENTER_CROP);

iv.setCornerRadius(10);

iv.setBorderWidth(2);

iv.setBorderColor(Color.DKGRAY);

iv.setRoundedBackground(true);

iv.setImageDrawable(drawable);

iv.setBackground(backgroundDrawable);

iv.setOval(true);

贴上部分源码:

package com.makeramen;

import android.content.Context;

import android.content.res.ColorStateList;

import android.content.res.Resources;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.drawable.Drawable;

import android.graphics.drawable.LayerDrawable;

import android.net.Uri;

import android.util.AttributeSet;

import android.util.Log;

import android.widget.ImageView;

@SuppressWarnings(“UnusedDeclaration”)

public class RoundedImageView extends ImageView {

public static final String TAG = “RoundedImageView”;

public static final float DEFAULT_RADIUS = 0f;

public static final float DEFAULT_BORDER_WIDTH = 0f;

private static final ScaleType[] SCALE_TYPES = {

ScaleType.MATRIX,

ScaleType.FIT_XY,

ScaleType.FIT_START,

ScaleType.FIT_CENTER,

ScaleType.FIT_END,

ScaleType.CENTER,

ScaleType.CENTER_CROP,

ScaleType.CENTER_INSIDE

};

private float cornerRadius = DEFAULT_RADIUS;

private float borderWidth = DEFAULT_BORDER_WIDTH;

private ColorStateList borderColor =

ColorStateList.valueOf(RoundedDrawable.DEFAULT_BORDER_COLOR);

private boolean isOval = false;

private boolean mutateBackground = false;

private int mResource;

private Drawable mDrawable;

private Drawable mBackgroundDrawable;

private ScaleType mScaleType;

public RoundedImageView(Context context) {

super(context);

}

public RoundedImageView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public RoundedImageView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundedImageView, defStyle, 0);

int index = a.getInt(R.styleable.RoundedImageView_android_scaleType, -1);

if (index >= 0) {

setScaleType(SCALE_TYPES[index]);

} else {

// default scaletype to FIT_CENTER

setScaleType(ScaleType.FIT_CENTER);

}

cornerRadius = a.getDimensionPixelSize(R.styleable.RoundedImageView_corner_radius, -1);

borderWidth = a.getDimensionPixelSize(R.styleable.RoundedImageView_border_width, -1);

// don’t allow negative values for radius and border

if (cornerRadius < 0) {

cornerRadius = DEFAULT_RADIUS;

}

if (borderWidth < 0) {

borderWidth = DEFAULT_BORDER_WIDTH;

}

borderColor = a.getColorStateList(R.styleable.RoundedImageView_border_color);

if (borderColor == null) {

borderColor = ColorStateList.valueOf(RoundedDrawable.DEFAULT_BORDER_COLOR);

}

mutateBackground = a.getBoolean(R.styleable.RoundedImageView_mutate_background, false);

isOval = a.getBoolean(R.styleable.RoundedImageView_oval, false);

updateDrawableAttrs();

updateBackgroundDrawableAttrs(true);

a.recycle();

}

@Override

protected void drawableStateChanged() {

super.drawableStateChanged();

invalidate();

}

/**

  • Return the current scale type in use by this ImageView.

  • @attr ref android.R.styleable#ImageView_scaleType

  • @see android.widget.ImageView.ScaleType

*/

@Override

public ScaleType getScaleType() {

return mScaleType;

}

/**

  • Controls how the image should be resized or moved to match the size

  • of this ImageView.

  • @param scaleType The desired scaling mode.

  • @attr ref android.R.styleable#ImageView_scaleType

*/

@Override

public void setScaleType(ScaleType scaleType) {

assert scaleType != null;

if (mScaleType != scaleType) {

mScaleType = scaleType;

switch (scaleType) {

case CENTER:

case CENTER_CROP:

case CENTER_INSIDE:

case FIT_CENTER:

case FIT_START:

case FIT_END:

case FIT_XY:

super.setScaleType(ScaleType.FIT_XY);

break;

default:

super.setScaleType(scaleType);

break;

}

updateDrawableAttrs();

updateBackgroundDrawableAttrs(false);

invalidate();

}

}

@Override

public void setImageDrawable(Drawable drawable) {

mResource = 0;

mDrawable = RoundedDrawable.fromDrawable(drawable);

updateDrawableAttrs();

super.setImageDrawable(mDrawable);

}

@Override

public void setImageBitmap(Bitmap bm) {

mResource = 0;

mDrawable = RoundedDrawable.fromBitmap(bm);

updateDrawableAttrs();

super.setImageDrawable(mDrawable);

}

@Override

public void setImageResource(int resId) {

if (mResource != resId) {

mResource = resId;

mDrawable = resolveResource();

updateDrawableAttrs();

super.setImageDrawable(mDrawable);

}

}

@Override public void setImageURI(Uri uri) {

super.setImageURI(uri);

setImageDrawable(getDrawable());

}

private Drawable resolveResource() {

Resources rsrc = getResources();

if (rsrc == null) { return null; }

Drawable d = null;

if (mResource != 0) {

try {

d = rsrc.getDrawable(mResource);

} catch (Exception e) {

Log.w(TAG, "Unable to find resource: " + mResource, e);

// Don’t try again.

mResource = 0;

}

}

return RoundedDrawable.fromDrawable(d);

}

@Override

public void setBackground(Drawable background) {

setBackgroundDrawable(background);

}

private void updateDrawableAttrs() {

updateAttrs(mDrawable);

}

private void updateBackgroundDrawableAttrs(boolean convert) {

if (mutateBackground) {

if (convert) {

mBackgroundDrawable = RoundedDrawable.fromDrawable(mBackgroundDrawable);

}

updateAttrs(mBackgroundDrawable);

}

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-aYFUxiCd-1715448534158)]

[外链图片转存中…(img-5sVRnGIu-1715448534160)]

[外链图片转存中…(img-khnCNl55-1715448534161)]

[外链图片转存中…(img-XyrJxVct-1715448534163)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

2301_77595001
关注
  • 25
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android图片圆角转换 RoundedImageView开源项目 小记，android逆向工程师
m0_66144992的博客
01-12 118
android:paddingLeft=“8dp” android:paddingRight=“8dp” android:textAppearance="?android:attr/textAppearanceMediumInverse" /> <TextView android:id="@+id/textView1" android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_a
Android图片圆角转换 RoundedImageView开源项目 小记，美团Android面试
sa3221sa的博客
01-22 296
1: 去github上下载 工程 https://github.com/vinc3m1/RoundedImageView 2: 导入工程 3  在布局中使用它 <com.makeramen.rounded.RoundedImageView android:id="@+id/imageView1" android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_alignPa
Android图片圆角转换 RoundedImageView开源项目 小记，h5移动端开发框架
m0_65145426的博客
12-22 254
makeramen:border_width=“2dip”   表示图片的边框宽度为2个dp makeramen:  corner_radius表示为  图片转圆角的弧度 修改    makeramen:corner_radius=“100dip” 当  corner_radius 设置为100dp 的时候   会呈现为圆形 . (    注:  com.makeramen.rounded.Roun
Android图片圆角转换 RoundedImageView开源项目 小记，移动终端开发技术
m0_64604042的博客
12-12 405
android:src="@drawable/photo1" android:scaleType=“center” makeramen:corner_radius=“100dp” makeramen:border_width=“2dip” makeramen:border_color="#333333" /> <TextView android:id="@+id/textView3" android:layout_width=“wrap_content” android:layout_heigh
2024年Android最全Android图片圆角转换 RoundedImageView开源项目 小记(1)，2024年最新android 线程面试题
最新发布
2401_84557521的博客
05-15 902
由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！由于整个文档比较全面，内容比较多，篇幅不允许，下面以截图方式展示。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android图片圆角转换 RoundedImageView开源项目 小记，Android中高级面试必知必会
m0_46608024的博客
03-28 743
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**
Android图片圆角转换 RoundedImageView开源项目 小记，腾讯、阿里Android高级面试真题汇总
2401_84149220的博客
04-06 734
针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！Android前沿技术大纲全套体系化高级架构视频Android高级架构资料、源码、笔记、视频。
Android图片圆角转换 RoundedImageView开源项目 小记，50w字+的Android技术类校招面试题汇总
m0_61549591的博客
03-20 538
(img-KZZYMHn1-1710918560152)](img-zLAd6uSR-1710918560153)](img-6Y6mkoHD-1710918560153)](img-AGHA7Cx8-1710918560153)](img-GBhExtp9-1710918560154)]8年进入阿里一直到现在。
Android Studio项目中导入开源库的方法
09-03
主要介绍了Android Studio项目中导入开源库的方法,即使用第三方库、第三广场框架的方法,需要的朋友可以参考下
Android优秀开源项目大全
03-23
以下是本人日常工作中收集的比较不错的Android开源项目，欢迎博友提供未收录的网址。roottools:RootToolsgivesRooteddeveloperseasyaccesstocommonrootedtools......
android开源项目源码，完整商城项目源码（服务端＋客户端）
07-27
android开源项目源码，完整商城项目源码（服务端＋客户端） 内附开发文档，以及商城效果图 ECServer_D为服务端，ECClient_D为客户端
Android Studio 导入开源项目的正确姿势及注意事项
08-27
主要介绍了Android Studio 导入开源项目的正确姿势及注意事项，需要的朋友参考下吧
Android开源项目汇总
09-24
Android开源项目汇总 Android 开源项目软件apk Android 开源项目软件apk=============最全的自定义控件等等===========
Android TV Launcher开源项目
04-05
作者JackyAndroid，源码AndroidTVLauncher，Android TV Launcher开源项目，这个项目是机顶盒桌面，用来播放视频、显示图片、应用管理和其他针对机顶盒产品的设置。
Android中常用第三方开源项目（汇总）
11-28
主要是GitHub上常用的第三方开源项目的Demo汇总，里面带有各个项目的实现过程以及常用方法。 相应的博客地址为：https://blog.csdn.net/lpCrazyBoy/article/details/83748934
10个经典的Android开源应用项目
05-07
其中包含10个经典的Android开源应用项目，可供各位开发者方便使用
Android TorProxy和Shadow开源项目.rar
12-03
Android 开发应用源码 参考学习使用
蘑菇街开源的 IM 项目 TeamTalk(Android client)
11-04
蘑菇街开源的 IM 项目 TeamTalk，包括 Android、iOS、Win、Mac 客户端以及 Server端、管理后台、环境自动部署，大赞！支持文字、音频、图片、表情、文件传输、屏幕振动、分组等，做聊天的同学可以看看 开源地址在...
坐标转换的开源项目有哪些
04-01
以下是一些常见的坐标转换的开源项目： 1. Proj：一个广泛使用的坐标转换库，支持多种投影方式和地理坐标系的转换。 2. GDAL/OGR：一个用于读取、写入和转换地理空间数据的开源库，支持多种数据格式和坐标系的转换...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值