前端开发和网页设计,东莞seo建站哪家好,wordpress 心情评论插件,评测主题 wordpress它是一种被特殊处理过的 png 图片#xff0c;能够指定哪些区域可以被拉伸而 哪些区域不可以。 那么 Nine-Patch 图片到底有什么实际作用呢#xff1f;我们还是通过一个例子来看一下吧。比如 说项目中有一张气泡样式的图片 message_left.png#xff0c;如图 3.38 所示。 图 … 它是一种被特殊处理过的 png 图片能够指定哪些区域可以被拉伸而 哪些区域不可以。 那么 Nine-Patch 图片到底有什么实际作用呢我们还是通过一个例子来看一下吧。比如 说项目中有一张气泡样式的图片 message_left.png如图 3.38 所示。 图 3.38 我们将这张图片设置为一个 LinearLayout 的背景图片修改 activity_main.xml 中的代码 如下所示 RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthmatch_parent android:layout_heightmatch_parent LinearLayout android:layout_widthmatch_parent android:layout_heightwrap_content android:backgrounddrawable/message_left /LinearLayout /RelativeLayout 将 LinearLayout 的宽度指定为 match_parent然后将它的背景图设置为 message_left现 在运行程序效果如图 3.39 所示。 可以看到由于 message_left 的宽度不足以填满整个屏幕的宽度整张图片被均匀地拉伸了这种效果非常差用户肯定是不能容忍的这时我们就可以使用 Nine-Patch 图片来进 行改善。在 Android sdk 目录下有一个 tools 文件夹在这个文件夹中找到 draw9patch.bat 文件 我们就是使用它来制作 Nine-Patch 图片的。双击打开之后在导航栏点击 File→Open 9-patch 将 message_left.png 加载进来如图 3.40 所示。 图 3.40 我们可以在图片的四个边框绘制一个个的小黑点在上边框和左边框绘制的部分就表示 当图片需要拉伸时就拉伸黑点标记的区域在下边框和右边框绘制的部分则表示内容会被放 置的区域。绘制完成后效果如图 3.41 所示。 图 3.41 最后点击导航栏 File →Save 9-patch 把绘制好的图片进行保存此时的文件名就是message_left.9.png。使用这张图片替换掉之前的 message_left.png 图片重新运行程序效果如图 3.42 所示。 这样当图片需要拉伸的时候就可以只拉伸指定的区域程序在外观上也是有了很大的改进。
