Lock.swift : options de personnalisation du style

Options de style et de personnalisation pour Lock.Swift

De nombreuses options permettant de configurer le style et l’apparence de Lock sont répertoriées ci-dessous. De plus, la page Options de configuration du comportement présente aussi plusieurs options pour modifier le comportement et les fonctionnalités de Lock.

Personnaliser l’apparence de Lock

Vous pouvez ajouter des options de personnalisation du style à l’initialisation de Lock à l’aide de withStyle.

Lock
  .classic()
  .withStyle {
	  $0.title = "Company LLC"
	  $0.logo = LazyImage(name: "company_logo")
	  $0.primaryColor = UIColor(red: 0.6784, green: 0.5412, blue: 0.7333, alpha: 1.0)
	}
  .present(from: self)

Options de style de l’en-tête

headerBlur

Style d’effet de flou utilisé. Peut correspondre à n’importe quelle valeur définie dans UIBlurEffectStyle.

.withStyle {
  $0.headerBlur = .extraLight
}

headerColor

Couleur utilisée pour l’arrière-plan de l’en-tête. Par défaut, il n’y a pas de couleur, seulement un effet de flou.

.withStyle {
  $0.headerColor = UIColor? = nil
}

logo

Image du logo d’en-tête. La résolution minimale recommandée est de 200 pixels de largeur sur 200 pixels de hauteur.

.withStyle {
  $0.logo = LazyImage(name: "company_logo")
}

headerCloseIcon

L’icône “close” de l’en-tête peut être modifiée.

.withStyle {
  $0.headerCloseIcon = LazyImage(name: "ic_close")
}

headerBackIcon

L’icône “retour” de l’en-tête peut être modifiée.

.withStyle {
  $0.headerBackIcon = LazyImage(name: "ic_close")
}

Options de style du titre

hideTitle

Masque le titre de l’en-tête et affiche uniquement le logo. Par défaut, cette option est définie sur false.

.withStyle {
  $0.hideTitle = false
}

titre

Texte du titre affiché dans l’en-tête

.withStyle {
  $0.title = "Company LLC"
}

titleColor

Couleur du titre dans l’en-tête.

.withStyle {
  $0.titleColor = UIColor.black
}

Options de style pour les boutons et les composants

buttonTintColor

Couleur utilisée comme teinte principale du bouton.

.withStyle {
  $0.buttonTintColor = UIColor.white
}

disabledColor

Couleur utilisée pour les composants désactivés de Lock.

.withStyle {
  $0.disabledColor = UIColor(red: 0.8902, green: 0.898, blue: 0.9059, alpha: 1.0)
}

disabledTextColor

Couleur utilisée pour le texte du composant désactivé dans Lock.

.withStyle {
  $0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

hideButtonTitle

Masquez le titre du bouton principal et affichez seulement l’icône. Par défaut, cette option est définie sur false.

.withStyle {
  $0.hideButtonTitle = false
}

primaryColor

Couleur utilisée comme couleur principale pour Lock.

.withStyle {
  $0.primaryColor = UIColor.orange
}

Styles des champs de saisie

inputTextColor

La couleur du texte dans le champ de saisie.

.withStyle {
  $0.inputTextColor = UIColor.black
}

inputPlaceholderTextColor

La couleur du texte de remplacement dans les champs de saisie.

.withStyle {
  $0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}

inputBorderColor

La couleur de la bordure des champs de saisie.

.withStyle {
  $0.inputBorderColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}

inputBorderColorError

La couleur de la bordure des champs de saisie dont les valeurs sont non valides.

.withStyle {
  $0.inputBorderColorError = UIColor.red
}

inputBackgroundColor

La couleur d’arrière-plan des champs de saisie.

.withStyle {
  $0.inputBackgroundColor = UIColor.white
}

inputIconBackgroundColor

La couleur de l’arrière-plan des icônes des champs de saisie.

.withStyle {
  $0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}

inputIconColor

La couleur des icônes du champ de saisie.

.withStyle {
  $0.inputIconColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

Styles de la barre d’état

UIStatusBarAnimation

L’animation utilisée pour la mise à jour de la barre d’état du contrôleur Lock.

.withStyle {
  $0.UIStatusBarAnimation = .none
}

statusBarHidden

Visibilité de la barre d’état du contrôleur Lock.

.withStyle {
  $0.statusBarHidden = false
}

UIStatusBarStyle

Le style de la barre d’état du contrôleur Lock.

.withStyle {
  $0.UIStatusBarStyle = .default
}

UISearchBarStyle

Le style de la barre de recherche de Lock Passwordless.

.withStyle {
  $0.UISearchBarStyle = .default
}

Autres options de style

textColor

La couleur du texte du corps.

.withStyle {
  $0.textColor = UIColor.black
}

backgroundColor

Couleur utilisée pour l’arrière-plan de Lock.

.withStyle {
  $0.backgroundColor = UIColor.white
}

backgroundImage

Image utilisée comme arrière-plan de Lock

.withStyle {
  $0.backgroundImage = LazyImage(name: "company_logo")
}

oauth2

Toute connexion OAuth2 autre qu’une connexion de base de données peut avoir des styles personnalisés en associant un nom de connexion à un AuthStyle

.withStyle {
  $0.oauth2["slack"] = AuthStyle(
    name: "Slack",
    color: UIColor(red: 0.4118, green: 0.8078, blue: 0.6588, alpha: 1.0),
    withImage: LazyImage(name: "ic_slack")
  )
}

seperatorTextColor

Couleur du libellé du séparateur des connexions sociales.

.withStyle {
  $0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}

secondaryButtonColor

La couleur des boutons secondaires.

.withStyle {
  $0.secondaryButtonColor = UIColor.black
}

tabTextColor

La couleur du texte dans l’onglet de connexion à la base de données.

.withStyle {
  $0.tabTextColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}

tabTintColor

La couleur de la teinte utilisée pour l’onglet de connexion à la base de données.

.withStyle {
  $0.tabTintColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}