Configurando temas

Configurando temas

Durante o fluxo de inicialização do plugin, é possível configurar temas para as telas, conforme exemplo abaixo:

Configuração de atributos de tela

activityTop

data class TapOnPhoneTheme(
    val logo: Drawable? = null,
    val backgroundColor: Int? = null,
    val amountTextColor: Int? = null,
    val paymentTypeTextColor: Int? = null,
    val statusTextColor: Int? = null,
    val cardAnimation: Int? = null,
    val brandBackgroundColor: String? = null,
    val pinPadType: PinPadType = PinPadType.STANDARD,
)
Propriedade Descrição null
logo logo exibido na parte superior direita da tela. sem logo
backgroundColor cor de fundo android:colorBackground do tema
amountTextColor cor do text de valor android:textColor
paymentTypeTextColor cor do texto de método de pagamento android:textColor
statusTextColor cor do texto de status android:textColor
cardAnimation loader em formato json R.raw.card_animation da loader
brandBackgroundColor cor de fundo da tela de animação Visa cor padrão: 0x1434CB
pinPadType Tipo de exibição do teclado PIN Padrão: PinPadType.STANDARD

Load na tela de pedir a leitura do cartão (cardAnimation)

Durante o processo de leitura de cartão, caso queira adicionar uma animação, deve seguir os seguintes passos:

  1. Adicione a biblioteca Lottie em build.gradle
    dependencies {
        implementation 'com.airbnb.android:lottie:$lottieVersion'
    }
  1. Adicionar arquivo .json dentro da pasta app/res/raw.
  2. Dentro da classe TapOnPhoneTheme deve atribuir o valor ao atributo cardAnimation com o caminho do arquivo.
TapOnPhoneTheme(
    cardAnimation = R.raw.card_animation
)

O SDK não aplica a cor do tema na imagem(loader). É recomendado criar uma imagem com suas próprias cores.

Customização do teclado PIN (pinPadType)

Durante a configuração do tema da sua aplicação, caso queira mudar a exibição do teclado PIN, deve seguir o passo seguinte:

  1. Dentro da classe TapOnPhoneTheme deve atribuir o valor ao atributo pinPadType como a opção de exemplo abaixo:
TapOnPhoneTheme(
    pinPadType = PinPadType.SHUFFLED
)
STANDARD SHUFFLED SHIFTED
STANDARD SHUFFLED SHIFTED