andriod 中.9.png图片 原理

9png图片一般用在需要拉伸的地方,比如聊天程序的对话框,字数不同,对话框的大小也不同。
普通位图拉伸后有多难看参考当年windows 95桌面背景拉伸效果。
所以就有了9png,之所以叫9是因为图片被分割为9个部分。
你要在四周画至少四条线(点),他们功能不一样。
右边和下边:决定了你中间content区域的大小,比如对话框中的文字区域的大小。
(注意黑色的线条,决定了content区域大小)
andriod 中.9.png图片 原理_第1张图片 (content区域效果预览)
andriod 中.9.png图片 原理_第2张图片
上边和左边:决定了图片横向拉伸(上边),和纵向拉伸(左边)使用哪一块。程序会自动复制这一块区域,用来填充被拉伸后的图片。
(绿色的部分就是要被复制的部分)
andriod 中.9.png图片 原理_第3张图片 (拉伸后的效果可以看到绿色的部分被用来填充新的图像)
(第一张,纵向拉升; 第二张,横向拉升)

andriod 中.9.png图片 原理_第4张图片 技巧
如果想保留一部分不被拉升,可以选择两个拉伸点
(把要保留的部分夹在中间)
andriod 中.9.png图片 原理_第5张图片 (可以看到无论是纵向还是横向拉升,三角部分没有改变)
andriod 中.9.png图片 原理_第6张图片

你可能感兴趣的:(Andriod)