- 1、本文档共9页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
[9png图片自动缩放
手把手让你爱上Android sdk自带“9妹”
??? 前几天群成员讨论过关于9patch的工具【我比较喜欢喊它9妹子,西西(*^_^*)】、然后研究了一下,比较简单但是很实用的一个Android sdk 自带工具、这里给大家做一个分享下经验!
?1.什么是“9妹”(9patch)?
??? 它是一个对png图片做处理的一个工具,能够为我们生成一个*.9.png的图片;
2.何为*.9.png?
??? 所谓*.9.png这是Android os里所支持的一种特殊的图片格式,用它可以实现部分拉伸;这种图片是经过”9妹“进行特殊处理过的,如果不处理的话,直接用PNG图就会有失真,拉伸不正常的现象出现。
3.它的用途是?
??? 说到用途,这种特殊格式的png图,我也看了网上的相关文章但都是用一个能自适应的button举例子!(如下图)清一色抄袭.. - -、
?(此实例咱们直接无视掉,在后面我会给大家灌输游戏中实例)
??? 这个例子是指当button上的字体大小改变,那么文字底下的png图也会自动适应文字。
??? 这似乎表明做Android 软件应用 使用一些组件的的时候会时常用到;
4.那么实际在游戏中到底如何使用呢?什么情况下去使用呢?
??? 当然啦,身为做游戏我一定要”9妹“利用在咱们游戏中才行,不然岂不是白研究了、经过思考突然想到了一些情况,并且发现“9妹”确实在游戏开发中占有一定的分量!下面我们来先熟习“9妹”工具,然后再跟大家举例,贴图来说明其用途、毕竟有图有真相 呵呵~
?启动9妹:
??? 在你Android SDK 路径下 X:/android sdk/tools ,你会找到一个 【draw9patch.bat】,没错这就是9妹啦、官方名 NinePatch ;?
?提示导入一张png图片,然后真正进入9妹的操作界面(如下图):?(图1)?
????? 序列 ① :在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,如果完全消除该内容则图片拉伸后是没有变形的,也就是说,不管如何缩放图片显示都是良 好的。 (实际试 发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的,一边来说只要色差不是太大不用考虑这个设置。)
??? 序列 ② :区域是导入的图片,以及可操作区域。
??? 序列 ③ :这里 zoom:的长条bar 是对导入的图放大缩小操作,这里的放大缩小只是为了让使用者更方便操作,毕竟是对像素点操作比较费眼,下面的 patch scale 是序列 ④区域中的三种形态的拉伸后的一个预览操作,可以看到操作后的图片拉伸后的效果。
??? 序列 ④: 区域这里从上到下,依次为:纵向拉伸的效果预览、横向拉伸的效果预览,以及整体拉伸的效果预览
??? 序列 ⑤: 这里如果你勾选上,那么当你鼠标放在 ② 区域内的时候并且当前位置为不可操作区域就会出现lock的一张图,就是显示不可编辑区域 ;
??? 序列 ⑥: 这里勾选上,那么在④ 区域中你就会看到当前操作的像素点在拉伸预览图中的相对位置和效果。
??? 序列 ⑦: 在编辑区域显示图片拉伸的区域;
?
如何操作:鼠标左键选取需要拉伸的像素点; shift+鼠标左键取消当前像素点。
操作区域:?
??? 大家看到导入的png图片默认周围多了一像素点,也就是这一圈一像素点就是咱们的可操作区域。因为下方和右方可操作区域是指定内容的显示区域,属于可选区域,可不予理会;但是要注意内容区域的标记不能有间断,也就是说标记要连续且仅有一处,否则.9.png图片在放入项目下会报错。
主要大家注意Left 和 top 操作区域;
???? Top操作区域的一排像素点,表示横向拉伸的像素点;
??? Left操作区的一排像素点,表示纵向拉伸的像素点;
??
下图是我对图片的操作:(图2)
????大家看到上方和左边的黑色像素了么?对,这些是我手动操作的地方,我这里是想让此png图像拉伸操作的时候,只是中间区域被拉伸。选择上方中间区域是为了横向拉伸的时候选取的拉伸像素点,左边则是纵向拉伸的;
???? 那么大家现在回头看一眼(图1)然后对比(图2),看到区别了吧!很明显,(图1)我们没有任何操作,默认整体拉伸,那么拉伸的效果很明显的失真了...而(图2)我们指定了拉伸的像素点所以只是中间的被拉伸,图片的花边我们保留不拉伸这样看起来就好太多啦 娃哈哈、
??? 然后通过“9妹”就可以保存出来一张“*.9.png”图片,我们放在android 项目的res 下的 drawable 下就可以拉!
?现在我就可以跟大家讲下使用“*.9.png”的好处:
???? 在我们手机游戏开发的过程中,我们最关系的是生成的安装文件、比如j2me 的j
您可能关注的文档
最近下载
- 组织发展全景图-OD从入门到精通完整版.pptx
- 新课标配套小学体育大单元教学设计:水平一移动性技能18课时.pdf VIP
- “智慧工地”系统建设方案 .doc
- ge ct球管技术参数白皮书d3185t datasheet球管技术白皮书.pdf
- 电子教案与课件:新能源汽车构造与维修-课题二--纯电动汽车.pdf VIP
- 小学数学计算教学的错误原因及策略.ppt VIP
- 建筑施工方案——茂名恒大100万吨/年钢材工程高线《施工组织设计》(45P) .docx VIP
- 幼儿园小班语言《云朵棉花糖》活动课件.pptx
- 文献汇报PPT模板.pptx
- 新课标配套小学体育大单元教学设计:水平一操控性技能18课时.pdf VIP
文档评论(0)