美文网首页
点9图制作

点9图制作

作者: 兰秋贰柒 | 来源:发表于2017-07-14 01:11 被阅读0次
点9图简介

点九图,是Android开发中用到的一种特殊格式的图片,文件名以.9.png结尾。
这种图片能告诉程序:
①图像哪一部分可以被拉伸,哪一部分不能被拉升需要保持原有比列;
②图像哪一部分可以被文字填充,哪一部分不能被文字填充需要保持原来的样子。
运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。

点9图的黑边说明

相较于普通的切图方式,点九图最为明显的区别就是图片不保留内容显示区域且自带一圈不成规律的黑边。正是这圈黑边提供了点九图的各个属性以适应各种情况。


例图一

例图一的①②部分规定对话框的拉伸区域,③④部分规定对话框中文字的填充区域。当实际程序中设定了对话框的宽高时,①②部分就会被拉伸成所需要的高和宽,呈现出于设计稿一样的视觉效果。

例图二
点9图的黑边制作
  1. 首先需要打开PS,Ctrl+R调出辅助线。根据对话框的样式来设定辅助线的位置。(PS:蓝色的线条就是辅助线)
  2. 各部分的解释说明
    ①由于对话款左右两侧均为圆角,所以为了保证对话框圆角部分在拉伸后不失真,在画黑边的时候只画了W:1PxH:2PX的黑边。
    ②由于对话框左上部分有装饰物,所以为了保证对话框装饰物部分在拉伸后不失真,在画黑边的时候只画了W:自定H:1PX的黑边。
    ③一般在规定文字填充部分时,需要考虑到文字不能被挤出对话框框外。所以在画黑边的时候上下部分需要留出一定距离。
    ④同③部分,只不过需要考虑的时左右部分需要留出一定的距离。
    参考来自flyme5主题短信对话框

【注意】
①③部分黑边的宽度必须是1像素,即W=1PX
②④部分黑边的高度必须是1像素,即H=1PX

3.效果预览

参考来自flyme5主题短信对话框

【注意】
很多人喜欢使用魅族包中自带的draw9patch工具来制作点9黑边,笔者并不推荐。因为①draw9patch工具并不好用②draw9patch工具需要开发者自己搭建java运行环境,所以推荐使用Ps绘制黑边。

点9图去黑边

去黑边建议使用魅族官方包里面的去黑边工具

  1. 把需要处理黑边的图片到目录example1\res\drawable-hdpi下。
  2. 双击xUltimate-d9pc.exe,听到电脑滴的一声,即可完成去黑边(此时的9.png图片内部加载了黑边信息)。
  3. 根目下会自动生成done文件,在done\example1\res\drawable-hdpi下,就是我们经过处理的9.png图片。

去黑边处理失败常见原因
①图片名称存在中文或中文字符
②点9图四角存在黑边(可见最后的参考图)
③点9图黑边内存在接近黑色的颜色信息。【经常性错误】
④黑边的颜色不是#000000A=0R=0G=0B=0

图中标红色的四角,必须是无任何颜色信息状态

(全文完)

相关文章

  • 点9图制作

    点9图简介 点九图,是Android开发中用到的一种特殊格式的图片,文件名以.9.png结尾。这种图片能告诉程序:...

  • Android点9图制作

    Android点9图制作 1、左边和上边是可拉伸的范围,不用交集,即一条线也可以 2、右边和下边的线是可选的,只有...

  • Android .9图的问题

    关于点9图的错误 更改办法:在dramble里保存好用.9图制作好的图,后缀名以.9图结尾,在代码里把.9图的后缀...

  • 用Android Studio制作点9图

    选择需要制作点9图的文件。直接右键 点击确定 会在列表显示一张该图片的点9图。打开 打开点9图进行编辑 左侧是原图...

  • 利用Photoshop制作点9图

    点9图(.9.png)是Android开发中一个特殊的图片格式,它能很好的解决我们的屏幕适配问题,项目中经常用到的...

  • 古董珠宝11

    图123;9金钻石镶嵌 1910年制作 图456;9金珍珠镶嵌 1908年英国全标印 图789;9金1900年制作...

  • Android .9图制作

    Android .9图制作 简单介绍下使用Android studio开发工具制作 .9图过程 1.在Androi...

  • Android Studio 制作点九图(.9图)

    背景 安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角...

  • Android 点九图片制作步骤

    点九点图的制作和使用: 首先看一下点九图片和非点九图片的效果: 非.9拉伸之后的样子 .9拉升之后的样子 使用.9...

  • .9图片记录

    编辑.9图之前,说明一下制作.9图的一下知识。制作.9图就是在图片的上下左右四个位置加上黑边,用这些黑边来标记图片...

网友评论

      本文标题:点9图制作

      本文链接:https://www.haomeiwen.com/subject/ntzghxtx.html