> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-docs-event-stream-action-templates.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Lock.swift : Options de personnalisation du style

> Options de style et de personnalisation du style de Lock.Swift

Il existe de nombreuses options pour configurer le style et l’apparence de Lock, énumérées ci-dessous. En outre, la page [Options de configuration du comportement](/docs/fr-ca/libraries/lock-swift/lock-swift-configuration-options) propose un certain nombre d’options permettant de modifier le comportement et les fonctionnalités de Lock.

## Personnalisation de l’apparence de Lock

Les options de personnalisation du style peuvent être ajoutées à l’initialisation de Lock en utilisant `withStyle`.

```swift lines theme={null}
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 styles de l’en-tête

### headerBlur

Style d’effet de flou utilisé. Il peut s’agir de n’importe quelle valeur définie dans `UIBlurEffectStyle`.

```swift lines theme={null}
.withStyle {
  $0.headerBlur = .extraLight
}
```

### headerColor

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

```swift lines theme={null}
.withStyle {
  $0.headerColor = UIColor? = nil
}
```

### logo

Image du logo de l’en-tête. La résolution minimale recommandée est de 200 pixels (largeur) par 200 pixels (hauteur).

```swift lines theme={null}
.withStyle {
  $0.logo = LazyImage(name: "company_logo")
}
```

### headerCloseIcon

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

```swift lines theme={null}
.withStyle {
  $0.headerCloseIcon = LazyImage(name: "ic_close")
}
```

### headerBackIcon

L’icône « back » de l’en-tête peut être modifiée.

```swift lines theme={null}
.withStyle {
  $0.headerBackIcon = LazyImage(name: "ic_close")
}
```

## Options de styles de titre

### hideTitle

Masque le titre de l’en-tête et n’affiche que le logo. Par défaut, cette option est désactivée.

```swift lines theme={null}
.withStyle {
  $0.hideTitle = false
}
```

### title

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

```swift lines theme={null}
.withStyle {
  $0.title = "Company LLC"
}
```

### titleColor

Couleur utilisée pour le titre de l’en-tête.

```swift lines theme={null}
.withStyle {
  $0.titleColor = UIColor.black
}
```

## Options de style des boutons et des composants

### buttonTintColor

Couleur utilisée comme couleur primaire de la teinte du bouton.

```swift lines theme={null}
.withStyle {
  $0.buttonTintColor = UIColor.white
}
```

### disabledColor

Couleur utilisée comme couleur du composant désactivé du Lock.

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

### disabledTextColor

Couleur utilisée comme couleur de texte du composant « Lock disabled »

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

### hideButtonTitle

Masque le titre du bouton principal et n’affiche que l’icône. Par défaut, cette option est désactivée.

```swift lines theme={null}
.withStyle {
  $0.hideButtonTitle = false
}
```

### primaryColor

Couleur utilisée comme couleur primaire de Lock.

```swift lines theme={null}
.withStyle {
  $0.primaryColor = UIColor.orange
}
```

## Styles des champs de saisie

### inputTextColor

Couleur du texte du champ de saisie.

```swift lines theme={null}
.withStyle {
  $0.inputTextColor = UIColor.black
}
```

### inputPlaceholderTextColor

Couleur du texte de l’espace réservé dans les champs de saisie.

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

### inputBorderColor

Couleur de la bordure des champs de saisie.

```swift lines theme={null}
.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 ne sont pas valides.

```swift lines theme={null}
.withStyle {
  $0.inputBorderColorError = UIColor.red
}
```

### inputBackgroundColor

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

```swift lines theme={null}
.withStyle {
  $0.inputBackgroundColor = UIColor.white
}
```

### inputIconBackgroundColor

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

```swift lines theme={null}
.withStyle {
  $0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}
```

### inputIconColor

La couleur des icônes des champs de saisie.

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

## Styles de barre d’état

### UIStatusBarAnimation

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

```swift lines theme={null}
.withStyle {
  $0.UIStatusBarAnimation = .none
}
```

### statusBarHidden

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

```swift lines theme={null}
.withStyle {
  $0.statusBarHidden = false
}
```

### UIStatusBarStyle

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

```swift lines theme={null}
.withStyle {
  $0.UIStatusBarStyle = .default
}
```

### UISearchBarStyle

Le style de la barre de recherche sans mot de passe du Lock.

```swift lines theme={null}
.withStyle {
  $0.UISearchBarStyle = .default
}
```

## Autres options de style

### textColor

La couleur du texte dans le corps.

```swift lines theme={null}
.withStyle {
  $0.textColor = UIColor.black
}
```

### backgroundColor

Couleur utilisée comme couleur d’arrière-plan de la barre de recherche sans mot de passe.

```swift lines theme={null}
.withStyle {
  $0.backgroundColor = UIColor.white
}
```

### backgroundImage

Image utilisée comme arrière-plan de la serrure

```swift lines theme={null}
.withStyle {
  $0.backgroundImage = LazyImage(name: "company_logo")
}
```

### oauth2

Toute connexion OAuth2 non-db peut avoir des styles personnalisés en associant un nom de connexion à un `AuthStyle`

```swift lines theme={null}
.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 de l’étiquette du séparateur social.

```swift lines theme={null}
.withStyle {
  $0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}
```

### secondaryButtonColor

Couleur des boutons secondaires.

```swift lines theme={null}
.withStyle {
  $0.secondaryButtonColor = UIColor.black
}
```

### tabTextColor

Couleur du texte de l’onglet de connexion à la base de données.

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

### tabTintColor

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

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