智唯高端建站是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

建站优化电话:138 2557 5516(免费SEO检测 保证收录 保证排名)
广州建站微信号
返回旧版
网站设计News
公司网站建设

看完这篇基础科普,别再说你不会用点九图了!

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
07Dec
2017
很多朋友说看了网上很多关于点九的文章,越看越糊涂,之前也有答应大家,科普一下点九图,所以今天文章来啦!

  很多朋友说看了网上很多关于点九的文章,越看越糊涂,之前也有答应大家,科普一下点九图,所以今天文章来啦!

  欢迎关注作者的微信公众号:「菜心设计铺」

  先来看看大纲:

  什么是点九图

  点九图的作用是什么

  点九图的原理

  总结

  一. 什么是点九图

  点九图其实就是安卓系统中特有的一种图片格式,为了让大家更好的记住,我们只要知道,后缀名是「.9.png」的图片,就是点九图。

  二. 点九图的作用是什么

  每个事物都有其存在的价值,所以先弄清楚点九图能为我们解决什么问题,这样后面理解起来就会容易很多。

  其实点九图的用处就是帮助我们拉伸切图的,比如这个切图:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  如果它需要纵向拉伸,直接拉会变成下面这个样子:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  而用了点九图就可以让切图局部拉伸,而不是整体拉伸,这样就可以把容易变形的地方保护起来:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  是不是拉伸的很完美!有黑线不用怕,那只是告诉安卓系统:嘿,大兄弟,这是张点九图,特殊对待一下!

  这有能让你快速制作点九图的小教程 → 《你知道Android里的“点九”吗?》。

  三. 点九图的原理

  点九图最大的原则就是四个边必须各有一条纯黑的线(或一像素的点),如下图:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  如果四条线少任何一条,或者线不是纯黑的(#000000),安卓系统就不认你!

  其中这四条线,左上两条线掌管可拉伸区域,右下两条线掌管内容显示区:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  先说左上两条线,因为两条线原理是一样的,所以我们单独拿左边这条线来举例吧,当我们没有左边那条黑线时,纵向拉伸是这样的:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  圆角是不是变形了,如果左边加一条黑线,就相当于把原来的图形分为三个部分:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  当再次纵向拉伸的时候,只有标记了黑线的部分可以被拉伸,而上下两部分是完好无损的,想象一下,无论你拉伸到多高,是不是都不会变形了:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  当然,你左边画一个点也可以起到相同的效果:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  左边这条线是控制纵向拉伸的,所以上面那条黑线就是控制横向拉伸的,原理是一样的!

  接下来我们来说右下两条线,是控制内容区域的,单独拿右边那条线来举例,如果没有右边那条黑线,在这个切图上输入内容,比如文字,是没有限制的,内容会撑满整个背景图:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  当有了右边那条黑线后,切图相当于在纵向上又被分开了:

  

看完这篇基础科普,别再说你不会用点九图了!

 

  而这次是右边有黑线哦,别忘了右边的黑线是控制显示区域的,所以只有带黑线的部分才可以显示内容。

  

看完这篇基础科普,,别再说你不会用点九图了!

 

  当然,文字不会这样被切断一半显示的,这里只是方便大家观看哪里可以显示内容!

  同样的原理,当我下面也画一条线后,横向上也是只有带黑线的部分可以显示内容(红线是辅助示意的哈):

  

看完这篇基础科普,别再说你不会用点九图了!

 

  这就是点九的基本原理了!

  四. 总结

  最后总结几个要点:

  点九切图四周必须要有四条一像素纯黑的线或点。

  左上两条线控制拉伸区,右下两条线控制内容区。

  输出的图片后缀必须是「.9.png」。

  至于用插件还是自己手动切点九图,看自己习惯吧,我一般都是自己画,比较放心一点。

  好了,今天就讲这些了,我猜你应该大概明白了,如果没明白,再看一遍吧。

关于网站制作,看看客户怎么说
***(匿名) 评价文章 望式传媒网站制作案例

望式传媒(POYALTY),中国首家提供定制化服务的经纪公司。专业从事各类演出经纪相关事务。望式传媒汇聚演员、导演、编剧、歌手等多类别娱乐资源于一体,从文化演出制作到市...

***(匿名) 评价文章 华亚职业学校网站制作案例

广州华亚职业学校(原广州华南汽修学校 ),简称华亚汽修学校,依托广州中毅投资有限公司号与亚乔辛娜汽车实业集团办学,是一所经人力资源和社会保障局批准成立的新型汽车...

***(匿名) 评价文章 怎样选择企业营销型网站制作公司

A5创业网是国内领先的创业资讯和服务平台,提供权威的创业资讯和精准的品牌营销服务。以创业融资动态、创业学院...

公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询