适用于 Google Pay 和 Google 钱包的 Jetpack Compose 按钮

五月 19, 2023

Stephen McDonald Developer Programs Engineer

我们最近在 Android 上发布了全新 Google Pay 按钮视图，其中包含一系列新功能，例如最新的 Material 3 设计原则、支持深色主题和浅色主题的版本以及其他全新自定义功能。

图 1：可以定制适用于 Android 的全新 Google Pay 按钮视图，使其与您的结账体验更加一致。

Jetpack Compose 按钮

我们现已为 Jetpack Compose 开发者推出全新 Google Pay 按钮，并提供了新的开放源代码库 compose-pay-button。Jetpack Compose 是 Android 的现代工具包，用于在使用 Kotlin 语言时构建用户界面。此外，借助该新库，您甚至可以利用比之前更少的代码，在您的 Android 应用中实现 Google Pay 按钮。

让我们看一个快速示例。在这里，您可以看到一个添加了 Google Pay 按钮的典型 Jetpack Compose 界面。该按钮支持用于自定义的 Jetpack Compose 修饰符以及各种标签，在本例中，标签为“使用 Google Pay 预订”。

setContent {
    Column() {
        PayButton(
            onClick = { println("Button clicked") }, 
            allowedPaymentMethods = "<JSON serialized allowedPaymentMethods>",
            modifier = Modifier.width(300.dp), 
            type = ButtonType.PAY_BOOK,
        )
    }
}

Google 钱包

最后，我们还发布了 Google 钱包相应的库 compose-wallet-button。该库提供了与 Google Pay 按钮类似的 API，但却捆绑了 Goolge 钱包开发者网站上可用的相同按钮资产，包括常规版本和精简版本。

图 2：新库中，Google 钱包按钮的常规版本和精简版本均可供使用。

准备好了吗？查看 compose-pay-button 和 compose-wallet-button 的 GitHub 存储区，在这里，您可以进一步了解这两种库以及将其添加到 Android 应用的方式！