欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-11-30 23:26:28
点九图片的拉伸区域不难理解,显示内容区域是怎样的?.9 ,是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png智能手机中有自动横屏的功能,同...

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

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

如下图

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

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

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

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

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

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

此button的显示情况应为

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

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