点九图,是Android开发中用到的一种特殊格式的图片,文件名以”.9.png“结尾。这种图片能告诉程序,图像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。
这是我截屏自手机QQ一组聊天对话框,可以看出,不同两条新闻字数不同,长度也不同,但它们采用了相同的背景样式,这个背景样式其实是统一张图片,用到的就是点九图的体例。
相较于通俗截图体例,点九图最为显明的区别就是图片不保留内容显示区域且自带一圈不成规律的黑边。正是这圈黑边提供了点九图的各个属性以适应各种情况。
简单点来说,1、2部分规定了图像的可拉伸部分,而3、4部分规定了图像的内容区域。当现实程序中设定了对话框的宽高时,1、2部分就会被拉伸成所需要的高和宽,呈现出于设计稿一样的视觉效果。
那么内容区域是干嘛的呢?
内容区域规定了可编辑区域。例如,对话框是圆角,文字需要被包裹在其内,假如4像3一样顶到两遍,显示的效果会是如下图。
这里文字是垂直居中显示,水平靠左显示。为了让文字被输入框完整包裹,缩短4的黑线到圆角以内,以达到显示效果的正常。
那么,点九图如何制作呢?
首先用PS打开一张切好的通俗截图。用选区工具选取尽可能多的拉升部分加以删除(但要注重必须要留出至少1PX拉伸区域,以便能加以拉伸。)
然后将这些内容拼接成一个完整的整体。
打开 图像>画布大小,宽度和高度分别添加2px,定位选定中间定位。
用铅笔(黑色,1px),在图像最外边框描点。
最后保存时注重”.9.png“
讲的有点乱,总结下:
点九图就是Android上的一种可被拉升的图片。(IOS不需要)格式以.9.png结尾。
图像用边上纯黑色1PX像素(透明底上的纯黑,其他都不行。)的边来规定拉伸区域和内容区域。上边和左边为拉升区域,右边和下边为内容区域。(这1PX像素在程序最终输出的效果中不会被显示。)
你也可以用其他一些插件来实现点九图的做法,但原理同我上面的PS做法是一样的。
二次封装jquery ajax办法
在我们前端处理数据的时候免不了要 ajax 与后台通信, ajax 是通过 XMLHttpRequest 对象与服务器进行通信的, jquery 在 XMLHttpReaquest 的基础上封装了 $.ajax 办法进行通信, $.ajax 办法实用性非常强,又非常简单易用
制造业网站建设方案可以怎么设计?
目前制造业企业有很多,但是做网站建设的企业却很少,现在是一个互联网社会,除了智能制造还有“互联网+”,网站建设虽然是很小的一个环节,但却是很重要的因素......
三大最棒的开源Web开发模板或框架
如果要为内容管理系统或静态站点生成器构建新模板,该怎么办?如果想使用单个目标网页或少量不太可能经常更改的静态网页构建简单网站,该怎么办?如果要编写JavaScript应用程序但不想使用复杂的框架或库来构建最终输出怎么办?
一个优秀的企业VI对一个企业的作用应在于?
因此,没有VI对于一个现代企业来说,就意味着它的形象将消失在茫茫的商海之中,让人辨别不清;就意味着它是一个没有灵魂的赚钱机器;就意味着它的产品与服务毫无个性,消费者对它若即若离;就意味着团队的涣散和低落的士气
【网站优化】怎么做文章伪原创让百度收录?
要创作出好的文章并被百度所喜欢,就非常需要SEO的优化能力,以及要对文章进行塬创或伪塬创,那么,如何做伪塬创文章?以及如何做好塬创网站文章呢?对此,本文小编就为大家带来了几招做"塬创"网站文章的心得...