在相对布局或线性布局中的图像上重叠计数器文本视图
Overlapping counter textview on image in relativelayout or linearlayout
我想在图像视图的右上角放置一个文本视图,并将文本视图的某些部分重叠到图像视图上。我怎样才能做到这一点。现在我正在这样做:
<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>
如果您需要重叠,您应该使用 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>
可以使用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>
根据设计,您可以提供所需的填充和边距。
你做对了,但唯一需要的是交换你的观点
<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>
我想在图像视图的右上角放置一个文本视图,并将文本视图的某些部分重叠到图像视图上。我怎样才能做到这一点。现在我正在这样做:
<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>
如果您需要重叠,您应该使用 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>
可以使用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>
根据设计,您可以提供所需的填充和边距。
你做对了,但唯一需要的是交换你的观点
<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>