Android 利用 9-Patch 图片制作聊天框

  • 什么是 9-Patch 图片?
    一种被特殊处理过的png图片,可以指定哪些区域能够拉伸,哪些区域不能拉伸,哪些区域可以显示内容。

  • 使用场景
    主要是用于对话框等拉伸能够不变形的场景

  • 创建.9.png图片
    选中一张png图片,右键Create 9-Patch file


注意:9-Patch图片要放在drawable文件夹下,否则编译时会报错。后缀名必须是.9.png。

  • 编辑.9.png图片
    打开.9.png图片,选择9-Patch即可对图片进行编辑。
    ** 编辑图片时上下左右四个方向的黑线,用来控制图片可拉伸和可显示区域。上和左控制图片可拉伸区域,下和右控制图片可显示区域。**


  • 使用9.png图片
    在布局文件中,将TextView的背景设置为制作好的9-Patch图片。

<TextView
    android:background="@drawable/chat"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="20sp"
    android:paddingTop="12dp"
    android:text="@string/chat_content"/>

当TextView中内容变化时,显示效果如下:




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容