Android 制作nine-patch图片

2018-04-04  本文已影响0人  shanshiping

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

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

上一篇下一篇

猜你喜欢

热点阅读