自定义微调框扩展视图组

Question

我需要从头开始创建一个微调器。

我读过我应该创建两个视图。第一个视图应该扩展视图组并使用onLayout方法绘制它。当它被关闭时，它会画出旋转器。第二个应该扩展第一个。在onLayout方法中，它应该绘制微调器开口。

我没有使用onLayout方法的经验。有人可以帮忙吗？

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/edit_text_bg"
        android:orientation="horizontal"
    >

        <Spinner
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:drawSelectorOnTop="true"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:paddingBottom="5dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="5dp"
            android:background="@android:color/transparent"
            android:spinnerMode="dropdown"
            android:textSize="16dp"/>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:paddingRight="10dp"
            android:src="@drawable/triangle"
            />
    </LinearLayout>
</merge>   

我的微调器：