❶ 用android Studio制作点9图
选择需要制作点9图的文件。直接右键
点击确定 会在列表显示一张该图片的点9图。打开
打开点9图进行编辑
左侧是原图,也就是编辑区。右侧是预览区。预览区分三个部分。一个是横向拉伸,一个是纵向拉伸,一个是横纵都拉伸。
编辑区下方有个zoom。直接拉到800%。然后就可以直接在你需要拉伸的地方,直接单击,就可以选择拉伸区域了。
设置完拉伸区域后,可以在预览区实时看到拉伸效果
❷ 在Android Studio中画点9图
在实际项目中经常会遇到在某些手机上特别是大屏幕手机上出现毛边,边界看起来模糊不清的情况。这是因为界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。
这种情况下,我们可以UI设计师多切出几套分辨率的图偶来适配,但是这样会导致apk体积增加,有没有一张图就能解决的好办法呢,android平台下的点9PNG就应运而生了。点9图可以将图片横向和纵向同时进行拉伸,以实现在多分辨率下的完美显示效果。
首先看一下普通图片和点9图片的区别
布局文件如下
实际显示效果图
图中可以看出经过我处理的图片,边角变得不模糊了,虽然不是那么很好看,但这里只是做个例子来说明其作用。
下面来讲讲在android studio中怎么去根据自己实际需求去画这个点9图
先找到图片右键
然后修改图片名称,选择目录,注意必须要放在drawable目录里面,不然引用studio会报错
然后进入点9图编辑界面
最后讲解怎么编辑点9图
只需要在图片边缘鼠标单击即可,一般我们只需要设置左边和上边来调节拉伸区域。
变成黑色表示拉伸的坐标点。图中粉红色的交叉点原本是白色,故而拉伸的区域都在白色点区域。
所以当拉伸时大家就看到了谷歌机器人的外部四个绿色边角区域没有了毛边,实际就是保持其不被拉伸而形成的结果。
L1与T1交叉区域,L2与T2交叉区域,表图片在拉伸的时候只会拉伸所以示只拉伸该区域。
至于右边下边 要是边框是透明色区域则表示这块区域占据空间不被别的内容遮挡,
黑色区域表示可以显示别的内容的区域,比如一个textview放这张图片做背景,如果下面左边一半设置透明色,右边一半设置黑色,那么最后文字只会在黑色区域。
如下图
以上就是点9图的部分介绍。