Android:给View添加一个边框

本文介绍了一种简单的自定义ImageView边框的方法,通过创建与视图相同尺寸的RectF并绘制矩形来实现边框效果。文章提供了具体的实现代码,并讨论了如何在onSizeChanged()方法中获取视图宽高及在onDraw()方法中完成绘制。
  • 遥想当年,其实也就是几年前,有一个需求是,需要给一个ImageView添加一个边框。我当时是非常懵逼的。嗯,其实现在也是很懵逼的。
  • 我当时在网上找了一会,貌似在hongyang的博客里面看到了,他的一篇关于自定义控件里面实现了这个逻辑。不过,当时他那个不知道是什么原因,只能绘制一半。我也是醉了,不过他也给出了解决方案。(当然,那个时候的资料各个方面也是比较少的)然后我就按照他的博客,抄抄改改,然后那个需求就过去了。
  • 几年过去了,碰到自定义控件的问题,第一反应依然是各种开源,各种博客。说实话挺失败的。
  • 辣么,作为一个弱鸡,难道就不需要自定义控件吗?弱鸡也是需要的。

  • 原理我就不分析了,毕竟是一个弱鸡的存在。
  • 那么就简单说一下实现逻辑:

    • 创建一个大小和view相同的RectF
    • 绘制这个矩形

    代码大致如下:(当然没有考虑各种复杂的情况,不过如果是继承ImageView,TextView,Button等也不需要考虑各种复杂情况了)

        public class MyView2 extends View {
    
    private Paint mPaint = new Paint();
    private int mHeight;
    private int mWidth;
    private RectF border;
    
    public MyView2(Context context) {
        super(context);
    }
    
    public MyView2(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
    
        this.mWidth = w;
        this.mHeight = h;
        border = new RectF(0, 0, mWidth, mHeight);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        // 第一步:绘制边框
        canvas.drawCircle(100,100,50,mPaint);
        mPaint.setColor(Color.BLACK);
        mPaint.setStyle(Paint.Style.STROKE);
        canvas.drawRect(border,mPaint);
    }
    }
    
  • 简单理解一下:在 onSizeChanged()方法里面获取当前view的宽高,然后创建一个和当前控件等大小的RectF

  • onDraw()里面绘制该RectF,也就是完成边框的绘制。

  • 我是一个弱鸡,真正的弱鸡。
<think>嗯,用户问的是如何在Android中给View边框,最简单的方法是什么。首先,我需要回想一下Android中常用的边框实现方式。常见的做法可能有几种:使用shape drawable、自定义View的background,或者用9-patch图片。用户想要最简单的方法,所以应该优先考虑使用XML drawable,因为不需要写代码,只需要定义资源文件。 首先,shape drawable是比较直接的方法。创建一个xml文件在drawable目录下,比如border.xml。里面定义一个shape,设置solid作为填充颜色,stroke作为边框的颜色和宽度。这样设置之后,在View的background属性里引用这个drawable就可以了。但是要注意,如果View本身有背景色的话,可能需要用layer-list来叠加背景色和边框,否则原来的背景会被覆盖。比如,用layer-list先放一个填充色,再放一个shape作为边框。不过用户可能只是需要一个简单的边框,可能不需要处理原有背景的问题,所以可能直接使用stroke就行。 另外,可能还有其他方法,比如在布局中使用View作为边框,比如在目标View周围包裹一个带有padding的布局,并在其背景设置边框。但这种方法可能不够灵活,而且需要调整布局结构,可能不是最简单的方式。 可能还要注意,某些情况下,如果View本身有圆角,需要同时设置corners属性。这时候shape里需要加上corners的radius。不过用户的问题可能不需要圆角,所以可能不需要提到这点,但作为全面考虑,可能需要简要说明。 然后,检查是否有其他更简便的方式。比如,有些开发者可能会用代码动态设置边框,比如在onDraw里画边框,但这需要自定义View,步骤更多,可能不符合用户“最简单”的需求。因此,shape drawable的方法应该是最合适的。 总结下来,步骤应该是:创建shape的XML文件,设置stroke和solid(如果需要背景色),然后应用到View的background属性。需要注意的是,如果View原来有背景色,可能需要用layer-list来合并原有的背景和边框。不过如果用户只是单纯加边框,可能不需要处理原有背景,直接用stroke即可。 可能还需要提醒用户,stroke的宽度是向内外扩展的,可能会影响View的尺寸,特别是如果View的layout_width或height是wrap_content的话,可能需要调整padding或者使用margin来避免边框被遮挡。不过这可能属于进阶内容,用户可能只需要基础步骤,所以可能放在最后作为注意事项。 另外,检查一下有没有常见的错误,比如忘记设置solid导致背景透明,边框看不到,或者stroke的宽度设置过小。或者,如果View是可点击的,可能需要考虑点击区域是否足够,但用户的问题可能不涉及交互,所以暂时不需要提。 最后,给出示例代码,比如border.xml的内容,以及如何在布局文件中引用。这样用户可以直接复制代码使用,确保简单明了。</think>在 Android 中给 View 添加边框的最简单方法是通过 **XML shape 文件**实现,以下是具体步骤: --- ### 步骤 1:创建边框形状文件 在 `res/drawable` 目录下新建一个 XML 文件(如 `view_border.xml`),写入以下内容: ```xml <!-- 纯色边框(无填充色) --> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="2dp" android:color="#FF0000" /> <!-- 边框宽度和颜色 --> </shape> <!-- 带背景色的边框 --> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#FFFFFF" /> <!-- 填充色 --> <stroke android:width="2dp" android:color="#FF0000" /> </shape> ``` --- ### 步骤 2:应用到 View 在布局文件中直接引用这个 `drawable` 作为 `background`: ```xml <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="带边框的文本" android:background="@drawable/view_border" /> <!-- 关键代码 --> ``` --- ### 扩展技巧 1. **圆角边框**:在 `<shape>` 中添加 `<corners>` 标签: ```xml <corners android:radius="8dp" /> <!-- 圆角半径 --> ``` 2. **兼容原有背景**:如果 View 原本有其他背景色,用 `<layer-list>` 叠加: ```xml <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#FFFFFF" /> <!-- 原背景色 --> </shape> </item> <item> <shape android:shape="rectangle"> <stroke android:width="2dp" android:color="#FF0000" /> </shape> </item> </layer-list> ``` --- ### 效果对比 | 类型 | 代码示例 | 效果 | |------|---------|------| | 基础边框 | `<stroke>` 标签 | ![基础边框](https://via.placeholder.com/150x50/FF0000/FFFFFF?text=边框) | | 圆角边框 | `<corners>` + `<stroke>` | ![圆角边框](https://via.placeholder.com/150x50/FF0000/FFFFFF?radius=8) | --- ### 注意事项 - 边框宽度(`android:width`)单位为 `dp`,建议根据屏幕密度调整。 - 如果 View 的尺寸为 `wrap_content`,可能需要设置 `padding` 避免内容紧贴边框
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值