18

在我的应用程序中,我想将气泡设置为文本视图,在文本视图中我添加了setBackgroundResource()您在代码中看到的。

使用此代码,我得到这样的图像:

在此处输入图像描述

我想要一个像这样的气泡形状图像:

在此处输入图像描述

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
    <solid android:color="#EDF5E4" />
    <corners android:bottomLeftRadius="@dimen/corner_radius"
    android:bottomRightRadius="@dimen/corner_radius"
    android:topLeftRadius="@dimen/corner_radius"
    id:topRightRadius="@dimen/corner_radius" />

请告诉我如何在我的setBackgroundResource()XML 中制作它。

4

2 回答 2

31

您需要使用的本质上是一个 9-patch 图像(正如Ken Wolf在此评论中已经指出的那样)。

为了帮助您入门,我包含了一组来自我的一个应用程序的 9 个补丁图像,以及一段简短的代码,说明如何在创建布局 XMl 时使用它。;-)

9 补丁图像集:

mdpi hdpi xhdpi

(它们分别被命名为:bubble_white_normal_mdpi.9bubble_white_normal_hdpi.9bubble_white_normal_xhdpi.9_mdpi _hdpi_xhdpi文件名中删除,然后将它们放在各自的drawable文件夹中。

XML:

<LinearLayout
    android:id="@+id/linlaUserOther"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:baselineAligned="false"
    android:orientation="horizontal"
    android:padding="2dp" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="top|center" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/imgvwProfileOther"
                android:layout_width="42dp"
                android:layout_height="42dp"
                android:adjustViewBounds="true"
                android:contentDescription="@string/content_desc_user_profile"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_contact_picture" >
            </ImageView>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/bubble_white_normal"
        android:gravity="top|center"
        android:orientation="vertical" >

        .... // OTHER STUFF HERE THAT IS NOT NECESSARY IN THIS CODE SNIPPET ON SO

    </LinearLayout>
</LinearLayout>

注1:

虽然,我包含了一组工作图像(如果你愿意的话,几乎是用勺子喂食),我强烈建议你创建自己的一组图像,以适应你的计划。此外,这也将使您能够在未来建立自己的资源。我加倍努力的唯一原因是因为我个人浪费了 3 天的时间来让语音气泡看起来和工作正常。:-(

笔记2:

我将图像设置为背景LinearLayout。但是,您需要将其设置为TextView您需要看起来像一个语音气泡。

其他网站(教程):

  1. http://blog.booleanbites.com/2012/12/android-listview-with-speech-bubble.html
  2. https://github.com/AdilSoomro/Android-Speech-Bubble
  3. http://developer.android.com/reference/android/graphics/NinePatch.html
  4. http://developer.android.com/tools/help/draw9patch.html
于 2013-07-09T07:06:20.687 回答
1

我认为您将很难尝试仅使用形状可绘制对象来做到这一点。

我会使用 9-patch png。

http://developer.android.com/reference/android/graphics/NinePatch.html

基本上,您要么找到/购买图像,要么在您最喜欢的绘图程序中创建一个。然后使用draw9patch 工具定义可拉伸区域,该工具允许它在您的View.

这是一个教程,它甚至是专门针对气泡的!

http://adilsoomro.blogspot.co.uk/2012/11/android-how-to-use-9-patch-png.html

这需要一些时间,但它是制作更具设计感的视觉界面的关键技术。

于 2013-07-09T06:59:54.163 回答