绘制9-patch图片工具让你使用可见即可得(WYSIWYG)编辑器轻松创建Nine Patch图像。

关于介绍Nine-path图片和它是如何工作的,请在2D Graphics的文档中查阅关于Nine-patch的章节。

这里是使用Draw 9-path工具创建Nine-patch图像的快速指南。你想创建一张NinePatch图片,你需要PNG图片。

  1. 打开终端,从你的SDK/tools目录启动draw9patch程序。

  2. 将你的PNG图片拖拽到Draw 9-patch窗口中(或者File>Open 9-patch..来查找文件)。现在将打开你的工作空间。

左边的面板是你的绘图区域,在这里你能编辑可伸缩区域和内容区域的线条。右边的面板是预览区域,在这里你能预览在拉伸时的你的图形。

  1. 在1-像素的周长内点击来绘制线条,定义可伸缩块和(可选的)内容区域。右击(或者按住Shift点击,在Mac上)来擦出以前绘制的线条。

  2. 当完成的时候,选择File>Save 9-patch...

你的图片将使用.9.png文件名称被保存。

注意:一张普通的PNG文件(*.png)将会以空1-像素边框围绕图片被加载,在这里你可以绘制可拉伸块和内容区域。一张先前保存9-patch文件(*.9.png)将会以原样加载,没有绘图区域填充,因为它已经存在。

可选的控制包括:

  • Zoom:调整图片在绘图区域的缩放级别。

  • Patch scale:调整图片在预览区域的比例。

  • Show lock:在鼠标悬浮的时候可视化图片的不可拉伸区域。

  • Show patches:在绘图区域预览可拉伸块(粉色的是可拉伸块)。

  • Show content:在预览图片中高亮内容区域。(紫色是内容允许的区域)。

  • Show bad patches:在块区域添加红色的边界,当拉伸的时候它可能会在图像中产生绘图块效应。如果你消除所有的坏块,将保持你的拉伸图片的可视化的连贯性。

Android Developers:绘制9-patch图片的更多相关文章

  1. Android中绘制圆角矩形图片及任意形状图片

    圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,因为它避开了直角的生硬,带来更好的用户体验,下面是几个设计的例子: 下面在Android中实现将普通的矩形图片绘制成圆角 ...

  2. 【Android Developers Training】 64. 绘制形状

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  3. 【Android Developers Training】 56. 更效率地加载大图片

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  4. Android View加载圆形图片且同时绘制圆形图片的外部边缘边线及边框:LayerDrawable实现

     Android View加载圆形图片且同时绘制圆形图片的外部边缘边线及边框:LayerDrawable实现 LayerDrawable实现的结果和附录文章1,2,3中的layer-list一致. ...

  5. Android ImageView加载圆形图片且同时绘制圆形图片的外部边缘边线及边框

     Android ImageView加载圆形图片且同时绘制圆形图片的外部边缘边线及边框 在Android早期的开发中,如果涉及到圆形图片的处理,往往需要借助于第三方的实现,见附录文章1,2.And ...

  6. 【Android Developers Training】 54. 打印自定义文档

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  7. 【Android Developers Training】 53. 打印HTML文档

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  8. Android UI 绘制过程浅析(五)自定义View

    前言 这已经是Android UI 绘制过程浅析系列文章的第五篇了,不出意外的话也是最后一篇.再次声明一下,这一系列文章,是我在拜读了csdn大牛郭霖的博客文章<带你一步步深入了解View> ...

  9. Android视图绘制流程完全解析,带你一步步深入了解View(二)

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/16330267 在上一篇文章中,我带着大家一起剖析了一下LayoutInflater ...

随机推荐

  1. PLT redirection through shared object injection into a running process

    PLT redirection through shared object injection into a running process

  2. linphone

    官方网站 源码下载: linphone, including: oRTP mediastreamer2 liblinphone linphonec linphone (gtk) git clone g ...

  3. vsphere脚本等

  4. 《React-Native系列》44、基于多个TextInput的键盘遮挡处理方案优化

    曾经写过两篇关于在ReactNative上处理键盘遮挡输入表单TextInput的情况.建议读者能够先看看 1.<React-Native系列>33. 键盘遮挡问题处理 2.<Rea ...

  5. 再玩 DevStack(Mitaka版)- 基于 trystack.cn 源

    曾经就写过一篇关于DevStack安装OpenStack的文章< 使用 DevStack 高速部署 OpenStack 开发环境 >,时过境迁,如今有更好的方式来实现.想到曾经的复杂性,认 ...

  6. @Service注解的使用

    首先,在applicationContext.xml文件中加一行: <context:component-scan base-package="com.hzhi.clas"/ ...

  7. MySQL 内存和CPU优化相关的参数

    mysql> SHOW GLOBAL STATUS LIKE 'innodb%read%'; +---------------------------------------+--------- ...

  8. Hibernate学习笔记三:常用数据库操作语句

    转载请注明原文地址: 一:HQL 1:HQL语句格式:select from POJO类名 where 条件表达式 group by 属性 having 聚集函数 order by 属性 [其中,fr ...

  9. nginx内置预定义变量

    nginx的配置文件中可以使用的内置变量以美元符$开始,也有人叫全局变量.其中,部分预定义的变量的值是可以改变的. $arg_PARAMETER 这个变量值为:GET请求中变量名PARAMETER参数 ...

  10. Openwrt15.05网关后pptp外拨失败的解决办法

    路由器升级openwrt chaos_calmer 15.05版后发现NAT后面的客户端外拨pptp vpn服务器失败,经google后得知,在14.07版本中默认安装的又一个叫做 kmod-ipt- ...