🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
***** **.9Patch** [TOC=6] # 1. 9Patch Android里有9patch图的概念,也就是.9图,能够自动拉伸你指定的地方,这其实是一种格式特殊的png文件,能指明可以拉伸以及不可拉伸的区域,同时还可以把显示内容区域的位置标示清楚。 ![](https://box.kancloud.cn/c152bb4408597ad83a3479cd0fb54b08_1000x540.webp) .9图的有两条线必须画,就是左边和上边,否则会报错。 上图的红色区域就是图片会被拉伸的区域,其他地方不会发生任何变化,这个时候,一个简单的.9图就制作完成了。 ![](https://box.kancloud.cn/e2462cc4984e7bb28a2e2faae3f1ccfc_1000x643.webp) 我们控制这张图片哪些区域可以缩放,缩放的区域就是两条黑边的交集,即中间位置的红框。 # 2. 9Patch图的应用 ![](https://box.kancloud.cn/6d88f41b4f7b601a216521ca72c0ea28_530x530.png) 如:微信,QQ消息背景 自动拉伸。 # 3. 9Patch图拉伸区域 左和上拉伸的是背景 右和下拉伸的是内容区域