下面带有图像和文本的小部件答案

【问题标题】：A widget with image and text below下面带有图像和文本的小部件
【发布时间】：2020-02-02 08:20:59
【问题描述】：

我想在图像下方创建一个带有图像和文本的小部件。 widget i want

如果我写这段代码：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/myImageView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/cat1" />
    <TextView
        android:id="@+id/text_widget"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:background="#808080"
        android:text="@string/widget_text"/>

</LinearLayout>

我有一张没有文字的图片。如果文本可以是可变长度，我想知道如何做一个小部件

如果我使用相对布局，则文本位于图像上方

【问题讨论】：

你想要达到的目标
图片下方有图片和文字的小部件
一个简单的 TextView 可以有“compound drawables”。即：它可能在文本的任何一侧上方、下方或旁边包含图像。然后你保存一个 ImageView（视图越少，性能越好）

标签： android widget android-widget

【解决方案1】：

文字将在图片下方

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/myImageView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/cat1" />

    <TextView
        android:id="@+id/text_widget"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="150dp"
        android:background="#808080"
        android:gravity="center"
        android:text="@string/widget_text"
        android:textColor="#000"
        android:textSize="18sp" />

</RelativeLayout>

【讨论】：