美文网首页
Android 制作nine-patch图片

Android 制作nine-patch图片

作者: shanshiping | 来源:发表于2018-04-04 18:23 被阅读0次

    Nine-Patch图片是一种被特殊处理过的png图片,能够指定哪些区域可以被拉伸,哪些区域不可以。
    先准备一张图片。


    3bfd56e15b6ccd4aea64849946addb99.png

    布局文件如下:
    <?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="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/message_left" >
    </LinearLayout>
    

    </LinearLayout>

    预览一下效果


    image.png

    可以看到图片已经变形了。
    下面把图片处理成nine-patch图片。
    在Android studio中找到该图片,右击,选择 create-9-patch file,然后进入界面


    image.png
    在图片四周绘制四个黑色小点,就是图片需要拉伸的区域,然后保存,删除掉原来的图片。这时候会生成一个原图片名称后面加个.9的图片,不要改名字,然后引入图片的地方也不需要改,再看一下效果。
    image.png

    已经正常了。比之前美观多了。

    相关文章

      网友评论

          本文标题:Android 制作nine-patch图片

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