HTMLayout九宫格助手,用过皮肤控件的可能比较清楚,皮肤引擎是怎样将一张很小的图片绘制到控件上的,就像上面这张尺寸很小的图片,实际上可以作为窗体的背景,可以无限被拉伸而不会感到别扭。
说明:
说到图片拉伸,很多人脑海中会浮现出一个词——失真。没错,一张小图片要拉伸成大图片,就意味着要凭空创造出一些数据来填充那些新增加的空间,这些数据完全是凭空捏造的,拉伸出来怎么能不模糊?
于是,聪明的 UI 引擎设计者们发明了“九宫格”这玩意,即将一张图片分为九个区域:左上、上、右上、左、中、右、左下、下、右下。其中,四个角(左上、右上、左下、右下)不拉伸,按照原始尺寸直接绘制,其余部分使用平铺或者拉伸的方式绘制。