Skip to end of banner
Go to start of banner

Overview of UI Customization Options

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »


Colors

We provide a global color palette GiniColors.xcassets which you are free to override. The custom colors are then applied to all screens. Find the names of the color resources in GiniColors.xcassets.


Images

Customizing of images is done via overriding of drawable resources. Find the names of the image resources in GiniImages.xcassets.


Typography

We provide global typography based on text appearance styles from UIFont.TextStyle.

To override them in your application, use GiniBankConfiguration.updateFont(_ font: UIFont, for textStyle: UIFont.TextStyle), for example:

    // If you need to scale your font, use our method `scaledFont()`.
    let configuration = GiniBankConfiguration.shared
    let customFontToBeScaled = UIFont.scaledFont(UIFont(name: "Avenir", size: 20) ?? UIFont.systemFont(ofSize: 7, weight: .regular), textStyle: .caption1)
    configuration.updateFont(customFontToBeScaled, for: .caption1)

    // If you would like to pass us already scaled font.
    let customScaledFont = UIFontMetrics(forTextStyle: .caption2).scaledFont(for: UIFont.systemFont(ofSize: 28))
    configuration.updateFont(customScaledFont, for: .caption2)

Text

Text customization is done via overriding of string resources. If you plan to use a custom name for localizable strings, set it in GiniBankConfiguration.localizedStringsTableName.

Find the names of the string resources in Localizable.strings.

  • No labels