怎么做QQ、微信等消息气泡

最新推荐文章于 2022-02-26 14:05:44 发布

xzylx1

最新推荐文章于 2022-02-26 14:05:44 发布

阅读量997

点赞数

文章标签： android

本文链接：https://blog.csdn.net/xzylx1/article/details/50209041

版权

主XML;

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="@drawable/round"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_margin="3dp"
        android:background="@drawable/smallyuan"
        android:text="10"
        android:textColor="@android:color/white" />

</FrameLayout>

橘黄色的圆圈：

<?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="#FFA500" />

    <!-- radius值越大，越趋于圆形 -->
    <corners android:radius="20dip" />

    <!-- 圆角图像内部填充四周的大小 ，将会以此挤压内部布置的view -->
    <padding
        android:bottom="3dip"
        android:left="3dip"
        android:right="3dip"
        android:top="3dip" />

</shape>

上方气泡圆圈：

<?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" />


    <!-- radius值越大，越趋于圆形 -->
    <corners android:radius="20dip" />


    <!-- 圆角图像内部填充四周的大小 ，将会以此挤压内部布置的view -->
    <padding
        android:bottom="3dip"
        android:left="3dip"
        android:right="3dip"
        android:top="3dip" />


</shape>