zoukankan      html  css  js  c++  java
  • Android Studio中对.9.png简单操作

    概念:

    9patch图片是andriod app开发里一种特殊的图片形式,文件的扩展名为:.9.png

    9patch图片的作用就是在图片拉伸的时候保证其不会失真。所以我们使用.9图片,让图片在指定的位置拉伸和在指定的位置显示内容,这样图片的边边角角就不会出现失真了。

    如下面所示:

    1.3.7.9这四个部分,是屋角,要保持原来的样子,所以是不拉伸的;

    5,这一部分是房子的里面,放东西和住人的,要随着长宽的变化而变化的,身不由己,没办法;

    2.4.6.8这四个部分,是四面墙,是可以拉伸的。前面说的就是这部分的变化。(它们的拉伸,就相当于是5这块被拉伸了。) 

    最常见的就是QQ聊天里面的气泡了,它的四个角不会随着文字的个数增加而变化。

    下面是使用方法:

    1、首先在drawale中导入一张图片,原图如下:

    2、现在生成.9.png后有如下的效果:左边的图片用来进行操作的,右边是对应的生成结果,它有三个:分别对应垂直方向拉伸、水平方向拉伸、垂直水平方向拉伸。

    有这些选项是需要了解的:

    Zoom:调节图片制作区域(左边图片)的大小

    Patch scale:对右边的图片进行放大与缩小

    Show lock :勾选后把鼠标放到图片制作区域(窗口左边)会显示如图的红色条纹,条纹区域为不可编辑区域。

    Show content:勾选后在缩放预览区域(窗口右边)会用蓝色区域来标记显示内容(如文字)的区域。

    Show patches: 勾选后在图片制作区域会有如图绿色的区域,为当图片大小变化后拉伸的区域,也就是说绿色外的区域不管图片如何变化都是不会补拉伸的,可以看到绿                         色区域或多或少的发生了变形。

    Show bad patches:勾选上,此时(如果点九图片绘制有误的话)会看到图片出现报错的区域

         

     图片的边缘会有一圈透明像素,这是用来标记拉伸区域和内容区域的(注意放大了来看,不然看不到),然后用鼠标左键点击会出现黑线,用shift+鼠标左键会取消黑线。下面是这些黑线的作用

    顶部黑线:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

    左边黑线:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

    底部黑线:在水平拉伸的时候,指定图片里的内容显示的区域

    右边黑线:在竖直拉伸的时候,指定图片里的内容显示的区域

  • 相关阅读:
    Redis 安全
    基于Twemproxy的Redis集群方案(转载)
    Mongodb数据模型
    关于LRU算法(转载)
    基于Redis实现分布式锁(转载)
    Redis持久化(转载)
    redis 内存管理与数据淘汰机制(转载)
    redis事务(转载)
    redis发布与订阅
    redis的数据类型和基本操作
  • 原文地址:https://www.cnblogs.com/minblog/p/12588561.html
Copyright © 2011-2022 走看看