类似微信未读消息的头像标记

来源:互联网 发布:unity3d骰子转动 编辑:程序博客网 时间:2024/06/14 06:08

昨天做东西的时候遇到了一个需求,类似微信上当某一个联系人有未读消息时,头像右上角会有一个红色小标记,提示你有几条未读消息,自己刚入门,水平太菜。。。想走捷径到网上百度一种布局方法,但是没有找到,可能是太简单了,没有人遇到和提问这样的问题,但我觉得还是有和我一样情况的兄弟姐们们遇到这样的苦恼,所以把自己想到的办法和大家分享一下吐舌头

思路的话就是在外边嵌套一层布局,我使用的相对布局,然后头像图片写在父布局中间,再写一个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>



效果就是这样。微笑

0 0
原创粉丝点击