Partilhar via

Diretrizes para alvos de toque

Todos os elementos interativos da interface na sua aplicação Windows devem ser suficientemente grandes para que os utilizadores possam aceder e usar com precisão, independentemente do tipo de dispositivo ou método de entrada.

Suportar a entrada tátil (e a natureza relativamente imprecisa da área de contacto tátil) requer uma otimização adicional em relação ao tamanho do alvo e ao layout de controlo, pois o conjunto maior e mais complexo de dados de entrada reportados pelo digitalizador tátil é usado para determinar o alvo pretendido (ou mais provavelmente) do utilizador.

Todos os controlos UWP foram desenhados com tamanhos e layouts padrão de alvos táteis que permitem construir aplicações visualmente equilibradas e apelativas, confortáveis, fáceis de usar e que inspiram confiança.

Neste tópico, descrevemos estes comportamentos predefinidos para que possa desenhar a sua aplicação para máxima usabilidade, usando tanto os controlos da plataforma como os controlos personalizados (caso a sua aplicação os rejeça).

APIs importantes: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Dimensionamento padrão fluente

O dimensionamento Fluent Standard foi criado para fornecer um equilíbrio entre a densidade de informações e o conforto do utilizador. Efetivamente, todos os itens na tela se alinham a um alvo de pixels efetivos (epx) de 40x40, o que permite que os elementos da interface do usuário se alinhem a uma grade e sejam dimensionados adequadamente com base no dimensionamento no nível do sistema.

Observação

Para saber mais sobre pixels efetivos e dimensionamento, veja Tamanhos de tela e pontos de interrupção

Para saber mais sobre o dimensionamento no nível do sistema, consulte Alinhamento, margem, padding.

Dimensionamento compacto fluente

As aplicações podem apresentar um nível mais elevado de densidade de informação com o dimensionamento Fluent Compact. O dimensionamento compacto alinha os elementos da interface de utilizador a um objetivo de 32x32 epx, permitindo que os elementos se ajustem a uma grelha mais densa e se escalonem de forma adequada com base nas definições de escala ao nível do sistema.

Examples

O dimensionamento compacto pode ser aplicado ao nível da página ou grelha.

Nível da página

<Page.Resources>
    <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
</Page.Resources>

Nível da grelha

<Grid>
    <Grid.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Grid.Resources>
</Grid>

Tamanho do alvo

De um modo geral, define o tamanho do teu alvo tátil para uma gama de 7,5mm quadrados (40x40 píxeis num ecrã de 135 PPI num platô de escala de 1,0x). Normalmente, os controlos UWP alinham-se com o alvo de toque de 7,5 mm (isto pode variar dependendo do controlo específico e dos padrões de utilização comum). Consulte Tamanho e densidade de Controlo para mais detalhes.

Estas recomendações de tamanho-alvo podem ser ajustadas conforme o seu cenário particular. Eis algumas coisas a considerar:

  • Frequência dos Toques - considere aumentar o tamanho dos alvos que são pressionados repetidamente ou frequentemente, para que sejam maiores do que o tamanho mínimo.
  • Consequência de Erro - os alvos que têm consequências graves se tocados inadvertidamente devem ter maior espaçamento e ser colocados mais longe da borda da área de conteúdo. Isto é especialmente verdade para alvos que são tocados frequentemente.
  • Posição na área de conteúdo.
  • Formato e tamanho do ecrã.
  • Postura dos dedos.
  • Visualizações táteis.

Samples

Arquivar amostras

  • Last updated on