美文网首页
切图细节——点九切图

切图细节——点九切图

作者: 王旋子同学 | 来源:发表于2017-10-12 21:01 被阅读270次

1. 适用范围

根据屏幕横竖屏或展示面积不定,但具有明显的重复延展性,因此切出具有特点的部分,将重复部分用代码完成,常见的有对话起泡、按钮等。

2. 切图方法

   9patch软件;PS切图

以下介绍一下如何用PS进行切图,直接使用 PS等平面工具绘制,流程如下:

1. 确定切图后直接改变图片的画布大小

2. 手动将上下左右各增加1px

3. 使用铅笔工具,手动绘制拉伸区域,色值必须为黑色(#000000)

4. 存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png

不过这种方法的缺点是不能实时预览,判断并测试拉伸区域的准确性。

使用此方法需要注意以下2点:

1. 手绘的黑线拉伸区必须是#000000,透明度100%,并且图像四边不能出现半透明像素;

2. 你的.9.png必须绘有拉伸区域的黑线;

否则,图片不会通过android系统编译,导致程序报错。还有,有同学疑惑解压缩apk文件后,.9.png图片里的黑线怎么没了?

那是因为andriod程序在把文件打包成apk的时候,程序会自动把*.9.png图片边缘的黑线去掉,所以解压缩apk后看到的.9.png文件是没有黑线的。


王旋子同学


相关文章

  • 切图细节——点九切图

    1. 适用范围 根据屏幕横竖屏或展示面积不定,但具有明显的重复延展性,因此切出具有特点的部分,将重复部分用代码完成...

  • 点九切图

    图片格式〔.9.png〕 在线生成点九〔http://romannurik.github.io/AndroidAs...

  • 点九图切图规范

    本文以微信社交对话框为例进行说明如何切点九图,其原则如下: 1.保留对话框周边四个圆角; 2.保留对话框右边的指向...

  • 点九图怎么切

    点九图,是Android开发中用到的一种特殊格式的图片,文件名以”.9.png“命名。这种图片能告诉开发,图像哪一...

  • 切图细节——图标

    上篇介绍了切图的框架,这篇介绍一下如何高效的切图标。 界面的图标分为两种:功能型图标和装饰型图标。 简单解释一下两...

  • Android中的点9切图法

    点9切图法,又名九宫格切图法,是界面开发与屏幕适配不可或缺的一部分。本文简答介绍了点9切图法的使用,完整代码见:点...

  • 点九切图你知道怎么切吗?

    最近很多人在微信群问我点9图怎么切的问题,今天u妹把工作中积累的关于点9切图的经验分享给大家,希望大家可以掌握这些...

  • 「前端眼中的PS」切图

    如何开始切图 切图 切片工具 隐藏文字 可平铺背景的切图方法 PNG24切图方法 PNG8带背景切图方法 切图 如...

  • 切图工的修养:切图方法、切图工具经验谈。

    Foreword: 作为一个职业的切图工,如何切好图,把图切快,是切图工的工匠精神体现。 切图规范: *游戏切图和...

  • 自然笔记(页23-24)

    碎碎念:好好珍惜当下的一切。 几张细节图:

网友评论

      本文标题:切图细节——点九切图

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