ImageViewのコーナーにテキストを表示

Question

facebookやメッセンジャーアイコンのイメージを持つメッセンジャーに似た、丸いイメージの角に数字を表示したい。番号は、あなたがこのようなRelativeLayout内部TextViewとImageViewでそれを行うことができます100

Answer 1

以下の単純な整数になります。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:orientation="horizontal" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:padding="20dp" 
    android:background="#786993"> 
    <ImageView 
     android:id="@+id/image" 
     android:src="@drawable/q_icon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
    <TextView 
     android:id="@+id/tab_counter_text" 
     android:text="20" 
     android:layout_alignRight="@id/image" 
     android:layout_alignBottom="@id/image" 
     android:layout_width="20dp" 
     android:layout_gravity="center" 
     android:background="@drawable/circle_white" 
     android:layout_height="20dp" 
     android:gravity="center" 
     android:textColor="#786993" 
     android:textSize="12sp" /> 
</RelativeLayout> 

、あなたはの背景を設定することができますTextViewをこのようなカスタムサークルドロワブル（circle_white.xml）として：

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" > 
    <solid android:color="#ffffff"/> 
</shape> 

出力：

Answer 2

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/container_view"> 
    <ImageView 
     android:layout_height="50dp" 
     android:layout_width="50dp" 
     android:src="@drawable/image"/> 
    <TextView 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="10" 
     android:layout_gravity="bottom|end" 
     android:textColor="@color/colorPrimary" 
     android:background="@drawable/circleBackground"/> 

</FrameLayout>