解谜:为何用了9-Patch背景图后自带Padding属性?

本次分享的主题源于笔者在实际开发中遇到的问题。
具体现象为:当普通的9-Patch图用作TextView的backGround属性后,整个TextView便有了一定的Padding值。但笔者并没有给定padding属性,甚至在预览视图中,也没有展现出padding效果。但运行起来后,便莫名其妙地有了内边距。
我们先来看布局代码:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_gravity="center"
    android:background="@mipmap/background"
    android:text="@string/app_name"
    tools:context=".MainActivity">
    
</TextView>

在Android Studio内的界面预览如图:

预览图

红色边框的图片即背景,是经过9-Patch处理过的.9.png文件。
显然,在预览时是正常没有内边距的,接下来我们运行它。其效果如下图所示:
运行后效果

可以看到,实际运行时,内边距出现了。
经过一番问题排查,发现其根源在于.9.png文件,在Android Studio中打开这个图片,发现它的缩放设定是这样的:
缩放视图

可见,中央深粉色的部分就是自由拉伸的部分。定义它的,则是图片四周的黑色线条。
接着,我们勾选“Show content”,即预览显示内容区,如下图所示:

内容区

可见,内容仅显示在中央非空白区域,也就是我们最终看到的运行效果了。
到此,问题的根源找到了,我们怎么解决它呢?很简单,在进行图片拉伸定义时,我们应使用上和左边缘进行划线定义,而右和下边缘则定义了内容可填充的区域。因此,做如下图所示的修改:
正确的9-Patch

分别仔细观察上侧和下侧,左侧和右侧边缘,可以看到上侧和下侧并非完全划线,而是定义了拉伸的部分;而下侧和右侧则是完全划线,限定了内容可填充区域。
再次运行,可见内边距已消失。
正确的运行结果

当然,还有一种解决办法。即在xml布局文件中,将TextView的padding属性值强制写为0dp,内边距则也会为0。但笔者更推荐使用前一种方法,因为强制为0的方法,在当确实需要有padding值的时候,往往会不太好处理。
好了,以上就是本次分享给大家的开发小技巧,希望能够对你有所帮助。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是9-Patch 安卓开发里面的一种特殊的图片,这种格式的图片在 android 环境下具有自适应调节大小的能...
    萌码象C阅读 5,230评论 3 3
  • 很早看过这篇文章,并做了笔记,后来看到群里的小伙伴有问相关Drawable的问题,就把这篇翻译过来的文章给放出来了...
    Kotyo阅读 1,556评论 0 5
  • Android开发中,和布局文件对应 View 一样,Drawable 文件也对应着一个类--Drawable。如...
    食梦兽阅读 7,477评论 2 15
  • 概述 今天我们来探究一下android的样式。其实,几乎所有的控件都可以使用 background属性去引用自定义...
    CokeNello阅读 4,941评论 1 19
  • xml 布局文件看似好写,也的确好,但是大家总是百思不得其解,为啥我写的页面显示慢,效率低,扩展麻烦,有的手机会出...
    前行的乌龟阅读 7,504评论 2 17