Android中.9.png图片的使用及制作

易采站长站为您分析Android中.9.png图片的使用及制作的相关资料,感兴趣的小伙伴们可以参考一下  

我们有一个TextView，其里面的内容是可以通过代码动态改变的，我们想用一张图片作为TextView的背景，实现类似于手机QQ对话中的气泡文本效果。

TextView定义如下：

<TextView android:text="@string/hello_world"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:background="@drawable/original" />

背景图片如下所示：

 

最终TextView的效果如下所示：

 

上图中的虚线是TextView的外轮廓，我们把TextView的宽度和高度都定义为wrap_content，并且将gravity设置为center，但是还是没有实现我们理想的状态。TextView中的文本相对于整个图片居中了，但是我们想要的效果是文本在绿色的矩形区域内居中。

上图中的文本较短，展现出的问题还不是很明显。当我们将TextView中的文本设置为具有一定长度的时候，问题更加突出，如下所示：

上面这张图片暴露出两个问题：

我们原始的图片是自上而下绿色逐渐变淡，并且右侧和下侧有阴影。当背景图被拉伸为上图大小的时候，图片失真严重：消息框的四个角模糊不清；阴影被模糊放大，比较难看；绿色不清晰，渐变效果也基本看不出来。