java - Android 在谷歌支付中绘制自定义 View

Question

此问题已被问及答案已被接受here但公认的答案不是我要找的。我想使用一个 customview，其中缺口占据宽度 + 它正在经过的 View 的一些边距，如上图中的付费图标。在查看底部的应用程序栏时，里面有一个像 this 这样的工厂我看到一个名为 edge treatment class 的类我想这也可以使用。我现在不会发布我的自定义 View 代码，因为我只能绘制一个矩形。

Answer 1

您需要使用 Cubic Bézier Curve 绘制曲线. Bartosz Ciechanowski 写了一篇了解如何绘制此类曲线的好文章，here .

我开发了一个 View 来绘制类似 google pay 的形状，它继承自 FrameLayout。源代码可在 its github repository 上获得(但尚未记录!)。但是，将以下行添加到您的应用级 build.gradle 文件中:

repositories {
    jcenter()
}

dependencies {
    implementation 'com.aminography:beziercurvebulgelayout:1.0.2'
}

然后你可以在 xml 布局文件中使用它，如下所示:

<com.aminography.view.BezierCurveBulgeLayout
    android:id="@+id/bulgeLayout"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:bulgeType="bulge"
    app:bulgeColor="@color/colorPrimary"
    app:curveWidth="32dp"
    app:flatWidth="56dp"
    app:flatHeight="24dp">

    <android.support.v7.widget.AppCompatImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@android:drawable/ic_menu_compass"/>

</com.aminography.view.BezierCurveBulgeLayout>

.

它的形状和颜色是可定制的，通过更改以下属性来实现目标形状: