码迷,mamicode.com
首页 > 其他好文 > 详细

制作9patch图片的标准方法

时间:2015-08-18 01:22:40      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

9patch图片制作工具在sdk\tools\draw9patch.bat 

通过在一个图片的左,上边绘制点或者线来控制图片在垂直方向,水平方向的拉伸,所以我们在我们绘制出点或线后,要保证点和线对应的区域拉伸后不会影响图片效果。怎么才能保证 呢?简单的就是绘制的点和线对应的区域为纯色区域。


通过在一个图片的右边和下边画线来决定它的内容显示区域。右边画线确定了图片的toppadding和bottompadding;下边画线确定了图片的leftpadding和rightpadding.这与在布局文件中定义padding值是一样的效果。当然直接在图片中画出padding的方法是更好用的。

下面可以看个例子:

技术分享


这个图片当水平或者是垂直拉伸的时候,会自动的拉伸它的边角的地方,这样 图片就会变形了。

我们在它的 上边和左边各点了一点。这样当拉伸时,就会只拉伸点对应的那片区域。一般的我们只用在上和左点一个点就够了。

但是特殊情况的话,我们可能需要分段画线了。比如说图片里面有内容,此时我们就要按照比例来画线来确定拉伸区域了。


技术分享

看下上面的这个是如何确定拉伸区域的。上边点了4个点,是用来确定"开",”关"两个字是位于图片中的相对位置的。保证水平拉伸后仍是是这样的位置。

左边一个点,我们只能点在空白区域了让它垂直拉伸的时候,拉伸空白像素。不会影响效果。



 

版权声明:本文为博主原创文章,未经博主允许不得转载。

制作9patch图片的标准方法

标签:

原文地址:http://blog.csdn.net/baidu_26994091/article/details/47734299

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