码迷,mamicode.com
首页 > 移动开发 > 详细

Android工具draw9patch使用点.9.png图片制作

时间:2016-05-13 00:02:06      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

Android工具draw9patch使用点.9.png图片制作(原文) 

@Author : Dolphix.J Qing


本文将以示例的形式,讲解QQ聊天气泡.9.png图片的制作过程

1 手机截屏

发送空消息体->截屏聊天界面->截取聊天气泡。


2 透明.png制作

在线ps->选择电脑已存在图->Ctrl+J(复制背景图层,并新建图层)->魔棒工具->(Delete)删除不要图色->

解锁背景图层,并删除->保存新图层到电脑(即为透明.png)


3 制作.9.png

找到SDK目录->进入tools文件夹->打开draw9patch工具->左上角导入图片


技术分享

图1 初始状态

其中,

A 区域:控制垂直拉伸;

B 区域:控制水平拉伸;

C 区域,D 区域:共同控制显示区域;


技术分享

图2 制作好的.9.png图片

其中,

C、D处两处,黑色线条形成一个二维区域E,该区域即为——内容显示区域。(区域外无法显示)

A处,黑色线条很短——表示如果图片高度不够,即拉伸A处。

B处,同样黑线很短——表示如果图片宽度不够,即拉伸B处。


为了方便大家学习训练,附上本文原图,透明图,.9.png等多套尺寸图。

附件


原文作者:Dolphix.J Qing

Android工具draw9patch使用点.9.png图片制作

标签:

原文地址:http://blog.csdn.net/dolphix/article/details/51347324

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!