天天看点

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前言制作

这时候能看到图片四边有四条黑边。

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

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