저희는 최신 Material 3 디자인 원칙, 어두운 테마 버전과 밝은 테마 버전, 기타 새로운 맞춤 설정 기능 등 다양한 신 기능을 제공하는 Android의 새로운 Google Pay 버튼 뷰를 최근 출시했습니다.
새로운 오픈소스 라이브러리 compose-pay-button으로 Jetpack Compose 개발자가 사용할 수 있는 새로운 Google Pay 버튼을 만들었습니다. Jetpack Compose는 Kotlin 언어를 사용할 때 사용자 인터페이스를 빌드하기 위한 Android의 최신 도구 키트로, 이 새로운 라이브러리를 사용하면 이전보다 훨씬 적은 코드로 Android 앱에 Google Pay 버튼을 구현할 수 있습니다.
간단한 예를 살펴보겠습니다. 여기서 Google Pay 버튼이 추가된 전형적인 Jetpack Compose UI를 볼 수 있습니다. 이 버튼은 맞춤 설정을 위한 Jetpack Compose 수정자를 허용하고 다양한 라벨(이 경우에는 'Book with Google Pay')을 지원합니다.
setContent {
Column() {
PayButton(
onClick = { println("Button clicked") },
allowedPaymentMethods = "<JSON serialized allowedPaymentMethods>",
modifier = Modifier.width(300.dp),
type = ButtonType.PAY_BOOK,
)
}
}
마지막으로, Google Wallet에 해당하는 라이브러리인 compose-wallet-button도 출시했습니다. 이 라이브러리는 Google Pay 버튼과 유사한 API를 제공하지만, 대신 일반 버전과 압축 버전이 모두 포함된, Google Wallet 개발자 사이트에서 제공되는 것과 동일한 버튼 애셋이 번들로 제공됩니다.
시작할 준비되셨나요? compose-pay-button 및 compose-wallet-button 둘 다의 GitHub 리포지토리를 확인해 보세요. 라이브러리에 대한 자세한 내용과 Android 앱에 라이브러리를 추가하는 방법을 알아볼 수 있습니다!