ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Android图片圆角转换 RoundedImageView开源项目 小记,h5移动端开发框架

2021-12-22 13:02:57  阅读:158  来源: 互联网

标签:layout private h5 public RoundedImageView Android android ScaleType


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"

an

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

droid: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);

}

}

private void updateAttrs(Drawable drawable) {

if (drawable == null) { return; }

if (drawable instanceof RoundedDrawable) {

((RoundedDrawable) drawable)

.setScaleType(mScaleType)

.setCornerRadius(cornerRadius)

.setBorderWidth(borderWidth)

.setBorderColor(borderColor)

.setOval(isOval);

} else if (drawable instanceof LayerDrawable) {

// loop through layers to and set drawable attrs

LayerDrawable ld = ((LayerDrawable) drawable);

for (int i = 0, layers = ld.getNumberOfLayers(); i < layers; i++) {

updateAttrs(ld.getDrawable(i));

}

}

}

@Override

@Deprecated

public void setBackgroundDrawable(Drawable background) {

mBackgroundDrawable = background;

updateBackgroundDrawableAttrs(true);

super.setBackgroundDrawable(mBackgroundDrawable);

标签:layout,private,h5,public,RoundedImageView,Android,android,ScaleType
来源: https://blog.csdn.net/m0_65145426/article/details/122083249

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有