Android:如何创建动态变化的图像仍然看起来不错?

前卫新手

我不知道如何在其消息框中执行类似Whatsapp或Telegram的操作。无论它们多大,它们总是看起来不错,与您发送的文本有关。

我试图自己做,我拍了这张照片: 我的聊天泡泡

现在,我在我的应用程序中使用它:(它另存为chat_bubble.png)

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="0dp"
    android:layout_marginRight="0dp"
    android:id="@+id/list_item"
    android:gravity="right">

    <LinearLayout
        android:id="@+id/row_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dip"
        android:layout_marginLeft="5dip"
        android:layout_marginRight="5dip"
        android:layout_marginTop="5dip"
        android:background="@drawable/chat_bubble"
        android:orientation="horizontal"
        android:singleLine="false" >

        <TextView
            android:id="@+id/list_item_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="5dp"
            android:paddingLeft="5dp"
            android:text="ProgramTitle"
            android:textColor="@android:color/white"
            android:textSize="20sp" />

        <ImageView
            android:id="@+id/messageIcon"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_marginTop="15dp"
            android:layout_marginRight="10dp"
            android:padding="2dp"
            android:src="@drawable/wait" />
    </LinearLayout>

</LinearLayout>

这是我的ListView中每个ListItem的布局。看起来像这样:

文字较少的聊天气泡

但是,如果我使用较长的文字,则图片会被拉长,因此看起来不再合适: 带有更多文字的聊天气泡

现在我的问题是,怎么可能没有这个问题。有什么好主意要解决此问题吗?太棒了。

威廉大帝

您应该从图像创建一个9补丁。

请参阅Android Dev上的本教程。站点:http//developer.android.com/tools/help/draw9patch.html

在9补丁图像中,您声明图像的哪些部分是“可拉伸的”,哪些部分不是。它基本上是.png图像,其中图像的1 px部分告诉Android,以拉伸此部分您应该将图像保存在drawable名为目录中something.9.png,并且可以将其称为@drawable/something

Android SDK包含一个小程序,可从普通图像创建9补丁图像。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android:如何创建动态变化的图像仍然看起来不错?

来自分类Dev

如何使标签的文本在图像上看起来不错?

来自分类Dev

创建LiveTile图像-在屏幕上看起来不错-在LiveTile上看错

来自分类Dev

如何重叠Java图形和图像并使它看起来不错?

来自分类Dev

如何使图像在nexus和nexus 10上看起来都不错?

来自分类Dev

如何使长SQL字符串看起来不错

来自分类Dev

如何使Palatino在Firefox中看起来不错?

来自分类Dev

如何使PTSans粗体样式在小于16.5像素的尺寸下看起来不错?

来自分类Dev

如何标记y轴,并使简单图形在r中看起来不错?

来自分类Dev

如何使非抗锯齿文本在 Mac OS X 上的 Firefox 中看起来不错?

来自分类Dev

在 Vuetify 1.5 中,如何在 v-toolbar 中使 v-menu 看起来不错?

来自分类Dev

托盘图标看起来不错,但“ WPF窗口”图标看起来很糟糕

来自分类Dev

WPF MessageBox看起来没有样式,而WindowsForms MessageBox看起来不错

来自分类Dev

任务栏图标看起来不错,但“ WPF窗口”图标看起来很糟糕

来自分类Dev

如何使子画面图像背景看起来透明?

来自分类Dev

如何使关键帧图像的过渡看起来很平滑

来自分类Dev

如何使所有图像看起来一样

来自分类Dev

代码签名错误,但在设置中看起来不错

来自分类Dev

使CSS中的代码块看起来不错

来自分类Dev

PHP代码看起来不错,但无法更新

来自分类Dev

onCreate计数已关闭,但代码看起来不错

来自分类Dev

用C制作REPL看起来不错

来自分类Dev

代码签名错误,但在设置中看起来不错

来自分类Dev

我的ssh密钥无效,权限看起来不错

来自分类Dev

这个搜索功能看起来不错吗?

来自分类Dev

TypeError: Rect 参数无效,但语法看起来不错

来自分类Dev

如何创建看起来像图表图例的列表?

来自分类Dev

用于创建多维数组的结构看起来如何

来自分类Dev

如何使EditText看起来像Android中的页面

Related 相关文章

  1. 1

    Android:如何创建动态变化的图像仍然看起来不错?

  2. 2

    如何使标签的文本在图像上看起来不错?

  3. 3

    创建LiveTile图像-在屏幕上看起来不错-在LiveTile上看错

  4. 4

    如何重叠Java图形和图像并使它看起来不错?

  5. 5

    如何使图像在nexus和nexus 10上看起来都不错?

  6. 6

    如何使长SQL字符串看起来不错

  7. 7

    如何使Palatino在Firefox中看起来不错?

  8. 8

    如何使PTSans粗体样式在小于16.5像素的尺寸下看起来不错?

  9. 9

    如何标记y轴,并使简单图形在r中看起来不错?

  10. 10

    如何使非抗锯齿文本在 Mac OS X 上的 Firefox 中看起来不错?

  11. 11

    在 Vuetify 1.5 中,如何在 v-toolbar 中使 v-menu 看起来不错?

  12. 12

    托盘图标看起来不错,但“ WPF窗口”图标看起来很糟糕

  13. 13

    WPF MessageBox看起来没有样式,而WindowsForms MessageBox看起来不错

  14. 14

    任务栏图标看起来不错,但“ WPF窗口”图标看起来很糟糕

  15. 15

    如何使子画面图像背景看起来透明?

  16. 16

    如何使关键帧图像的过渡看起来很平滑

  17. 17

    如何使所有图像看起来一样

  18. 18

    代码签名错误,但在设置中看起来不错

  19. 19

    使CSS中的代码块看起来不错

  20. 20

    PHP代码看起来不错,但无法更新

  21. 21

    onCreate计数已关闭,但代码看起来不错

  22. 22

    用C制作REPL看起来不错

  23. 23

    代码签名错误,但在设置中看起来不错

  24. 24

    我的ssh密钥无效,权限看起来不错

  25. 25

    这个搜索功能看起来不错吗?

  26. 26

    TypeError: Rect 参数无效,但语法看起来不错

  27. 27

    如何创建看起来像图表图例的列表?

  28. 28

    用于创建多维数组的结构看起来如何

  29. 29

    如何使EditText看起来像Android中的页面

热门标签

归档