Fork me on GitHub

android气泡消息提醒布局

  无论是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>

  此处需要注意的是,如果数字过大。出现"..."时无法居中,其实这是英文"..."导致的问题,换成"···"即可。

 

posted @ 2016-07-07 11:19  秋楓  阅读(4884)  评论(0编辑  收藏  举报