android气泡消息提醒布局

简介:   无论是anroid还是ios,气泡消息提醒再正常不过了。然而要定义一个气泡消息提醒确要费一番周折。下面记录下气泡提醒布局。   定义气泡背景shape_unread_message_bg.xml   定义气泡布局,关键点是android:layout_gravity="top|right"   此处需要注意的是,如果数字过大。

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

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

 

相关文章
|
Android开发 Java
Android开源DiscreteSeekbar:动画气泡指示当前滑动值
 Android开源DiscreteSeekbar:动画气泡指示当前滑动值 Android本身提供的SeekBar用以调控值以及回调传回当前选择的值。
1840 0
|
Android开发
Android自定义View 水波气泡2
Android自定义View 水波气泡
|
Android开发
Android自定义View 水波气泡1
Android自定义View 水波气泡
Android自定义View 水波气泡1
|
Android开发 数据格式 XML
|
前端开发 Android开发
Android弹幕实现:基于B站弹幕开源系统(7)QQ、微信聊天气泡样式的弹幕
Android弹幕实现:基于B站弹幕开源系统(7)QQ、微信聊天气泡样式的弹幕 在附录文章得基础上,改进普通文本弹幕,实现一种特殊效果的文本弹幕,像QQ、微信一样的带有气泡背景的弹幕。
1865 0
|
Android开发
Android图表库MPAndroidChart(十)——散点图的孪生兄弟气泡图
Android图表库MPAndroidChart(十)——散点图的孪生兄弟气泡图 起泡图和散点图如出一辙,但是个人认为要比散点图好看一点,我们来看下实际的演示效果 这个和散点图的实现很相似,我们一起来看下 一.
1397 0
|
Android开发
Android开源BezierView:仿QQ未读消息99+条的红色气泡
 Android开源BezierView:仿QQ未读消息99+条的红色气泡 在移动版的QQ中,如果用户的QQ消息超过99条,会有这样的消息提示气泡(包含拖动动画): Android第三方开源的BezierView实现了上述QQ的99+条未读消息气泡显示。
1211 0

热门文章

最新文章