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

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

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

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

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

  • 相关阅读:
    40岁后学习编程是否太晚了?7点技巧让学习变得轻松有趣
    Java 8五大主要功能为开发者提供了哪些便利?
    如何创建Vim Dotfile?
    程序员:我们为什么爱上直播编程?
    10个最好用的HTML/CSS 工具、插件和资料库
    如何选择PHP框架?
    编程语言五花八门,哪种可以让程序员赚到更多钱?
    安卓项目中使用JSON引发的一个小错误 Multiple dex files define Lorg/apache/commons/collections/Buffer
    (转)获取当前应用的版本号和当前android系统的版本号
    Android访问网络,使用HttpURLConnection还是HttpClient?
  • 原文地址:https://www.cnblogs.com/minblog/p/12588561.html
Copyright © 2011-2022 走看看