扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
拉伸不会明显失真就适合用点 9 图,否则就切多分辨率。如下第一张就不适合点 9 图,第二张则适合。点 9 图可定义拉伸区域目的就是防止另一部分拉伸失真。
创新互联专注于黄山区网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供黄山区营销型网站建设,黄山区网站制作、黄山区网页设计、黄山区网站官网定制、微信小程序服务,打造黄山区网络公司原创品牌,更为您提供黄山区网站排名全网营销落地服务。
这种情况下,我们可以UI设计师多切出几套分辨率的图偶来适配,但是这样会导致apk体积增加,有没有一张图就能解决的好办法呢,android平台下的点9PNG就应运而生了。
.png图片本质上还是png图片,区别是.png图比正常的png图片在最外围多了1px的边框,这就允许我们在这个1px的边框上定义图片的可拉伸区域以及图片的内容区域。
png图片一般用在需要拉伸的地方,比如聊天程序的对话框,字数不同,对话框的大小也不同。之所以叫9是因为图片被分割为9个部分。要在四周画至少四条线(点),他们功能不一样。
right和bottom边框中交叉部分则是内容部分 无论是left和top,还是right和bottom都是把图片分成9块 (边角四块是不能缩放的,其他的四块则是允许缩放的),所以叫做PNG。
下(根据切图大小,选择对应尺寸的drawable文件),然后将.9图作为背景设置在指定View上 用AndroidStudio制作点9图 选择需要制作点9图的文件。直接右键 点击确定_嵩诹斜硐允疽徽鸥猛计牡9图。
先找到图片右键 然后修改图片名称,选择目录,注意必须要放在drawable目录里面,不然引用studio会报错 然后进入点9图编辑界面 最后讲解怎么编辑点9图 只需要在图片边缘鼠标单击即可,一般我们只需要设置左边和上边来调节拉伸区域。
点击左上file- save,保存文件,自动生成一张后缀名为“*.png”格式的图片,图片上下左右各增加了1px的黑线。
在UI切图过程中,UI设计师往往需要切.png格式的图片给开发人员,下面具体介绍如何制作点9切图。相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域。
下(根据切图大小,选择对应尺寸的drawable文件),然后将.9图作为背景设置在指定View上 用AndroidStudio制作点9图 选择需要制作点9图的文件。直接右键 点击确定_嵩诹斜硐允疽徽鸥猛计牡9图。
点击左上file- save,保存文件,自动生成一张后缀名为“*.png”格式的图片,图片上下左右各增加了1px的黑线。
如何操作:鼠标左键选取需要拉伸的像素点;shift+鼠标左键取消当前像素点。从图中可以看出,导入的png图片默认周围多了一像素点,也就是这一圈一像素点就是可操作区域。
这种情况下,我们可以UI设计师多切出几套分辨率的图偶来适配,但是这样会导致apk体积增加,有没有一张图就能解决的好办法呢,android平台下的点9PNG就应运而生了。
1、下(根据切图大小,选择对应尺寸的drawable文件),然后将.9图作为背景设置在指定View上 用AndroidStudio制作点9图 选择需要制作点9图的文件。直接右键 点击确定_嵩诹斜硐允疽徽鸥猛计牡9图。
2、选择需要制作点9图的文件。直接右键 点击确定 会在列表显示一张该图片的点9图。打开 打开点9图进行编辑 左侧是原图,也就是编辑区。右侧是预览区。预览区分三个部分。
3、点9图片是Android系统或ios系统中的一种可拉动和不失真的图片,例如,我们的微信聊天泡泡是典型的第9点图片,因为聊天泡泡需要关注文本的数量。
4、在Android的工具中给我们提供了draw9patch.bat工具来制作.9文件。该工具目录在 \android-sdk-windows\tools\draw9patch.bat 。 我们直接打开draw9path.bat二进制程序,将我们需要制作的图片导入进去。
5、png图片一般用在需要拉伸的地方,比如聊天程序的对话框,字数不同,对话框的大小也不同。之所以叫9是因为图片被分割为9个部分。要在四周画至少四条线(点),他们功能不一样。
6、Android设备适配,图片方面很重要的一部分就是.9图的使用了,我们今天就来记录一下。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流