SwiftUI Series 14｜Construindo páginas de configurações com SwiftUI: do design estrutural à reutilização de componentes

A página de configurações costuma ser subestimada porque não parece uma página “técnica”.

Mas precisamente porque é bastante típico, é na verdade muito adequado para testar a compreensão da organização de páginas do SwiftUI:

• A hierarquia da estrutura da página não é clara
• A propriedade do status é estável ou não
• A abstração de componentes é natural?
• O espaçamento e o ritmo visual são consistentes?

Portanto, a página de configurações é uma boa pergunta básica.

1. A verdadeira dificuldade em montar uma página é como manter uma estrutura estável entre um grande número de itens semelhantes.

Os elementos comuns da página de configurações são muito semelhantes:

• título
• Texto explicativo
• mudar
• Entre na página de nível inferior
• operações arriscadas

Se você não pensar nos níveis com antecedência, é fácil escrever:

• Cada linha é um pouco diferente
• Mas não existe uma estrutura unificada

Com o tempo, esse tipo de página se tornará cada vez mais difícil de manter.

2. A página de configurações é muito adequada para esclarecer primeiro os “componentes de nível de linha” e a “estrutura de agrupamento”.

Se eu escrever a página de configurações de forma constante, geralmente penso primeiro em dois níveis:

• Como é uma linha de itens de configuração?
• Como um grupo de itens de configuração é organizado

Uma vez claros esses dois níveis, a complexidade da página cairá muito. Porque você não terá que repensar o layout toda vez que um novo item de configuração for adicionado.

3. A página de configurações pode expor especialmente problemas de propriedade de status.

Por exemplo:

• Quem possui um determinado valor de troca
• Deve entrar em vigor imediatamente após clicar ou confirmar primeiro?
• Algumas configurações são estados de UI locais ou estados de negócios

Se eles forem misturados, a página crescerá rapidamente com todos os tipos de lógica temporária. Portanto, a página de configurações parece simples, mas na verdade é muito adequada para praticar “quais estados pertencem à página e quais estados pertencem ao objeto de negócio”.

4. Conclusão: A razão pela qual a página de configurações é adequada para SwiftUI é que ela parece simples superficialmente, mas na verdade está mais próxima disso, o que testa especialmente o senso de hierarquia.

Para resumir, eu diria:

O valor real de usar SwiftUI para escrever páginas de configurações é usá-lo para aprender três coisas: camadas estruturais, reutilização de componentes e atribuição de estado.

Depois que essas três coisas forem estabelecidas, muitas páginas comerciais também se tornarão estáveis.