Android 角标小圆点右上角显示数字自定义角度

小狗蛋ing

已于 2023-10-16 10:19:43 修改

阅读量1.9k

点赞数

分类专栏： Android 文章标签： android 安卓

于 2021-04-30 11:38:21 首次发布

本文链接：https://blog.csdn.net/As_thin/article/details/116298498

版权

Android 专栏收录该内容

60 篇文章 1 订阅

订阅专栏

方式1(不推荐):

采用三方库，还需要自己搭界面~

在这里插入图片描述

首先添加依赖：

 //角标
 implementation 'q.rorbin:badgeview:1.1.3'

设置角标比较关键的是布局配合

 <FrameLayout
                android:id="@+id/fm_btn_badge"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:layout_marginBottom="50dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp">

                <Button
                    android:id="@+id/btn_badge"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@android:color/holo_blue_light"
                    android:layout_marginTop="6dp"
                    android:layout_marginRight="6dp"
                    android:gravity="center"
                    android:textColor="@color/white"
                    android:layout_gravity="center"
                    android:text="显示数量" />
            </FrameLayout>

查找控件

     //为FrameLayout设置角标，而不是给Button设置角标
        FrameLayout  fm_btn_badge = findViewById(R.id.fm_btn_badge);
     //Button用于事件操作
        Button btn_badge = findViewById(R.id.btn_badge);

设置角标

  //设置角标
        QBadgeView badgeView1 = new QBadgeView(this);
        badgeView1.bindTarget(fm_btn_badge);
        badgeView1.setBadgeNumber(3);
        //badgeView1.setBadgeGravity(Gravity.END | Gravity.TOP);

其中角标还是有不少参数滴，放一些参数在下面

 /**
         * setBadgeNumber	设置Badge数字
         * setBadgeText	设置Badge文本
         * setBadgeTextSize	设置文本字体大小
         * setBadgeTextColor	设置文本颜色
         * setExactMode	设置是否显示精确模式数值
         * setBadgeGravity	设置Badge相对于TargetView的位置，目前只支持   Gravity.START | Gravity.TOP , 
         * Gravity.END | Gravity.TOP ,Gravity.START | Gravity.BOTTOM , Gravity.END | Gravity.BOTTOM , 
         * Gravity.CENTER , Gravity.CENTER | Gravity.TOP , Gravity.CENTER | Gravity.BOTTOM ,
         * Gravity.CENTER | Gravity.START , Gravity.CENTER | Gravity.END
         *否则报错哦
         * setGravityOffset	设置外边距
         * setBadgePadding	设置内边距
         * setBadgeBackgroundColor	设置背景色
         * setBadgeBackground	设置背景图片
         * setShowShadow	设置是否显示阴影
         * setOnDragStateChangedListener	打开拖拽消除模式并设置监听
         * stroke	描边
         * hide	隐藏Badge
         */

方式二(自己画界面，直接给TextView 赋值)：

用约束布局，轻松搞定

在这里插入图片描述

   <androidx.constraintlayout.widget.ConstraintLayout
        app:layout_constraintTop_toBottomOf="@+id/view_2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginTop="50dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:text="显示数量"
            android:gravity="center"
            android:background="@android:color/holo_blue_light"
            android:textColor="@color/white"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="5dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"/>

        <TextView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:text="3"
            android:gravity="center"
            android:textColor="@color/white"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:background="@drawable/bg_red_y"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

bg_red_y.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:shape="oval"

    tools:ignore="ResourceName">
    <solid android:color="#E81010" />
</shape>