作者:石明瑾于 2017年07月06日 发布在分类 / 开发技术 / Android 下,并于 2017年07月06日 编辑
    安卓.9图片制作方法

       376

       0


    安卓.9图片制作方法
    .9图片实现原理
    相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域,4个角是不做拉升的,所以还能一直保持圆角的清晰状态,而2条水 平边和垂直边分别只做水平和垂直拉伸,所以不会出现边会被拉粗的情况,只有中间用黑线指定的区域做拉伸。
    1. 打开SDK/tools目录下的“draw9patch.bat”文件,出现载入窗口:
    2. 将png图片拖拽到该窗口中.  如下图,自动进入编辑界面。图中介绍了每个区域的内容及功能注释。
    3. 现在我们在图片边缘点击左键,绘制出黑线,即图片需要被拉伸的部分。如下图,对4条黑线做了注释。
    如果失误多绘的部分,可按住shift键的同时点击鼠标左键擦除
    4. 如图所见,三种拉伸结果均已完美显示,已实现我们想要的拉伸效果,假设这是一个有显示文字的窗体,那么文字显示的区域,程序也会控制在黑线对应范围。
    解释:          
    1号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域
    2号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域
    3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域
    4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域
    没有黑色条的位置覆盖的区域是图片拉伸时保持不变(比如,如果图片的四角为弧形的时候,当图片被任意拉伸时,四角的弧形都不会发生改变)
    5、如果失误多选了部分,可按住shift键,点击鼠标左键去掉黑色条

    6、右边3个黑色图形区域为显示当前拉伸效果

    7、选择好区域后,点击左上file-》save 9-path,保存图片,后缀名为xxx.9.png。

    8、解释:我们可以看见图片的周围多了4个黑色条,不要急这个图片还不能用,这就是原始的9.png图片,当我们进行下一步操作后,这个图片就变得正常了。
    访问权限

    创建人 石明瑾
    文档编辑权限 创建者私有
    文档阅读权限 来自分类
    分类阅读权限 所有人
    分类编辑权限 所有人
    分类审核权限
    标签

    安卓 .9图片
    历史版本

    修改日期 修改人 备注
    2017-07-06 17:49:31[当前版本] 石明瑾 CREAT
    同类知识
    相关知识

    睿恒知识库-V3.2.0