点九图片的显示内容区域应作何理解

时间:2022-06-07 16:26:20

点九图片的拉伸区域不难理解,显示内容区域是怎样的?
.9 ,是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png

智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。
我们都知道android平台有多种不同的分辨率,很多控件的切图文件在被放大拉伸后,边角会模糊失真。
ok,在android平台下使用点九png技术,可以将图片横向和纵向同时进行拉伸,以实现在多分辨率下的完美显示效果。

如下图

点九图片的显示内容区域应作何理解

利用sdk tools下的draw9patch工具打开图片。

点选show patches,显示的粉红色区域,即为要拉伸的区域。

点选show content,右侧蓝色阴影区域,即为内容显示区域。

由图可知,内容显示区域在此图片的左上部分。如何更容易理解呢?

如果将此图片作为button的背景,button的text为“试一下试一下试一下”,

此button的显示情况应为

点九图片的显示内容区域应作何理解

button的text显示不会越过阴影部分。