Android中的.9.png图形的机制及制作和使用方法

转载 2011年01月19日 21:58:00

智能手机中经常有自动横屏的功能,同一幅界面在随着手机(或平板电脑)中的方向传感器会改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化产生拉伸,造成图形的变形.例如下面一个在竖屏时正常显示的图形.

在横屏时显示成了变形的图形:

   Android中的.9.png图形的机制及制作和使用方法

    这实在是太难看了.

    为了解决这一问题,Android有一种扩展名为".9.png"的图形,可以解决这个问题.使用的工具sdk/tools/draw9patch.bat,用鼠标点击可以启动一个图形工具.使用方法是

    1.使用draw9patch.bat打开你要编辑的图形,如图所视:

 

 

   

Android中的.9.png图形的机制及制作和使用方法

 2.接下来,使用鼠标左键,在图形的左上角(左边,上边)分别画上黑线指明你需要拉伸的上面和左面的部位,注:这些部位经常是要拉伸的背景,横线和竖线交叉的区域不要碰到图形中不打算被变形的那只鹰.

    3.再接下来,使用鼠标左键,在图形的右下角(右边和下边)画上黑线指明你右面和下面要拉伸的部位,道理同上.
    4.如果要修改画过的线,可以按住shift键,再按鼠标左键.

    5.画好后,File->Save,缺省的会存成.9.png,在本例中存成文件名为eagle.9.png.

    6.在你的Android项目中指定此文件名,例如:

        <?xml version="1.0" encoding="utf-8"?>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/eagle"  
        >
        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/hello"
        />
        </LinearLayout>
    7. 将eagle.9.png分别拷贝到项目的下面目录中:

    Android中的.9.png图形的机制及制作和使用方法
    8.运行项目,有下面的情况:

       1)竖屏:

    Android中的.9.png图形的机制及制作和使用方法
       2)横屏:

    Android中的.9.png图形的机制及制作和使用方法
    怎么样?不变形了吧? 呵呵.....

    当然,让图形不变形的方法有很多,我只是将将.9.png的用法而已.

来源:http://blog.sina.com.cn/s/blog_4b650d650100nlyj.html

Android中的.9.png图形的机制及制作和使用方法

转自:  http://blog.sina.com.cn/s/blog_4b650d650100nlyj.html Android中的.9.png图形的机制及制作和使用方法   (2...
  • sno_guo
  • sno_guo
  • 2014年05月29日 15:46
  • 688

Android中的.9.png图形的机制及制作和使用方法

智能手机中经常有自动横屏的功能,同一幅界面在随着手机(或平板电脑)中的方向传感器会改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化产生拉伸,造成图形的变形.例如下面一个在竖屏时正常显示的...
  • u011630575
  • u011630575
  • 2015年12月10日 11:47
  • 309

Android中的.9.png图形的机制及制作和使用方法

Android中的.9.png图形的机制及制作和使用方法 分类: Android学习2012-02-17 20:44 175人阅读 评论(0) 收藏 举报 图形androidlayou...
  • longlonglong25
  • longlonglong25
  • 2013年10月06日 23:31
  • 504

项目在android studio 中出现 .9.png问题的解决方案

android studio中出现.9.png格式错误的问题解决方法。
  • zzt_2015
  • zzt_2015
  • 2017年06月30日 20:38
  • 385

Android Studio中如何制作和使用.9.png(Nine Patch)图片

原理在Android应用开发计程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式...
  • owenchan1987
  • owenchan1987
  • 2017年07月21日 13:17
  • 561

如何在Android Studio中潇洒的使用.9.png

如何在Android Studio中潇洒的使用.9.png .9.png可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。但是由于Android Studio对于.9图片...
  • qq_26585943
  • qq_26585943
  • 2017年03月29日 20:52
  • 2214

详解制作根文件系统

一、FHS(Filesystem Hierarchy Standard)标准介绍 当我们在linux下输入ls  / 的时候,见到的目录结构以及这些目录下的内容都大同小异,这是因为所有的linu...
  • qq_29350001
  • qq_29350001
  • 2016年07月12日 11:06
  • 1505

Android RRO机制的运用-----google开机向导客制化

上周五的时候领导分了一个任务,客户让在google开机向导里面增加一页,首先就想到了android的Overlay,然后网上搜了下,发下有很多人写了这方面的技术。而且写的都还不错,所以本篇只当记录作用...
  • asd1031
  • asd1031
  • 2017年01月09日 17:15
  • 1263

Android设计中的.9.png,某个方向上拉伸

转自http://isux.tencent.com/android-ui-9-png.html 在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉...
  • JY_Sharer
  • JY_Sharer
  • 2013年11月26日 10:02
  • 2273

Android点九图(.9.png)的特点和制

看了一下,觉得这个NinePng九图神器App还不错,帮忙推荐一下。 转自http://blog.csdn.net/sasoritattoo/article/details/4245...
  • qq_35766816
  • qq_35766816
  • 2016年09月21日 14:24
  • 232
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中的.9.png图形的机制及制作和使用方法
举报原因:
原因补充:

(最多只允许输入30个字)