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+鼠标左键会取消黑线。下面是这些黑线的作用

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

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

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

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

  • 相关阅读:
    Jmeter之http性能测试实战 非GUI模式压测 NON-GUI模式 结果解析TPS——干货(十一)
    UI Recorder 自动化测试 回归原理(九)
    UI Recorder 自动化测试 录制原理(八)
    UI Recorder 自动化测试 整体架构(七)
    UI Recorder 自动化测试 配置项(六)
    UI Recorder 自动化测试 工具栏使用(五)
    UI Recorder 自动化测试 回归测试(四)
    UI Recorder 自动化测试 录制(三)
    UI Recorder 自动化测试工具安装问题疑难杂症解决(二)
    UI Recorder 自动化测试安装教程(一)
  • 原文地址:https://www.cnblogs.com/minblog/p/12588561.html
Copyright © 2011-2022 走看看