Personalizaciones del Android SDK

Estilos de fuente

Puede anular las fuentes DEUNA Android SDK si desea utilizar su familia de fuentes. Los estilos de fuente que puede anular son:

• DeunaRegularFont
• DeunaMediumFont
• DeunaBoldFont

Se presenta un ejemplo en el fragmento de código a continuación:

<style name="DeunaRegularFont">
    <item name="android:fontFamily">YOUR REGULAR FONT FILE ( EX: @font/inter_regular.ttf)</item>
</style>

<style name="DeunaMediumFont">
	<item name="android:fontFamily">YOUR MEDIUM FONT FILE ( EX: @font/inter_medium.ttf)</item>
</style>

<style name="DeunaBoldFont">
	<item name="android:fontFamily">YOUR BOLD FONT FILE ( EX: @font/inter_bold.ttf)</item>
</style>

Estilos de botones

Puede anular los estilos de botón DEUNA Android SDK si desea utilizar su familia de fuentes. Los estilos de botón que puede anular son:

• Button.Normal.White
• Button.Normal.Green
• Button.Normal.Orange

Se presenta un ejemplo en el fragmento de código a continuación:

<style name="Button.Normal.Orange">
    <item name="android:background">YOUR OWN COLOR ( EX: HEXCODE OR RESOURCE )</item>
    <item name="android:textColor">YOUR OWN COLOR ( EX: HEXCODE OR RESOURCE )</item>
    <item name="android:fontFamily">YOUR FONT FILE ( EX: @font/inter_regular.ttf)</item>
</style>

Estilos de color

Puede anular los estilos de colores de DEUNA Android SDK si desea utilizar su familia de fuentes. Los estilos de botón que puede anular son:

• deuna_orange_light

Se presenta un ejemplo en el fragmento de código a continuación:

<color name="deuna_orange_light">YOUR OWN COLOR ( EX: HEXCODE OR RESOURCE )</color>

Cree su propio flujo de formulario de tarjeta

Para crear su flujo de formulario de tarjeta, el primer paso es crear un nuevo archivo de recursos de diseño llamado screen_payment_card_form.xml para anular el XML actual e implementar su diseño. Después, puede definir su propio diseño mientras garantiza el uso de los componentes de DEUNA Secure Fields, lo que garantiza que el SDK de DEUNA pueda recuperar la información de la tarjeta de crédito durante el pago. A continuación, encontrará todos los componentes que puede utilizar para cambiar el diseño:

📘

Cambio de componentes

Al cambiar los componentes del SDK de Android de DEUNA, debe usarlos con sus definidos id.

• CreditCardNumberEditText: Campo donde el usuario ingresa el número de tarjeta de crédito.

<com.deuna.payments.features.base.ui.views.CreditCardNumberEditText
    android:id="@+id/textField_number" />

• CreditCardExpireDateEditText: Campo donde el usuario ingresa la fecha de vencimiento de la tarjeta de crédito.

<com.deuna.payments.features.base.ui.views.CreditCardExpireDateEditText
    android:id="@+id/textField_expiration_date" />

• TextFieldView (CVV): Campo donde el usuario ingresa el código de verificación de la tarjeta de crédito (CVV).

<com.deuna.payments.features.base.ui.views.TextFieldView
android:id="@+id/textField_verification_code" />

• TextFieldView (nombre del titular de la tarjeta): Campo donde el usuario ingresa el nombre del titular de la tarjeta de crédito.

<com.deuna.payments.features.base.ui.views.TextFieldView
    android:id="@+id/textField_name" />

• SpinnerFieldView (tipo de documento): Donde los usuarios pueden elegir el tipo de documento de identificación que posee el titular de la tarjeta de crédito.

<com.deuna.payments.features.base.ui.views.SpinnerFieldView
    android:id="@+id/spinner_document_type" />

• TextFieldView (número de documento): Campo donde el usuario ingresa el número de documento de identificación del titular de la tarjeta de crédito.

<com.deuna.payments.features.base.ui.views.TextFieldView
    android:id="@+id/textField_user_document_number" />

• SaveCreditCardCheckBox: Checkbox, en la que los usuarios pueden elegir si guardar la tarjeta de crédito para futuras compras.

<androidx.appcompat.widget.SaveCreditCardCheckBox
	android:id="@+id/checkBox_save_creditCard" />

• SubmitButton: botón de componente utilizado para enviar el formulario y enviar la información de la tarjeta de crédito a DEUNA.

<SubmitButton android:id="@+id/button_submit_form" />

<androidx.appcompat.widget.SaveCreditCardCheckBox
	android:id="@+id/checkBox_save_creditCard" />

• SubmitButton: botón de componente utilizado para enviar el formulario y enviar la información de la tarjeta de crédito a DEUNA.

<SubmitButton android:id="@+id/button_submit_form" />