此文想了好久久久，本起名为《读原码长知识 | 小红点的一种实现》，但纠结了下，觉得还是应该隶属于自定义控件系列~~

上篇介绍了两种实现小红点的方案，分别是多控件叠加和单控件绘制，其中第二个方案有一个缺点：类型绑定。导致它无法被不同类型控件所复用。这篇从父控件的角度出发，提出一个新的方案：容器控件绘制，以突破类型绑定。

这是自定义控件系列教程的第六篇，系列文章目录如下：

1. Android自定义控件 | View绘制原理（画多大？）
2. Android自定义控件 | View绘制原理（画在哪？）
3. Android自定义控件 | View绘制原理（画什么？）
4. Android自定义控件 | 源码里有宝藏之自动换行控件
5. Android自定义控件 | 小红点的三种实现（上）
6. Android自定义控件 | 小红点的三种实现（下）

本文使用 Kotlin 编写，相关系列教程可以点击这里

引子

假设这样一个场景：一个容器控件中，有三种不同类型的控件需要在右上角显示小红点。若使用上一篇中的“单控件绘制方案”，就必须自定义三种不同类型的控件，在其矩形区域的右上角绘制小红点。

可不可以把绘制工作交给容器控件？

容器控件能轻而易举地知道子控件矩形区域的坐标，有什么办法把“哪些孩子需要绘制小红点”告诉容器控件，以让其在相应位置绘制？

在读androidx.constraintlayout.helper.widget.Layer源码时，发现它用一种巧妙的方式将子控件的信息告诉容器控件。

Layer的启发

绑定关联控件

Layer是一个配合ConstraintLayout使用的控件，可实现如下效果：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn3"
        app:layout_constraintEnd_toStartOf="@id/btn4"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn4"
        app:layout_constraintEnd_toStartOf="@id/btn5"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintStart_toEndOf="@id/btn3"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn5"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintStart_toEndOf="@id/btn4"
        app:layout_constraintTop_toTopOf="parent" />
    
    //'为3个button添加背景'
    <androidx.constraintlayout.helper.widget.Layer
        android:id="@+id/layer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
                    

                        这篇关于Android自定义控件 | 小红点的三种实现（下）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！