Android 制作.9.png图片之利用Android studio

Android 制作.9.png图片之利用Android studio

前言

相关:Android 制作.9.png图片之利用Android 9-patch shadow generator

有时候UI给了切图,但是并不能直接使用,要转换成.9.png图才能使用。
举例:一个右上角弹窗
Android 制作.9.png图片之利用Android studio
UI提供了设计切图:
Android 制作.9.png图片之利用Android studio
但是,这图普通的图,在我们的列表选项数量以及每项宽高不确定的时候直接使用这个当背景图会拉伸
所以需要制作.9.png图来满足需要。

制作

打开Android studio,打开你的项目
把你的普通png图放进 res 文件夹的 drawable 文件夹里
右键文件名
Android 制作.9.png图片之利用Android studio
点击 Create 9-Parch file
就会在 res 文件夹的 drawable 文件夹里生成同名的后缀为.9.png的文件
删除普通png后缀的文件
双击后缀为.9.png的文件
打开编辑页面
Android 制作.9.png图片之利用Android studio
这时候能看到图片四边有四条黑边。

  • 左侧黑边-----控制可拉伸变形的高度范围
  • 顶部黑边-----控制可拉伸变形的宽度范围
  • 右边黑边-----控制内容可填充的高度范围
  • 底部黑边-----控制内容可填充的宽度范围

设置好以后,就能直接当作普通图片使用了。完事