0
点赞
收藏
分享

微信扫一扫

Android中.9图片的含义及制作教程

9patch图片的概念

  • 9patch图片是andriod app开发里一种特殊的图片形式,文件的扩展名为:.9.png
  • 9patch图片的作用就是在图片拉伸的时候保证其不会失真。所以我们使用.9图片,让图片在指定的位置拉伸和在指定的位置显示内容,这样图片的边边角角就不会出现失真

.9图片的四条黑边的意义

  • 顶部:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
  • 左边:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸(拷贝)
  • 底部:在水平拉伸的时候,指定图片里的内容显示的区域
  • 右边:在竖直拉伸的时候,指定图片里的内容显示的区域

由于左边和顶部表示拉伸区域,选取时应该选取纯色区域,1个像素点即可

使用Android Studio工具制作.9图片

  • Android Studio中天生就自带了.9的绘制工具,你只需要将一般的png图片的名字末尾加.9后缀再拷贝到drawable目录下,然后点击打开就能进入.9图片的绘制工具Android中.9图片的含义及制作教程_图片

或者

右键图片->Create 9-patch file,就会自动生成.9图,双击编辑即可

Android中.9图片的含义及制作教程_9patch_02

  • 导入之后,我们可以看到左边是对图片的操作界面,右边则是实时的显示界面。接下来,我们要对图片进行描边了,描边之前一定要清楚四条边的含义,上左控制拉伸位置,下右控制内容显示位置
  • 描边时,按下鼠标左键,然后放在图片边界移动就能描边了Android中.9图片的含义及制作教程_像素点_03

勾选show bad patches,显示报错区域
Android中.9图片的含义及制作教程_9patch_04

勾选show content,显示内容区域
Android中.9图片的含义及制作教程_图片_05
按住 Shift 再拖动鼠标就能擦除

记住要将原来的图片删除,保留制作好的.9图片即可,因为 Android 项目中不允许同一文件夹下两张相同名称的图片(后缀名不同也不行)

举报

相关推荐

0 条评论