SwiftUI Series 14｜Construire des pages de paramètres avec SwiftUI : de la conception structurelle à la réutilisation des composants

La page des paramètres est souvent sous-estimée car elle ne ressemble pas à une page « technique ».

Mais précisément parce que c’est assez typique, il est en fait très approprié pour tester la compréhension de l’organisation des pages SwiftUI :

• La hiérarchie de la structure des pages n’est pas claire
• La propriété du statut est stable ou non
• L’abstraction des composants est-elle naturelle ?
• L’espacement et le rythme visuel sont-ils cohérents ?

La page des paramètres est donc une bonne question de base.

1. La vraie difficulté dans la création d’une page est de savoir comment maintenir une structure stable parmi un grand nombre d’éléments similaires.

Les éléments communs de la page des paramètres sont très similaires :

• titre
• Texte explicatif
• interrupteur
• Entrez dans la page de niveau inférieur
• opérations risquées

Si on ne réfléchit pas aux niveaux à l’avance, c’est facile d’écrire :

• Chaque ligne est un peu différente
• Mais il n’y a pas de structure unifiée

Au fil du temps, ce type de page deviendra de plus en plus difficile à maintenir.

2. La page des paramètres est très appropriée pour clarifier en premier les « composants au niveau des lignes » et la « structure de regroupement ».

Si j’écris régulièrement la page des paramètres, je pense généralement d’abord à deux niveaux :

• À quoi ressemble une rangée d’éléments de réglage ?
• Comment un groupe d’éléments de réglage est organisé

Une fois ces deux niveaux clairs, la complexité de la page diminuera considérablement. Parce que vous n’aurez pas à repenser la mise en page à chaque fois qu’un nouvel élément de paramètre est ajouté.

3. La page des paramètres peut notamment exposer les problèmes de propriété du statut.

Par exemple :

• À qui appartient une certaine valeur de commutation
• Cela doit-il prendre effet immédiatement après avoir cliqué ou confirmé au préalable ?
• Certains paramètres sont des états locaux de l’interface utilisateur ou des états commerciaux

Si ceux-ci sont mélangés, la page développera rapidement toutes sortes de logiques temporaires. Par conséquent, la page des paramètres semble simple, mais elle est en fait très adaptée pour pratiquer « quels états appartiennent à la page et quels états appartiennent à l’objet métier ».

4. Conclusion : La raison pour laquelle la page des paramètres convient à SwiftUI est qu’elle semble simple en surface, mais en fait elle en est plus proche, ce qui teste surtout le sens de la hiérarchie.

Pour le dire sous une forme plus courte, je dirais :

La véritable valeur de l’utilisation de SwiftUI pour écrire des pages de paramètres est de l’utiliser pour apprendre trois choses : la superposition structurelle, la réutilisation des composants et l’attribution d’état.

Une fois ces trois éléments établis, de nombreuses pages professionnelles deviendront également stables.