带边框的ImageView

       应该说这是canvas绘图最基本的应用了,当时看到网上实现带边框的Imgeview大多是通过设置XML来设置ImageView的Padding实现边框效果,老实说边框的效果会受到很大的限制,分享下我的一个小例子吧,代码很短,100行不到,实现原理,首先在ImageView里面绘制背景图片

然后在绘制主图片

package com.example.borderimageviewdemo;

import java.text.AttributedCharacterIterator.Attribute;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Xfermode;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class BorderImageView extends ImageView{
    private Rect m_outRect; 
    private Rect m_innerRect;
//    private RectF m_outRectF;
    private Drawable m_outDrawable; 
    private Drawable m_innerDrawable;
//    private PorterDuffXfermode m_XferMode;
//    private Paint mPaint;
	public BorderImageView(Context context) {
		super(context);
		// TODO Auto-generated constructor stubneex
//		m_XferMode = new Por/erDuffXfermode(Mode.SRC_IN);)
	} 
	public BorderImageView(Context context,AttributeSet attribute)
	{
		super(context, attribute);
    	m_outRect = new Rect(0,0,getWidth(),getHeight());
    	m_innerRect = new Rect(10,10,getWidth()-10,getHeight()-10);
	}
    public void onDraw(Canvas canvas)
    {

//   	m_outRectF = new RectF(0,0,getWidth(),getHeight());;
 //   	mPaint = new Paint();
//    	mPaint.setXfermode(m_XferMode);    	
    	DrawBorder(canvas);
//    	canvas.saveLayer(m_outRectF, mPaint,Canvas.ALL_SAVE_FLAG);
//    	canvas.restore();
    	DrawInner(canvas);
    }
    public void DrawBorder(Canvas canvas)
    {
    	if(m_outDrawable == null)
    		return;
    	m_outDrawable.setBounds(m_outRect);
        m_outDrawable.draw(canvas);
    }
    private void DrawInner(Canvas canvas)
    {
    	if(m_innerDrawable ==null)
    		return;
    	m_innerDrawable.setBounds(m_innerRect);
    	m_innerDrawable.draw(canvas);
    }
    public void SetBorderImageById(int resId)
    {
    	m_outDrawable= getResources().getDrawable(resId);
    }
    public void SetImageDrawable(int d)
    {
    	m_innerDrawable = getResources().getDrawable(d);
    }
}

要实现背景图片有边框的效果只需要设置背景图片绘制的Rect大于主图片绘制Rect即可,我这里设置的是背景图片边距大于主图片5个px,自定义ImageVIEW控件的代码如下,工程的DEMO稍后上传。0分下载,自己跑一跑,看看效果吧

DEMO地址


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要为 ImageView边框,你可以使用以下方法: 1. 使用 xml 定义边框样式 在 res/drawable 目录下创建一个 xml 文件,例如 border.xml,内容如下: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@android:color/transparent" /> <stroke android:width="2dp" android:color="@color/border_color" /> </shape> ``` 然后在布局文件中设置 ImageView 的背景为该 xml 文件: ```xml <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/border" /> ``` 2. 使用代码设置边框样式 在代码中使用 ShapeDrawable 类创建边框样式,并设置给 ImageView 的背景: ```java int borderWidth = 2; // 边框宽度,单位为像素 int borderColor = getResources().getColor(R.color.border_color); // 边框颜色 ShapeDrawable shapeDrawable = new ShapeDrawable(); shapeDrawable.setShape(new RectShape()); shapeDrawable.getPaint().setColor(Color.TRANSPARENT); // 设置背景颜色为透明 shapeDrawable.getPaint().setStyle(Paint.Style.STROKE); // 设置画笔样式为描边 shapeDrawable.getPaint().setStrokeWidth(borderWidth); // 设置描边宽度 shapeDrawable.getPaint().setStrokeCap(Paint.Cap.ROUND); // 设置描边端点形状为圆形 shapeDrawable.getPaint().setStrokeJoin(Paint.Join.ROUND); // 设置描边连接处形状为圆形 shapeDrawable.getPaint().setAntiAlias(true); // 开启抗锯齿 ImageView imageView = findViewById(R.id.image); imageView.setBackground(shapeDrawable); // 设置背景为 shapeDrawable ``` 以上两种方法都可以实现为 ImageView边框的效果,选择哪种方法取决于你的实际需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值