安卓的九宫格png图片可以自定义拉伸的区域,所以可以很方便的适应不同宽度高度的设备。

9.png格式是很纯正的png格式,与普通的png不同的是9.png格式的图片最外围有一圈1像素的透明区域,或者说有一条1像素的透明边框,这个区域中只能存在纯黑色和纯透明两种颜色。

图:外围的那圈透明的1px的区域

我们可以在这个1像素宽的外围透明区域中填充纯正的黑色(#000000),来标注该9.png图片的可拉伸区域和内容区域。

可拉伸区域是由图片左方和上方的透明区域中的黑色决定的,内容区域则由右边和下边区域中的黑色决定。

左边和上边的黑色的区域定义的交叉区域就是可拉伸区域。如图:

图中的红色区域就是左边和上边两条黑线交叉的得出来的可拉伸区域

很重要的一点是我们是可以定义多个可拉伸区域的:

四角的红色区域就是会被拉伸的区域

我们甚至可以只定义宽度为1像素的几个点,其实就是把面积为1像素的区域定义为可拉伸区域:

大家应该知道这个9.png的拉伸区域是哪几个部分了吧。

9.png图片的外围透明区域的右边和下边是用来定义内容区域的。其实我觉得把跟内容相关的东西弄到背景图片上来,有点牛头不对马嘴的意思。所谓内容区域就是像文字这些东西只能出现在这个内容区域,有点像web中padding属性的意思。这个就不去讲了,因为我们主要关心的的还是拉伸区域的定义。

有些图片是需要中间拉伸,四周不需要拉伸的,有些则是需要四周拉伸,中间不需要拉伸的,都是可以实现的,这就要看你怎么去画那些“黑线”了。

做9.png的图片我们可以直接在photoshop中来做,就是手动给已有的原始png图片加一个1像素的透明边框,然后在边框上画黑线就行了,最后保存的时候保存为  xxx.9.png的格式就行了。

当然,我们的安卓apk中直接就是包含有专门制作这种图片的工具的,就在apk文件夹中的tool文件夹里面:

我们运行这个工具后,打开一张要做成9.png的png图片:

我们可以用鼠标在透明边框上点击一下来画出一个点:

然后再用鼠标移到点上的时候会出辅助线,一拉就能拉出一条线了:

如果想去掉这条线的话只要把这条线的长度拉成0就行了。

关于9.png的图片的解析是由安卓sdk进行的,它会先判断图片是不是九宫格的,是的话就用九宫格的方式进行渲染。这个我们不用深入了解,知道就行了。要注意的一点是我们从apk文件中解压得到的9.png文件是去掉了外围透明区域的,已经没有九宫格的功能了,我们要使用的话得重新把他重新进行制作。

安卓 9.png 图片的制作的更多相关文章

  1. .9 png图片的制作

    在android开发的过程中我们经常因为没有好的美工图片失真,这样使界面看起来要逊色很多,有的时候可能我们会想在drawable-hdpi,ldpi,mdpi下放不同分辨率的图片,这样虽然可以有效避免 ...

  2. 安卓开发:图片的显示Mode

    安卓开发中将图片放置在ImageView中展示,涉及到图片显示的模式,跟iOS开发中UIView的contentMode属性是一个意思,在安卓UI元素中使用的属性是scaleType,其中枚举值的效果 ...

  3. android .9图片的制作

    android .9PNG图片制作 在android开发的过程中,我们经常因为没有好的美工图片失真,这样使界面看起来要逊色很多,有的时候可能我们会想在drawable-hdpi,ldpi,mdpi下放 ...

  4. 关于.9.png格式图片的制作与使用

    .9.png图片其实就是png格式图片,不过它比普通的png图片外围多了1px(像素)的边框,另外就是使用这种格式的图片可以实现背景自适应大小且不失真的效果. 制作使用步骤: 1.制作属于你自己的pn ...

  5. webform 图片验证码制作

    界面:1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.as ...

  6. windows和ubuntu下gif动态图片的制作

    现在社交软件中, 各种各样的动图为大家交流很大的乐趣.  Gif图片比视频小, 比静态JPG图片形象生动, 更适用于产品展示和步骤演示等. 这里简单介绍一下在window系统和ubuntu系统下gif ...

  7. Android安卓开发中图片缩放讲解

    安卓开发中应用到图片的处理时候,我们通常会怎么缩放操作呢,来看下面的两种做法: 方法1:按固定比例进行缩放 在开发一些软件,如新闻客户端,很多时候要显示图片的缩略图,由于手机屏幕限制,一般情况下,我们 ...

  8. 真正可用的安卓webview html图片上传限制突破处理(拍照+相册都可以用)

    两篇起步使用webview参考文章,第一篇解除限制,但会调用外部浏览器打开链接,第二篇 覆盖shouldOverrideUrlLoading return true https://www.jb51. ...

  9. sql注入记录------类型转换错误---convert()函数,一句话图片马制作

    sql注入在联合查询是出现一下错误查不到数据 Illegal mix of collations for operation 'UNION' 用convert() 转换编码为utf8 或者big5 就 ...

随机推荐

  1. Android入门(二)Activity-Toast、Intent

    原文链接:http://www.orlion.ga/427/ 一.隐藏activity的标题 在activity的java代码的onCreate()方法中入requestWindowFeature(W ...

  2. poj 3101Astronomy(圆周追击+分数最小公倍数)

    /* 本题属于圆周追击问题: 假设已知两个圆周运动的物体的周期分别是a ,b, 设每隔时间t就会在同一条直线上 在同一条直线上的条件是 角度之差为 PI ! 那么就有方程 (2PI/a - 2PI/b ...

  3. MySQL性能优化的最佳21条经验

    今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情.当我们去设计数据库表结构,对操作数据 ...

  4. Spark入门实战系列--2.Spark编译与部署(中)--Hadoop编译安装

    [注]该系列文章以及使用到安装包/测试数据 可以在<倾情大奉送--Spark入门实战系列>获取 .编译Hadooop 1.1 搭建环境 1.1.1 安装并设置maven 1. 下载mave ...

  5. html选中图片时,在页面回写图片

    我们经常会遇到这种情况,就是上传一个图片,但是点击一个图片的时候,最好是可以在浏览器预览这个图片,不然用户还以为没有选择图片呢,但是浏览器的安全机制却阻止了这个问题,就是当访问的是网络上的网站的时候, ...

  6. [SDK2.2]Windows Azure Virtual Network (1) 概念

    <Windows Azure Platform 系列文章目录> Windows Azure Virtual Network是非常重要的概念,其主要作用有以下两点: 1.将多台Azure V ...

  7. 第2/24周 页_SQL Server 中数据存储的基本单位

    上周通过探讨SQL Server如何执行一个查询奠定了基础.我也在那里提到页是8kb的缓存.今天我们对页进行进一步集中探讨,从性能调优角度挖掘出更多的细节. 页是SQL Server的基础,在SQL ...

  8. 前端构建:Source Maps详解

    一.前言 当使用CoffeeScript.ClojureScript编写前端脚本时,当使用Less.Sacc编写样式规则时,是否觉得调试时无法准确找到源码位置呢?当使用jquery.min.js等经压 ...

  9. 解析导航栏的url--selnium,beautifulsoup实战

    前段时间做ui自动化测试的时候,导航栏菜单始终有点问题,最后只好直接获取到url,然后直接使用driver.get(url)进入页面: 包括做压测的时候,比如我要找出所有报表菜单的url,这样不可能手 ...

  10. Make something people want

    <黑客与画家>开头首先介绍了书的作者格雷厄姆的其人其事,他的成长涉猎很多,大学学哲学,研究生学计算机,博士时对绘画感兴趣,后来做了两年画家,但是入不敷出,后来他和朋友开始合伙开发一个搭建网 ...