Layout com Zafiro.Avalonia

Domine layouts modernos, limpos e de fácil manutenção em Avalonia UI. Foque em contêineres semânticos, estilos compartilhados e XAML mínimo.

🎯 Regra de Leitura Seletiva

Leia APENAS os arquivos relevantes para o desafio de layout!

📑 Mapa de Conteúdo

🔗 Projeto Relacionado (Implementação Exemplar)

Para um exemplo do mundo real, consulte o projeto Angor: /mnt/fast/Repos/angor/src/Angor/Avalonia/Angor.Avalonia.sln

✅ Checklist para Layouts Limpos

• Usou contêineres semânticos? (ex: HeaderedContainer em vez de Border com cabeçalho manual)
• Evitou propriedades redundantes? Use estilos compartilhados em arquivos axaml.
• Minimizou o aninhamento? Achate layouts usando EdgePanel ou componentes genéricos.
• Ícones via extensão? Use {Icon fa-name} e IconOptions para estilização.
• Behaviors em vez de code-behind? Use Interaction.Behaviors para lógica de UI.
• Evitou Converters? Prefira propriedades do ViewModel ou Behaviors, a menos que seja necessário.

❌ Anti-Padrões

NÃO:

• Use cores ou tamanhos fixos (literais) nas visualizações.
• Crie aninhamento profundo de Grid e StackPanel.
• Repita propriedades visuais em vários elementos (use Estilos).
• Use IValueConverter para lógica simples que pertence ao ViewModel.

FAÇA:

• Use DynamicResource para cores e pincéis.
• Extraia layouts repetidos em componentes genéricos.
• Aproveite painéis específicos do Zafiro.Avalonia como EdgePanel para padrões de UI comuns.

Quando Usar

Esta habilidade é aplicável para executar o fluxo de trabalho ou as ações descritas na visão geral.

Limitações

• Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
• Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
• Pare e peça esclarecimentos se as entradas, permissões, limites de segurança ou critérios de sucesso necessários estiverem ausentes.