Android：如何为图标创建通知徽章？

Posted 2021-04-02

我有这样的ImageView：

<ImageView android:id="@+id/historyIcon"
    tools:src="@drawable/to_delete"
    android:scaleType="centerCrop"
    android:layout_alignParentLeft="true"
    android:layout_width="32dp"
    android:layout_height="32dp" />

如何在此ImageView的右上角添加徽章图像？是否可以在同一个ImageView上添加次要图像？

示例图片：

答案

    <RelativeLayout
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center">

    <ImageView
        android:id="@+id/xx"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:src="@mipmap/mprofilelogo"/>


    <ImageView
        android:id="@+id/ss"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:background="@mipmap/ccc"
        android:src="@null"/>

</RelativeLayout>

图像将是

另一答案

是的，可以试试这个

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

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="2dp"
    android:id="@+id/historyIcon"
    tools:src="@drawable/to_delete" />
<ImageView
    android:padding="10dp"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

</RelativeLayout>

另一答案

这是一个非常简单的UI，您可以在一个父布局中使用两个单独的图像视图来完成。我在下面给你一个简单的想法，但你可以尝试任何其他方式来做同样的事情：

<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/image1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@android:drawable/btn_dialog"/>

    <ImageView
        android:id="@+id/image2"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_toEndOf="@+id/image1"
        android:layout_marginLeft="-15dp"
        android:src="@android:drawable/btn_dialog"/>

</RelativeLayout>

只需在两个图像视图中更改图像源代替src即可。第一图像视图显示主（大）图像，第二图像显示右上角的小图像。