首页 > 移动平台 > 详细

Android Studio 之 制作 Nine-Patch 图片(.9图片)

时间:2021-01-31 17:38:34      阅读:79      评论:0      收藏:0      [点我收藏+]

 

?引言

  什么是.9图片?

    答:图片后缀名前有.9的图片,如pic1.9.png这样的图片

  .9图片能干嘛? 

    答: 在图片拉伸的时候特定的区域不会发生图片失真,而不失真的区域可以由我们自己绘制

?制作 Nine-Patch 图片

  Nine-Patch 图片到底有什么实际作用呢?

  我们通过一个例子来看一下;

  从网上下载一张气泡样式的图片 message_left.png,如下图所示:

    技术分享图片

  将该图片放置到 res/drawable 文件夹下;

  我们将这张图片设置为 LinearLayout 的背景图片,修改 activity_main.xml 中的代码,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/message_left">

</LinearLayout>

  将 LinearLayout 的宽度指定为 match_parent,然后,将他的背景图片设置为 message_left;

  现在运行程序,效果图如下所示:

    技术分享图片

 

   可以看到,由于 message_left 的宽度不足以填满整个屏幕的宽度;

  整张图片被均匀地拉伸了;

  这种效果非常差,也是后我们就可以使用 Nine-Patch 图片来进行改善;

  在 res/drawable 下找到这张图片,右击该图片选择 Create 9-Patch file 选项:

    技术分享图片

  来到如下选项:

    技术分享图片

 

  点击 OK 即可创建 message_left.9 图片;

   打开 message_left.9 图片,来到如下界面:

 

 

Android Studio 之 制作 Nine-Patch 图片(.9图片)

原文:https://www.cnblogs.com/hyacinthLJP/p/14352649.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!