问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

android中.9png怎么用

发布网友 发布时间:2022-05-11 06:32

我来回答

2个回答

热心网友 时间:2022-05-19 19:34

  在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式,它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸,哪些区域不可以拉伸设定好,同时可以把显示内容区域的位置标示清楚。


  本文结合一些具体的例子来看下.9.png的具体用法。


  首先看下普通的.png资源与.9.png的资源区别:    普通的png资源就不多介绍了,可以明显看到.9.png的外围是有一些黑色的线条的,那这些线条是用来做什么的呢?我们来看下放大的图像:

  放大后可以比较明显的看到上下左右分别有一个像素的黑色线段,这里分别标注了序号。简单来说,序号1和2标识了可以拉伸的区域,序号3和4标识了内容区域。当设定了按钮实际应用的宽和高之后,横向会拉伸1区域的像素,纵向会拉伸2区域的像素。如下图:

  拉伸的含义应该比较容易理解,但是内容区域的标注有什么意义呢?我们来看下图:

  这里程序设置的文字垂直居中,水平居左的对齐方式。对齐方式是没有问题的,但是对于这种大圆角同时又有些不规则边框的的图形来说,错误的标注方式会让排版看起来很混乱。所以我们需要修正内容区域的线段位置和长度。

  把横向的内容区域缩短到圆角以内,纵向的内容区域控制在输入框的高度以内,这样文字就可以正常显示了。


  这里还有一种特殊情况,就是本身是.9.png的资源,但是在修改过程中你希望这张.9.png不能被拉伸(在做皮肤的情况中有可能会遇到),那怎么办呢?只要把拉伸区域的点点在透明像素的地方就可以了,这样拉伸的时候会拉伸透明部分的像素,而不会拉伸图像本身。如下图:

  大家可以看到拉伸区域的黑点是可以不连续的。


  说了半天.9.png的用法,那.9.png如何输出呢?有很多种方式可以输出.9.png,比如说用draw9patch.bat这个工具,或者简单一点,用photoshop直接输出。输出的方式是先输出普通的png资源,然后扩大画布大小,上下左右各空出一个像素,再用一个像素的铅笔工具(颜色选择纯黑色),上下左右分别画点就可以了,保存的时候注意把后缀修改为.9.png。有两点需要特别注意下:  1.最外围的一圈像素必须要么是纯黑色,要么是透明,一点点的半透明的像素都不可以有,比如 说99%的黑色或者是1%的投影都不可以有;   2.文件的后缀名必须是.9.png,不能是.png或者是.9.png.png,这样的命名都会导致编译失败。

转载

热心网友 时间:2022-05-19 20:52

9png图片一般用在需要拉伸的地方,比如聊天程序的对话框,字数不同,对话框的大小也不同。

之所以叫9是因为图片被分割为9个部分。
要在四周画至少四条线(点),他们功能不一样。
右边和下边:决定了中间content区域的大小,比如对话框中的文字区域的大小。


(注意黑色的线条,决定了content区域大小)


(content区域效果预览)


上边和左边:决定了图片横向拉伸(上边),和纵向拉伸(左边)使用哪一块。程序会自动复制这一块区域,用来填充被拉伸后的图片。

(绿色的部分就是要被复制的部分)


(拉伸后的效果可以看到绿色的部分被用来填充新的图像)
(第一张,纵向拉升; 第二张,横向拉升)


技巧
如果想保留一部分不被拉升,可以选择两个拉伸点
(把要保留的部分夹在中间)


(可以看到无论是纵向还是横向拉升,三角部分没有改变)



draw9patch操作
使用SDK自带的draw9patch的时候,可以查看content area (Show content 打勾)和拉伸效果(Show patch打勾)。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
荣耀v20杀后台严重? 聊天时哪些回复让人感觉不舒服? 货物运输保险案例分析 卞和泣玉注释 求解,卞和泣玉没学过,在线等解。 葛加走之底读什么 在等腰三角形ABC中,AB=AC=5,BC=6,求角B的三角函数值 ...人开走一架战斗机,在一架客机下面飞,好几个飞机来拦截, ...话是三架飞机 机型各不同 在山区飞行发现恐怖分子用驴车运核弹 用AK... ...的成为战斗机飞行员。战争结束回国继续抢银 手机里出厂设置在哪里 什么可以减肥 在职研究生怎么复习 蘧公孙人物形象是什么? 儒林外史第十章的主要人物及特点? 在职研究生复试要如何应对面试环节 沈琼枝。鲁小姐和王三姑娘的性格哪个和长妈妈最像? 在职研究生复试的复试准备 怎样准备在职研究生复试 《儒林外史》鲁小姐人物性格特点是什么? 娄家四公子为什么说鲁编修是一个俗气的人? 在职研究生复试流程有哪些? 儒林外史鲁翰林性格特点 儒林外史鲁编修人物性格特点是什么? 鲁编修人物性格特点分别是什么? 鲁家小姐“愁眉泪眼,长吁短叹”是为何? 鲁编修性格特点四字词语有哪些? 《儒林外史》中鲁小姐的形象分析是什么? 《儒林外史》鲁小姐性格特点是什么? 儒林外史鲁小姐人物性格特点是什么? 必修二生物都有哪些计算的公式? 高中必修二生物基因型频率如何算?详细点。 高中生物必修二有关的计算,比如孟德尔遗传定律,这些都不会,怎么办呀? 香港一年制硕士怎么样? 香港一年制硕士申请条件?我是远程获得211本科毕业证?那几个学校适合我,是想读 碱基对计算公式 高中必修二生物关于遗传的两道计算题 求详细过程 远程教育取得的本科211毕业证可以申请香港一年的那种研究生吗?需要什么条件? 求高中生物必修二学法! 请问生物必修二中的计算DNA中等脱氧核苷酸的数目的计算公式是什么?拜托各位大神 必修二生物遗传计算问题 生物必修二 基因型的计算 高中生物必修二计算问题。 信息系统管理工程师含金量高不?给简单介绍一下用途,还有通过率_百度知 ... 一克拉的莫桑钻戒托内会刻有D1.00ct吗? html的<select>标签 特邀会员充值不到500但是成长值5000多了,是特邀会员吗? 请列举出你所知道的HTML标签(至少4种),并简要说明其功能及用法 四个人在一间小屋里打麻将,没有其他人看:*来了,四个人都跑了:为什么*还抓了一个? 《亲爱的小孩》婆婆的恶,被李勤勤演绝了,她的哪一时刻令你印象深刻?