Android Studio制作.9图片,看这一篇就够了

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lkjfyy/article/details/87365876

一、.9.png图片概念

  • 这是安卓开发里面的一种特殊的图片
    这种格式的图片在android 环境下具有自适应调节大小的能力,不会失真

(1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区的内容被延展。
(2)允许开发人员定义内容显示区,用于显示文字或其他内容

比如聊天界面中的聊天气泡使用的就是.9图片,如下图:
聊天气泡
而我是因为做启动页的时候,放了一张背景图,由于安卓手机屏幕太多样,导致在有些手机上,启动页背景图会变形,所以想到用.9图来更好的适配屏幕。

二、使用Android Studio制作.9图

1、在要制作成.9的图片上右键,选择Create 9-Patch file,Android Studio会自动生成.9图片,如下图:
生成.9图片
2、双击打开该图片就进入.9图片制作页面,如下图:
在这里插入图片描述
3、鼠标左键是控制绘制.9图片拉伸区域和内容显示区域;shift+鼠标左键是取消选中,如下图:
绘制.9图片
如上图,当用鼠标左键选中绘制区域的时候,会显示一道黑线,这也是.9图片跟普通图片的区别;当用shift+鼠标左键时,会取消选中的绘制区域

4、下面解释一下四条黑线的作用:

上部黑线和左部黑线代表可拉伸区域;
下部黑线和右部黑线代表内容显示区域。

5、如下图我制作的这张.9图,当用作背景的时候情况:
.9背景图
使用.9背景图
6、下面再介绍一下.9图片制作页面下面几个选择框和滚动条的作用,如下图:
选择框作用

Zoom滚动条可放大缩小左边图显示大小
Patch scale滚动条可放大缩小右边图显示大小
Show Patches显示可拉伸区域
Show content显示内容显示区域

三、使用Android Studio绘制.9图片总结:

上部黑线和左部黑线代表可拉伸区域;
下部黑线和右部黑线代表内容显示区域。
Zoom滚动条可放大缩小左边图显示大小
Patch scale滚动条可放大缩小右边图显示大小
Show Patches显示可拉伸区域
Show content显示内容显示区域

四、Android Studio使用.9图片出错解决方案:

  • Android Studio对.9的图片增加了安全检查机制,如果.9图片有不规范的地方会编译报错
  • 解决方式主要有两种:
    1、让Android Studio取消掉对.9图片的安全检查:打开你app目录下的build.gradle文件,在buildToolsVersion属性之下添加取消安全检查的两行代码。
    // 取消掉系统对.9图片的检查
    aaptOptions.cruncherEnabled = false
    aaptOptions.useNewCruncher = false
    
    2、 .9图片编译报错,说明你的.9图片制作不完善。你可以检查一下图片哪里没绘制好,是否重复绘制黑边或者哪条边没有绘制。
  • 注意:Android Studio中要求.9图片的四条边都要绘制。

猜你喜欢

转载自blog.csdn.net/lkjfyy/article/details/87365876