在相对布局或线性布局的图像上重叠计数器textview

Question

我想要在imageview的右上角放置一个textview，并将textview的某些部分重叠到imageview上。我怎样才能做到这一点。现在我这样做：

 <RelativeLayout 
       android:layout_height="wrap_content" 
       android:layout_width="wrap_content" 
       android:layout_marginLeft="12dip" 
       > 


       <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:id="@+id/imgMessage" 
        android:src="@drawable/listing_message" 
        /> 



       <TextView 
        android:id="@+id/tvMessageCounter" 
        android:layout_width="20dip" 
        android:layout_height="20dip" 
        android:padding="2dip" 
        android:text="2" 
        android:textColor="@drawable/whiteColor" 
        android:background="@layout/bg_blue" 
        android:textSize="10sp" 
        android:gravity="center" 
        android:layout_alignTop="@+id/imgMessage" 
        android:layout_alignParentTop="true" 
        android:layout_alignParentRight="true" 
        android:layout_gravity="center_vertical" 
        /> 

      </RelativeLayout> 

Answer 1

如果你需要重复，你应该使用的FrameLayout。

<FrameLayout 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:layout_marginLeft="12dip" 
      > 


      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:id="@+id/imgMessage" 
       android:src="@drawable/listing_message" 
       /> 



      <TextView 
       android:id="@+id/tvMessageCounter" 
       android:layout_width="20dip" 
       android:layout_height="20dip" 
       android:padding="2dip" 
       android:marginLeft="10dp" 
       android:text="2" 
       android:textColor="@drawable/whiteColor" 
       android:background="@layout/bg_blue" 
       android:textSize="10sp" 
       android:gravity="center" 
       android:layout_gravity="center_vertical|right" 
       /> 

     </FrameLayout> 

Answer 2

您可以根据设计，你可以给需要填补和利润使用的FrameLayout

<FrameLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 

<ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/imgMessage" 
     android:src="@drawable/listing_message" 
     /> 
<TextView 
android:id="@+id/tvMessageCounter" 
android:layout_width="20dip" 
android:layout_height="20dip" 
android:gravity="bottom|right" 



</FrameLayout> 

实现它。

Answer 3

你做得对，但所需要的唯一一件事就是换你的意见

<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="12dip" > 

    <TextView 
     android:id="@+id/tvMessageCounter" 
     android:layout_width="20dip" 
     android:layout_height="20dip" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_alignTop="@+id/imgMessage" 
     android:layout_gravity="center_vertical" 
     android:background="@layout/bg_blue" 
     android:gravity="center" 
     android:padding="2dip" 
     android:text="20" 
     android:textColor="@drawable/whiteColor" 
     android:textSize="10sp" /> 

    <ImageView 
     android:id="@+id/imgMessage" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:src="@drawable/listing_message" /> 

</RelativeLayout>