首先,选中原图,右击选择Create 9-Patch file...
接着弹出有保存路径和名字(名字自动生成,不要修改),路径与原图需在同一个位置,比如我刚才是在drawable制作,则生成的.9图片也在此路径下。点击OK,在drawable就生成了.9后缀的图片
接着双击刚生成的图片,直接拖动图片四周的四条线即可:
到了最关键的时刻,还是需要同事的指导。
注意点:
-
需要拖动图片的四周,而不是内部,因为内部也拖动不了,如果图片太大,可以图片显示不出来四周,这是一个棘手的问题,见3
-
拖上上方,表示图片可以左右延伸的区域,拖动下方,表示文字可以显示的区域,拖动左边,表示文字可以上下延伸的区域,拖动右方,表示位子可以显示的区域。 刚开始没注意这个知识点,我说怎么内部的文字显示不出来呢
-
最重要的一点:要让UI同学给一个小图,因为可以自由伸缩,所以大图小图显示的效果是一样的,关键小图空间小啊。
最后制作完成后,需删除原图,否则会弹出重复资源的错误
参考:在AS制作.9图片