Padrão de design de painel complementar
O padrão de painel complementar é uma ótima oportunidade de aproveitar o tamanho de tela adicionado usando superfícies de segundo nível que estão ocultas de algum outro modo e expondo-as quando o aplicativo está estendido.
Você também pode usar duas telas colocando a tela do aplicativo em uma delas e usando a outra para conter ferramentas que manipulam o conteúdo da tela. Ao usar o painel complementar para um cenário de ferramentas, devido à ergonomia, provavelmente é mais adequado para as ferramentas estarem na parte direita ou inferior. Teste seu aplicativo para ver o que funciona melhor para seu aplicativo.
Mostrar contexto complementar para ampliar as tarefas dos usuários, geralmente com uma relação primária/secundária, trazendo à superfície funcionalidades de segundo nível que ficavam escondidas para ter acesso mais rápido.
Separar conteúdo para consumo de ferramentas para interações torna mais fácil para os usuários analisarem o conteúdo e se concentrarem nele. Isso oferece uma experiência mais ergonômica pelo fato de as ferramentas estarem mais próximas das mãos, principalmente em posturas de paisagem dupla.
Práticas recomendadas
Aqui estão alguns cenários para ajudar a guiá-lo ao aplicar esse padrão de design:
O que fazer | O que não fazer |
---|---|
Use a segunda tela para agir como um painel complementar ou ferramenta para manipular o conteúdo na primeira tela. | Não exiba o conteúdo em ambas as telas que passam pela dobradiça. |
O que fazer | O que não fazer |
---|---|
Use a segunda tela como controlador para executar jogos na primeira tela. | Não duplica o conteúdo do jogo na segunda tela com o controlador sobreposto acima dele. |
Tipos de aplicativos que podem se beneficiar desse padrão
- Aplicativos de produtividade que podem querer que informações complementares apareçam ao lado do conteúdo principal
- Ferramentas criativas como aplicativos de desenho de imagens
- Aplicativos de edição de música ou vídeo
- Aplicativos de jogos
Exemplos de código
Esses projetos mostram uma implementação simples do padrão de design do painel complementar que você pode usar em seus aplicativos:
Próximas etapas
Considere esses outros padrões de design: