zoukankan      html  css  js  c++  java
  • Android中.9图片的了解和制作过程

    之前在做android程序的时候经常会遇到图片被拉伸变形,从网上查的资料得知.9图片可以实现被拉伸但不会变形,今天在使用.9图片中,发现周围会有黑边,想尽各种办法,无法解决,从网上查资料看到一篇关于.9图片的文章非常好,分享给大家看看。

    一、什么是9.png

    9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意(挺高级的吧)首先我们还是得介绍一下,9.png图片他的具体不同之处,它的四周与普通的png图片相比多了一个像素位的白色区域,该区域只有在图片被还原和制造的时候才能看到,当打包后无法看见,并且图片的总像素会缩小2个像素,比如23x23像素的9.png图片被打包后会变成21x21像素。所以我们在制作的时候要注意掌握尺寸。当我们制作出9.png图片的时候你还有惊奇的发现一个几KB或者几十KB的图片,变得非常的小,一般只有几百个字节那么大,系统加载起来当然会更加的流畅咯。

    .9图片的制作工具在解压的sdk目录下toolsdraw9patch,双击即可打开。
    将你用PS制作的图片素材,拖到该窗口中,出现如图:

    解释:中间黑红条纹部分表示不能编辑,边缘白色透明框就是上述介绍的增加的

    一像素边框将鼠标放在白色边框,点住左键不放拖动,会出现黑色线条如图:


    解释:

            1号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域 
            2号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域  
            3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域 
            4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域 没有黑色

    .9图片的名称的由来:


    图片被划分成9部分

    普通拉伸和点九拉伸效果对比:


    对比很明显,使用点九后,仍能保留图像的渐变质感,和圆角的精细度。

    从中我们也可以理解为什么叫点九PNG”,其实相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域,4个角是不做拉升的,所以还能一直保持圆角的清晰状态,而2条水平边和垂直边分别只做水平和垂直拉伸,所以不会出现边会被拉粗的情况,只有中间用黑线指定的区域做拉伸。结果是图片不会走样

    具体的.9图片的制作方法,本人是直接使用ps切图的,具体视频:http://pan.baidu.com/s/1kTGDyZH


  • 相关阅读:
    53. Maximum Subarray
    64. Minimum Path Sum
    28. Implement strStr()
    26. Remove Duplicates from Sorted Array
    21. Merge Two Sorted Lists
    14. Longest Common Prefix
    7. Reverse Integer
    412. Fizz Buzz
    linux_修改域名(centos)
    linux_redis常用数据类型操作
  • 原文地址:https://www.cnblogs.com/roccheung/p/5797449.html
Copyright © 2011-2022 走看看