android 实现图片的边框

最新推荐文章于 2021-05-29 21:12:03 发布

原创最新推荐文章于 2021-05-29 21:12:03 发布 · 6.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #encoding #string #class

android -- widget界面专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在Android中为ImageView添加自定义边框效果的方法，包括通过继承ImageView类和在onDraw方法中重写画图函数实现灰边框，以及在灰色背景内嵌图片并内缩2个像素的两种方案。

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

方案一：继承ImageView，在onDraw 重写画图函数，在图片边延画条灰色的线

方案二：在灰色背景下，内缩2个像索，再内嵌个图片。

package com.xmz.activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.util.AttributeSet; import android.widget.ImageView; public class ImageViewBorder extends ImageView { private String namespace="http://xmz.com"; private int color; public ImageViewBorder(Context context, AttributeSet attrs) { super(context, attrs); color=Color.parseColor(attrs.getAttributeValue(namespace, "BorderColor")); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //画边框暂时去除小边框 Rect rec=canvas.getClipBounds(); rec.bottom--; rec.right--; Paint paint=new Paint(); paint.setColor(color); paint.setStyle(Paint.Style.STROKE); canvas.drawRect(rec, paint); } }

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:xmz="http://xmz.com" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="方案一：" /> <com.xmz.activity.ImageViewBorder android:layout_width="124px" android:layout_height="180px" android:background="@drawable/movie" xmz:BorderColor="GRAY" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="方案二：" /> <LinearLayout android:layout_width="124px" android:layout_height="180px" android:background="@drawable/image_bg" android:padding="2px"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/movie" /> </LinearLayout> </LinearLayout>

工程的资源下载：http://download.youkuaiyun.com/source/3386837