无论是anroid还是ios,气泡消息提醒再正常不过了。然而要定义一个气泡消息提醒确要费一番周折。下面记录下气泡提醒布局。
定义气泡背景shape_unread_message_bg.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android= "http://schemas.android.com/apk/res/android" android:shape="oval" android:useLevel= "false" > <solid android:color= "#FF0000" /> </shape>
定义气泡布局,关键点是android:layout_gravity="top|right"
<FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/img_cells" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/tab_unread_message" android:layout_width="14dp" android:layout_height="14dp" android:layout_alignParentRight="true" android:layout_marginRight="14dp" android:background="@drawable/shape_unread_message_bg" android:gravity="center" android:textColor="@android:color/white" android:textSize="8sp" android:layout_gravity="top|right" android:visibility="gone" /> </FrameLayout>
此处需要注意的是,如果数字过大。出现"..."时无法居中,其实这是英文"..."导致的问题,换成"···"即可。
时间: 2024-10-01 00:03:21