html .9.png 自动拉伸,4招教你如何制作点九图（.9.png）

对于很多人们来说都不知道点九图是什么？又应该如何制作？并交付对接给开发。今天我将工作中积累的知识和经验分享给各位，希望对大家有帮助。

这次我将点九图分为4个方面来讲：1.概念 2. 展现方式 3.命名 4.制作

1. 概念

点九图，是安卓(Android)开发中用到的特殊图片。是告诉开发哪个区域可以被拉伸，哪个区域不可以被拉伸，且不会影响清晰度，又可以自适应。

2.展现方式

那么点九图到底是什么呢？点九图多用于我们常用聊天工具中的对话框。

3.命名

命名对于UI和开发来说是非常重要的一部分，UI命名好提供给开发的图，开发可以提高工作效率，也显得自己够专业。当然有些开发是自己命名，那这是取决于你对接的开发了。点九图的命名规范是，前面一个点“.”加“9.png”，就是“.9.png”，这里面任何一个元素都不可缺少，不然开发无法编程。

4.制作

点九图分为2个区域：1. 拉伸区域(纵、横向)2. 显示内容区域(纵、横向)

当确定对话框的宽、高时，横向拉伸区域，纵向也会拉伸。

以上展示的是实际效果展示的图，当然对话框下面和右边的1像素黑线是不可拉升区域。那么如何制作.9图呢？接下来，4步告诉你怎么制作。

1. 打开PS，将对话框缩至最短

2. 删除背景图，四周各留出1像素的区域

3. 用1像素黑线画出四周区域(注：黑线一定要 100% 的纯黑)

4. 导出.9.png的图给开发

这样点九图九做好了，是不是很简单呐。今天的文章就分享到这里，下次咱们一起在get其他的知识，也欢迎大家留下你宝贵的建议哦。查看原文

html .9.png 自动拉伸,4招教你如何制作点九图（.9.png）相关推荐

手机如何制作gif动图？一招教你快速制作gif动图
手机上怎么制作gif动态图片?下面,给大家分享一款手机端gif动画(https://www.gif.cn/)制作工具-[GIF中文网],只需要打开手机自带浏览器,上传jpg.png格式图片就能够在线完 ...
一招教你轻松看懂波特图
点击上方"小麦大叔",选择"置顶/星标公众号" 福利干货,第一时间送达波特图的主要功能是用来表示系统的频率特性,包括幅频特性和相频特性.假设有一个系统用于跟随 ...
7 招教你轻松搭建以图搜图系统！
作者 | 小龙责编 | 胡巍巍当您听到"以图搜图"时,是否首先想到了百度.Google 等搜索引擎的以图搜图功能呢?事实上,您完全可以搭建一个属于自己的以图搜图系统:自己建立图 ...
企业产品介绍如何做成二维码？一招教你在线制作免费二维码
当下二维码的用途相当的广泛,比如添加好友.收付款.防伪等等-那么,想要把企业产品说明书制作二维码要怎么操作呢?很简单,使用专业的二维码生成器(https://www.jzx.com/),无需下载任何软 ...
图片拼接成gif怎么拼接？教你一键制作gif动图
平时大家在跟朋友聚会的时候都会用手机拍一些照片,这些照片如果能连起来做成gif动图的话会更有吸引力,所以今天来给大家推荐一款gif生成器,支持在线gif合成功能,只需要3个步骤就能完成gif动图制作, ...
图片如何制作GIF？教你在线制作GIF动图
图片充斥着我们的生活和工作,当我们把几张可爱有趣的图片合成一起生成GIF格式的动态图片就会出现不一样的视觉效果.那么,这种动态GIF图片是怎么制作的呢?下面,就给大家分享一款**图片合成**GIF工具 ...
GIF闪图怎么制作？教你一键制作GIF闪图
GIF闪图由于图片的特殊表现形式,一闪一闪的,非常吸引人的目光.那么,这种闪动效果的GIF动图是如何制作的呢?接下来,小编给大家推荐一款**gif动画制作**工具,打开网站上传图片一键就可以在线制作闪 ...
win2012关闭计算机,一招教你彻底关闭windows server2012 R2中的自动更新服务
一招教你彻底关闭windows server2012 R2中的自动更新服务腾讯视频/爱奇艺/优酷/外卖充值4折起相信很多小伙伴都有在使用windows server2012,其中的自动更新服务如 ...
百度云android隐藏空间,一招教你使手机端百度网盘中的隐藏空间在文件列表中显示出来...
一招教你使手机端百度网盘中的隐藏空间在文件列表中显示出来相信很多小伙伴都有在使用手机百度网盘,其中的隐藏空间如何才能在文件列表中显示出来呢?方法很简单,下面小编就来为大家介绍. 具体如下: 1. 首 ...

html .9.png 自动拉伸,4招教你如何制作点九图（.9.png）

html .9.png 自动拉伸,4招教你如何制作点九图（.9.png）相关推荐

最新文章

热门文章