3.3 VYou – UI

VYou – UI

Junto con el Core SDK, proporcionamos otra biblioteca que ofrece formularios integrados para registrar un usuario y editar su perfil. Esos formularios se construyen dinámicamente con la información configurada en el back office.

Instalar

Para instalar el SDK de VYou-UI en tu aplicación de Android tendrás que añadir la siguiente dependencia dentro de tu archivo build.gradle a nivel de aplicación

implementation "io.github.apiumhub:vyou-ui:1.0.2

Además, si no tienes mavenCentral() como repositorio, deberías añadirlo a tu archivo build.gradle a nivel de proyecto

allprojects {
    repositories {
        mavenCentral()
        ...
    }
}

Nota importante Ten en cuenta que VYou-Core es una dependencia dentro de VYou-UI, por lo que si añades VYou-UI a tu proyecto, ya no necesitas añadir la dependencia VYou-Core.

Configuración

Por favor, consulte la configuración de VYou-Core, ya que tendrá que seguir todos los pasos descritos en ella.

Nota importante Para que el SDK de VYou-UI funcione debes sustituir esta línea

VYou.initialize(this)

con lo siguiente

VYouUI.initialize(this)

Al igual que en la configuración de VYou-Core, tendrá que llamar a esta función antes del onCreate de su Actividad o Fragmento:

private val vyouUi = VYouUi(this)

API

Como VYou-UI depende de VYou-Core, toda su API seguirá estando disponible, así que echa un vistazo a si aún no lo has hecho. El SDK de VYou-UI proporciona métodos para iniciar los flujos de registro y amortiguación; editar el perfil desde su aplicación

suspend fun startRegister(): VYouResult<Unit>
suspend fun startProfile(credentials: VYouCredentials): VYouResult<Unit>

Esos dos métodos iniciarán una nueva Actividad dentro de tu aplicación, y devolverán el resultado de cualquiera de los flujos dentro de un VYouResult Para lanzar la actividad de edición de perfil, debes proporcionar las credenciales del usuario que son fácilmente accesibles a través de

Vyou.session?.credentials

Estilos

Para dar estilo a los formularios que se muestran al usuario, el SDK está integrado con el sistema de temas incorporado dentro de Android, por lo que todo lo que es configurable por el tema también debería funcionar dentro del SDK. Proporcionamos el siguiente ejemplo en la aplicación de muestra

<resources xmlns:tools="<http://schemas.android.com/tools>">
    <!-- Base application theme. -->
  <style name="Theme.VYou" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Primary brand color. -->
  <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
  <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
  <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
  </style>
</resources>

pero todo lo que es configurable a través de theme.xml también cambiará la visualización dentro del SDK.

Ir arriba