昨天做东西的时候遇到了一个需求,类似微信上当某一个联系人有未读消息时,头像右上角会有一个红色小标记,提示你有几条未读消息,自己刚入门,水平太菜。。。想走捷径到网上百度一种布局方法,但是没有找到,可能是太简单了,没有人遇到和提问这样的问题,但我觉得还是有和我一样情况的兄弟姐们们遇到这样的苦恼,所以把自己想到的办法和大家分享一下
思路的话就是在外边嵌套一层布局,我使用的相对布局,然后头像图片写在父布局中间,再写一个textview背景设置为红圈,让这个textview和父布局的右边和上边对齐,通过设置父布局和头像图片的大小,把这个textview挤压到头像图片的右上角。现在只想到这种方法,父布局和头像图片都必须得写死。。。适配的话可能会麻烦,大神有好的方法请不吝赐教
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="35dp"
android:text="材料资料照片:" />
<RelativeLayout
android:layout_width="50dp"
android:layout_height="<span style="font-family: Arial, Helvetica, sans-serif;">50dp</span>"
android:layout_gravity="center_vertical">
<ImageView
android:id="@+id/ziliao_photo"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:src="@drawable/u82" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:background="@drawable/u120"
android:gravity="center"
android:text="1"<span style="font-family: Arial, Helvetica, sans-serif;"> </span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre"> </span> android:textColor="@color/white" /></span>
</RelativeLayout>
</LinearLayout>
效果就是这样。