Android桌面Widget：居中可变尺寸正方形图片并在其左下角放置文本

核心思路 #

利用RemoteViews支持的RelativeLayout，结合ImageView的比例控制属性实现正方形背景图的自适应与居中，再通过布局对齐规则将文本绑定到图片的左下角。

布局代码示例 #

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

    <!-- 正方形背景图：自适应最大正方形尺寸并垂直居中 -->
    <ImageView
        android:id="@+id/widget_bg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"
        android:layout_centerVertical="true"
        android:src="@drawable/your_square_bg"/>

    <!-- 左下角文本：绑定到背景图的底部与左侧 -->
    <TextView
        android:id="@+id/widget_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/widget_bg"
        android:layout_alignLeft="@id/widget_bg"
        android:text="你的文本内容"
        android:textColor="@android:color/white"
        android:padding="4dp"/>

</RelativeLayout>

关键属性说明 #

• adjustViewBounds="true"：强制ImageView保持原图宽高比，确保正方形图片始终显示为正方形。
• scaleType="centerInside"：将图片缩放到不超出Widget边界的最大正方形尺寸，同时自动居中显示，适配宽高不等的桌面网格。
• layout_centerVertical="true"：让ImageView在Widget垂直方向上居中，配合scaleType确保宽大于高时也能保持整体居中。
• layout_alignBottom + layout_alignLeft：将TextView精确对齐到ImageView的左下角，而非Widget的左下角，完全贴合需求。

额外注意事项 #

• 确保背景图本身是正方形，否则adjustViewBounds会按原图比例缩放，无法得到正方形效果。
• 如果需要图片填充整个正方形区域（无留白），可将scaleType改为fitXY，但需保证原图为正方形，避免拉伸变形。

内容的提问来源于stack exchange，提问作者Thomas D