SwiftUI Series 11｜Modo escuro do SwiftUI, fontes dinâmicas e adaptação de vários tamanhos

Muitas páginas pareciam normais na máquina de desenvolvimento inicialmente:

-A cor está ok -O tamanho da fonte também é apropriado

• O layout é bastante suave

Mas basta cortar para:

• modo escuro
• Fonte maior
• Tela mais estreita
• Cópia mais longa

O problema será exposto imediatamente.

Isso mostra que muitos dos chamados “problemas de adaptação” são essencialmente a página sendo escrita em uma condição padrão desde o início.

1. Modo escuro, fontes dinâmicas e telas diferentes perguntam a mesma coisa: a página é flexível às mudanças ambientais?

Uma situação comum é analisar estes itens de adaptação separadamente:

• O modo escuro é um problema de cor
• Fontes dinâmicas são uma questão de tamanho da fonte
• A adaptação para telas pequenas é um problema de layout

Claro, estes julgamentos estão corretos, mas a partir de um nível superior, eles estão essencialmente testando a mesma coisa:

A página está estabelecida apenas em um “ambiente padrão”?

Se uma página parece razoável apenas no tamanho de fonte padrão, modo claro e tamanho padrão, seu problema é, na verdade, flexibilidade insuficiente.

2. A falha de adaptação mais comum é que muitas suposições visuais são codificadas.

Por exemplo:

• O texto é sempre uma linha
• Altura fixa do cartão
• A distância entre ícones e direitos autorais sempre pode ser mantida
• Uma determinada cor é suficientemente clara em qualquer fundo

Estas suposições podem ser todas verdadeiras num único ambiente, mas uma vez que o ambiente muda, todas elas desmoronam juntas.

Então, o que é realmente importante na adaptação é escrever menos sobre essa suposição frágil.

3. O problema mais comum exposto por fontes dinâmicas é que o nível do layout não é estável.

Quando o tópico de fontes dinâmicas é levantado, a primeira reação é:

• Se o tamanho da fonte for muito grande, excederá o

Isto é certamente um problema, mas os riscos mais profundos são:

• Certas estruturas são inerentemente válidas apenas sob um comprimento de cópia fixo.
• Alguns cartões são inerentemente mantidos com alturas codificadas
• Não há flexibilidade em algumas relações imagem-texto.

Portanto, as fontes dinâmicas estão testando se o layout é válido apenas “apenas neste tamanho”.

4. A verdadeira dificuldade do modo escuro é se a relação de hierarquia e contraste será desequilibrada.

Muitas páginas apresentam problemas após mudar para cores escuras:

• A relação entre o plano de fundo e a hierarquia do texto não é clara
• As cores de destaque ficam bem no modo claro, mas são duras no modo escuro
• As informações secundárias apresentam contraste muito baixo em cores escuras

Em outras palavras, o modo escuro testa se a hierarquia visual é suficientemente clara.

5. A adaptação a telas de diferentes tamanhos é essencialmente uma questão de saber se a lógica de alocação de espaço é estável o suficiente

Algumas páginas parecem confortáveis em uma tela grande, mas começam a ficar assim em uma tela pequena:

• apertar
• pausa
• Tudo fica bagunçado após a quebra de linha

Isso mostra que o problema geralmente não está na tela pequena em si, mas na lógica instável de alocação de espaço. Por exemplo:

• Quais áreas devem ser expandidas elasticamente? -Quais áreas podem ser quebradas?
• Qual conteúdo tem maior prioridade

Não pensei nisso com clareza no início, mas ficará exposto assim que o equipamento mudar.

6. Conclusão: A verdadeira adaptabilidade é essencialmente a flexibilidade da página às mudanças ambientais.

Para resumir, eu diria:

As páginas SwiftUI se adaptam ao modo escuro, fontes dinâmicas e telas de diferentes tamanhos. O que realmente precisa ser feito é não bloquear a página em um ambiente padrão desde o início.

Quando a página em si for flexível, a adaptação será muito mais natural; Quando não há elasticidade, as manchas posteriores geralmente tornam-se cada vez mais numerosas.