问题：
为图像圆形图像添加边框android
鲁明知
我要做什么：：我想使用我当前的实现为圆形图像添加一个黑色边框，如何在不使用第三方库的情况下实现这一点
Picasso.with(this)
.load("http://i.imgur.com/DvpvklR.png")
.transform(new RoundedTransformation(50, 4))
.resize(100, 100)
.centerCrop().into(imageView1);
全面转变。JAVA
// enables hardware accelerated rounded corners
// original idea here : http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-corners/
public class RoundedTransformation implements com.squareup.picasso.Transformation {
private final int radius;
private final int margin; // dp
// radius is corner radii in dp
// margin is the board in dp
public RoundedTransformation(final int radius, final int margin) {
this.radius = radius;
this.margin = margin;
}
@Override
public Bitmap transform(final Bitmap source) {
final Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
Bitmap output = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
canvas.drawRoundRect(new RectF(margin, margin, source.getWidth() - margin, source.getHeight() - margin), radius, radius, paint);
if (source != output) {
source.recycle();
}
return output;
}
@Override
public String key() {
return "rounded";
}
}
public class RoundedTransformation implements com.squareup.picasso.Transformation {
private final int radius;
private final int margin; // dp
// radius is corner radii in dp
// margin is the board in dp
public RoundedTransformation(final int radius, final int margin) {
this.radius = radius;
this.margin = margin;
}
@Override
public Bitmap transform(final Bitmap source) {
final Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
Bitmap output = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
canvas.drawRoundRect(new RectF(margin, margin, source.getWidth() - margin, source.getHeight() - margin), radius, radius, paint);
if (source != output) {
source.recycle();
}
Paint paint1 = new Paint();
paint1.setColor(Color.RED);
paint1.setStyle(Style.STROKE);
paint1.setAntiAlias(true);
paint1.setStrokeWidth(2);
canvas.drawCircle((source.getWidth() - margin)/2, (source.getHeight() - margin)/2, radius-2, paint1);
return output;
}
@Override
public String key() {
return "rounded";
}
}
共有3个答案
景正文
布莱克贝尔特和德夫拉特的答案很好。如果您正在寻找该类的Kotlin版本，请参见：
class RoundedBorderTransform(private val radius: Int, private val margin: Int) : com.squareup.picasso.Transformation {
override fun transform(source: Bitmap?): Bitmap {
val paint = Paint()
paint.isAntiAlias = true
paint.shader = BitmapShader(source!!, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)
val output = Bitmap.createBitmap(source.width, source.height, Bitmap.Config.ARGB_8888)
val canvas = Canvas(output)
canvas.drawCircle((source.width - margin) / 2f, (source.height - margin) / 2f, radius - 2f, paint)
if (source != output) {
source.recycle()
}
val borderPaint = Paint()
borderPaint.color = Color.RED
borderPaint.style = Paint.Style.STROKE
borderPaint.isAntiAlias = true
borderPaint.strokeWidth = 2f
canvas.drawCircle((source.width - margin) / 2f, (source.height - margin) / 2f, radius - 2f, borderPaint)
return output
}
override fun key(): String {
return "roundedBorder"
}
}
慕才
您可以将drawCircle与另一个绘画对象一起使用。例如：
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Style.STROKE);
paint.setAntiAlias(true);
paint.setStrokeWidth(2);
canvas.drawCircle((source.getWidth() - margin)/2, (source.getHeight() - margin)/2, radius-2, paint);
此外，您可以使用drawCircle
仰雅昶
public class RoundedTransformation implements com.squareup.picasso.Transformation {
private final int radius;
private final int margin; // dp
// radius is corner radii in dp
// margin is the board in dp
public RoundedTransformation(final int radius, final int margin) {
this.radius = radius;
this.margin = margin;
}
@Override
public Bitmap transform(final Bitmap source) {
final Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
Bitmap output = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
canvas.drawCircle((source.getWidth() - margin)/2, (source.getHeight() - margin)/2, radius-2, paint);
if (source != output) {
source.recycle();
}
Paint paint1 = new Paint();
paint1.setColor(Color.RED);
paint1.setStyle(Style.STROKE);
paint1.setAntiAlias(true);
paint1.setStrokeWidth(2);
canvas.drawCircle((source.getWidth() - margin)/2, (source.getHeight() - margin)/2, radius-2, paint1);
return output;
}
@Override
public String key() {
return "rounded";
}
}
类似资料：
-
我的目标是使图像圆形并显示它。如果图像是方形的，那么我可以通过简单地使用CSS的属性将其转换为圆形。但是当图像是矩形时，使用这个CSS属性会给我椭圆形的图像。 剪辑的部分是不可见的，但仍然存在。所以即使现在我也在尝试使用属性，它给我椭圆形图像，右侧和左侧被剪辑。 我有什么办法可以解决这个问题吗？
-
问题内容： 我有许多固定大小的图像（例如500 * 500）。我想编写一个python脚本，将其调整为固定大小（例如800 * 800），但将原始图像保持在中心，并用固定颜色（例如黑色）填充多余的区域。 我正在使用PIL。我现在可以使用该功能调整图像的大小，但这会改变纵横比。有什么办法吗？ 问题答案： 您可以创建具有所需新尺寸的新图像，然后将旧图像粘贴到中间，然后保存。如果需要，可以覆盖原始图像（
-
问题内容： 这可能吗？以下是我尝试过的方法，但它完全用黑色填充了圆圈。 问题答案： SVG元素的图像填充是通过SVG模式实现的。
-
为了实现丰富多彩的边框效果，在CSS3中，新增了 border-image属性，这个新属性允许指定一幅图像作为元素的边框。该属性的优点是，可以根据一些简单的规则，把一幅图像划分为 9 个单独的部分，浏览器会自动使用合适的部分作为边框的对应部分。 需要注意的是，只有当 border-style属性取值为 none 时，border-image属性才会有效。所以，如果定义的边框图像显示不出来，首先需要
-
问题内容： 这可能吗？以下是我尝试过的方法，但它完全用黑色填充了圆圈。 问题答案： SVG元素的图像填充是通过SVG模式实现的。
-
我有一个带有平铺背景图像和边框图像的Div。边框图像是带有角设计的透明. png，所以边框周围大约有90像素厚。IE在边框内启动背景图像，其中FF、Chrome和Safari在边框的外部边缘启动背景图像。在IE中，这会导致背景颜色（或主体的背景）通过透明. png边框图像显示。我尝试了背景剪辑和位置，让IE从边框外部开始背景图像，但没有运气。 我错过了什么或建议吗？样品现在就直播@样品 } 父对象