仿短信条目右上角的红色小圆球提示气泡

最新推荐文章于 2023-10-03 17:00:25 发布

原创最新推荐文章于 2023-10-03 17:00:25 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android 专栏收录该内容

727 篇文章

订阅专栏

本文介绍如何通过布局文件实现一个TextView右上角显示小红点提示效果的方法，包括具体的XML布局代码示例和所需的背景资源文件。

效果图：

可以重写View的onDraw完成该功能，也可以写布局文件完成该功能。现在使用布局文件完成。暂时先简单写一个TextView右上角的提示小红球，也可以根据需要写一个ImageView右上角的小红球提示。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:padding="2dip"
        android:layout_width="match_parent"
        android:layout_height="50dip"
        
        android:gravity="center"
        android:text="01234567890abcdefghijklmnopqrstuvwxyz！" />

    <FrameLayout 
        android:padding="1dip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:layout_width="20dip"
    		android:layout_height="20dip"
            android:layout_gravity="right"
            android:background="@drawable/tips_textview_bg"
            android:gravity="center"
            android:text="9"
            android:textSize="15dip"
            android:textStyle="bold"
            android:textColor="@android:color/white" />
    </FrameLayout>

</FrameLayout>

依赖的tips_textview_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>