Skip to content

Try-On with UI Configuration

To start using Aiuta Try On with UI components, you need to create an instance of the AiutaConfiguration class. This class serves as the main configuration point for the UI components and requires configuration of essential components.

Here's how to set up the AiutaConfiguration class:

import com.aiuta.fashionsdk.tryon.compose.aiutaConfiguration
import com.aiuta.fashionsdk.configuration.features.features
import com.aiuta.fashionsdk.configuration.features.onboarding.onboarding
import com.aiuta.fashionsdk.configuration.features.tryon.tryOn
import com.aiuta.fashionsdk.configuration.ui.actions.AiutaUserInterfaceActions
import com.aiuta.fashionsdk.configuration.ui.theme.label.label
import com.aiuta.fashionsdk.configuration.ui.theme.theme
import com.aiuta.fashionsdk.configuration.ui.theme.selection.selectionSnackbar
import com.aiuta.fashionsdk.configuration.ui.userInterface

val aiutaConfiguration = aiutaConfiguration {
    aiuta = ... // (1)!

    features { // (2)!
        onboarding {
            // Initialize configuraiton
        }

        tryOn {
            // Initialize configuraiton
        }
        ...
    }

    userInterface { // (3)!
        actions = AiutaUserInterfaceActions(...)

        theme {
            label {
                // Initialize theme
            }

            selectionSnackbar {
                // Initialize theme
            }
            ...
        }
    }

    debugSettings = ...  // (4)!
}
  1. Required: Your initialized Aiuta instance that provides core functionality.
    See Getting started with Aiuta guide for details.
  2. Required: Controls which features are enabled in your try-on experience.
    See General configuration scheme to check list of available features and their configuration options.
  3. Required: Customizes the look and feel of the UI components.
    See General configuration scheme to check complete list of available configuration options.
  4. Optional: Configures debug-related settings for development and testing purposes.

Please refer to the configuration scheme for more details

Default Configurations

To use default configurations in your try-on experience, you can utilize the provided builder functions that come with pre-configured settings. These defaults are designed to provide a good starting point for your implementation.

Dependencies

To use the default configurations, add the following dependency to your project:

dependencies {
    // Only default icon resources
    implementation("com.aiuta.fashionsdk:configuration-defaults-icon:4.2.1")

    // Only default image resources
    implementation("com.aiuta.fashionsdk:configuration-defaults-images:4.2.1")

    // Both icon and images with builders
    implementation("com.aiuta.fashionsdk:configuration-defaults:4.2.1")
}

dependencies {
    // Only default icon resources
    implementation "com.aiuta.fashionsdk:configuration-defaults-icon:4.2.1"

    // Only default image resources
    implementation "com.aiuta.fashionsdk:configuration-defaults-images:4.2.1"

    // Both icon and images with builders
    implementation "com.aiuta.fashionsdk:configuration-defaults:4.2.1"
}

Using Default Configurations

To use default configurations, you can use the provided builder functions defaultAiutaFeatures and defaultAiutaUserInterfaceConfiguration. These functions come with sensible defaults that you can customize by passing initialization parameters.

Here's how to use them:

import com.aiuta.fashionsdk.tryon.compose.aiutaConfiguration
import com.aiuta.fashionsdk.configuration.defaults.features.defaultAiutaFeatures
import com.aiuta.fashionsdk.configuration.defaults.theme.defaultAiutaUserInterfaceConfiguration

val aiutaConfiguration = aiutaConfiguration {
    aiuta = ... // Your initialized Aiuta instance

    // Configure default features
    defaultAiutaFeatures(
        // Initialization params
    )

    // Configure default user interface
    defaultAiutaUserInterfaceConfiguration(
        // Initialization params
    )
}

Next Step