重要:四边黑线表示可以伸缩的区域
步骤
- 将项目的.png图片放到资源文件夹drawable下面,右键 .png 的图片 选择
Create 9-Patch file...
,命名默认就行 - 双击 .9.png 的图片打开,在 9-Patch 窗口下,会出现两个窗口,左边为编辑窗口,右边为预览窗口(拉伸状态下的图片),
Zoom
为编辑窗口中的放大比例(无法缩小),Patch scale
为预览窗口中图片放大比例,Show lock
鼠标放到原图上,会显示红色斜线部分。表示点9图锁定的区域;Show content
:是预览窗口蓝色部分,蓝色表示可以填充内容,白色便是不可填充内容,移动原图中右边和下边的修改可填充内容的区域,规则如上;Show patches
:显示编辑窗口中可以缩放的区域,绿色和紫色部分,原图颜色为不伸缩部分;Show bad patches
:显示原图中不规范的缩放区域。比如带弧度中部分是不应该缩放的,如下图中红线标记的区域。遇到下面情况,需要向右稍微移动上边的黑线,不标记弧度部分,红线就会取消。 - 从顶边拉出的线表示线以下的为缩放区域,从底边拉出的线表示线以上的为缩放区域,从左边拉出的线表示线以右的为缩放区域,从右边拉出的线表示线以左的为缩放区域;
- 在边的区域可以使用鼠标拖拽框选缩放区域
- 内容居中的做法是,两边的缩放区域等长
- 内容间距自适应,在间距之间都拉出缩放区域
- 拉伸四周最快速的方法, zoom 放大3倍,顶边框选两个区域,左边框选两个区域,移动线控制区域到指定位置就行了
转载请保留原文链接: https://zodream.cn/blog/id/57.html