文章目录

  • Android .9 图片的制作过程
  • 什么图片可以制作 .9 图片
  • .9 图片制作步骤
  • 1. 将 .png 的图片放到 drawable 目录下
  • 2. 右击 .png 图片,选择功能菜单最下方的 "Create 9-Patch file..."
  • 3. 选择保存路径及文件名称
  • 4. 在 AS 中双击打开 .9.png 图片,修改图片左,上的黑线
  • android .9 PNG 图片各条边的意义
  • 参考



本文主要讲解 .9 图片制作过程和 .9 图片每条边的含义,希望对大家有帮助。

Android .9 图片的制作过程

什么图片可以制作 .9 图片

只有 .png 的图片才可以制作 .9 的图片,图片尺寸过大的话会影响制作时候的效果,所以可以提前用 ps 将图片尺寸修改一下。

.9 图片制作步骤
1. 将 .png 的图片放到 drawable 目录下

android 构建图片 uri android .9图片制作_android

2. 右击 .png 图片,选择功能菜单最下方的 “Create 9-Patch file…”

android 构建图片 uri android .9图片制作_图像处理_02

3. 选择保存路径及文件名称

android 构建图片 uri android .9图片制作_Android_03

4. 在 AS 中双击打开 .9.png 图片,修改图片左,上的黑线
  1. 左,上的黑线表示竖直方向和水平方向拉伸的区域,非黑线区域不会进行拉伸;
  2. 右,下的黑线表示内容竖直方向和水平方向拉伸的区域,非黑线区域不会进行拉伸;
  3. .9 的图片可以绘制多条线,如果有多条线时,绘制线的时候注意线的长度一定要相等;

android 构建图片 uri android .9图片制作_android 构建图片 uri_04

android .9 PNG 图片各条边的意义

  1. 左号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域
  2. 上号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域
  3. 右号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域(在手机上主要是文字区域)
  4. 下号黑色条位置向上覆盖的区域表示图片横向显示内容的区域(在手机上主要是文字区域)