Android点九图注意事项

作者: 积木Blocks | 来源:发表于2016-05-06 11:48 被阅读1536次

1.简介

我们知道在安卓开发中,由于安卓机型繁多,屏幕适配是个很常见的问题.在不同的机型下,如果使用同一张图片,那么在大屏幕机型上可能会出现图片变形的情况。那么需要准备多张图片么?这样资源就有点太浪费了。于是这时候出现了Android专用的点九图——Nine-Patch。

2.点九图的绘制工具

在SDK目录下的tools文件夹下有个draw9patch.bat的工具,这个就是用来绘制点九图的。(如有更好工具欢迎推荐)

3.点九图的基础

一张图片有上下左右四个方向,而点九图的上下左右又分别表示什么?

点九图的上和左是控制图片拉伸的高度和宽度,右和下是控制文字内容的显示区域小大。

4.点九图常见注意事项

这里用一张图片进行说明

现象1:图3的点九图

在第3个图片,我只绘制了左边的一条线,上方并没有绘制。这时候出现了一条黑色的线,很影响图片的显示效果。

结论:绘制点九图的时候不能只绘制一条边。需要同时绘制左上2条边.

现象2:图2的点九图:

再看看第2个图片,这时候我绘制了左上2边,可是图片看起来却还是变形了。

结论:在不规则的边上,需要把不规则的边全部都绘制上.如果是规则的边,绘制一个点或者一小段线条即可.


现象3:图4的点九图

在第4个图片中我们可以看出,什么都没有,它和图二的唯一区别是左边的线画满了。

结论:在有文字显示的时候,需要绘制右下2条线来确保文字准确显示.


现象4:图6的点九图(绘制了4条边)-正确的画法

5.CSDN源码地址

点九图Demo

相关文章

  • Android点九图注意事项

    1.简介 我们知道在安卓开发中,由于安卓机型繁多,屏幕适配是个很常见的问题.在不同的机型下,如果使用同一张图片,那...

  • 【Android】点9图,点九图

    第六节视频的内容,真正做起来才发现自己一点都不了解这个点9图。 概述 官网截的: A NinePatchDrawa...

  • 点九图使用注意事项

    如图1,要想通过点九图实现以箭头为对称的背景,那么箭头左右两边设置的可拉伸的部分应为1px,不然会出现拉伸不对称的...

  • APP设计~切图那些事儿

    文/AndyLizAPP切图基本知识点以及注意事项 1、考虑适配Android 各种复杂的分辨率,如主流的1280...

  • Android Studio 制作点九图

    Android Studio 自带制作 .9 的工具 1. 选中要要制作 点九 的原图,右击 >> Create ...

  • Android 点九图不生效

    问题 在开发多个项目的时候,有重复功能,把代码和资源文件迁移到新项目中,发现原来做好的点九图,不生效了。 只按普通...

  • Android Studio 制作点九图(.9图)

    背景 安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角...

  • 看完这篇基础科普,别再说你不会用点九图了!

    先来看看大纲: 什么是点九图 点九图的作用是什么 点九图的原理 总结 一. 什么是点九图 点九图其实就是安卓系统中...

  • 点9图制作

    点9图简介 点九图,是Android开发中用到的一种特殊格式的图片,文件名以.9.png结尾。这种图片能告诉程序:...

  • Android技能-点九图的制作

    前言 很多安卓开发者觉得UI制作都是美工的事情,自己只需要完成控件的摆放和功能的实现。但是很多时候,在我们自己写一...

网友评论

    本文标题:Android点九图注意事项

    本文链接:https://www.haomeiwen.com/subject/ishjrttx.html