Android:如何为图标创建通知徽章?

时间:2018-02-28 12:01:50

标签: android android-layout android-imageview

我有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上添加次要图像?

示例图片:

enter image description here

3 个答案:

答案 0 :(得分:0)

这是一个非常简单的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 第一图像视图显示主(大)图像, 并且第二一个显示在右上角的小图像。

答案 1 :(得分:0)

是的,可以试试这个

<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>

答案 2 :(得分:0)

    <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>

图像将是 enter image description here