使用 Android Studio 制作 .9.png 图片

Fork Me On Github
zodream 其他技术 2019年06月

重要:四边黑线表示可以伸缩的区域

步骤

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