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>
复制代码

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








本文转自秋楓博客园博客,原文链接:http://www.cnblogs.com/rwxwsblog/p/5649421.html,如需转载请自行联系原作者

你可能感兴趣的:(android气泡消息提醒布局)