Dela via

Riktlinjer för pekmål

Alla interaktiva gränssnittselement i ditt Windows-program måste vara tillräckligt stora för att användarna ska kunna komma åt och använda dem korrekt, oavsett enhetstyp eller indatametod.

Stöd för pekinmatning (och den relativt oprecisa naturen hos kontaktytan) kräver ytterligare optimering med avseende på målets storlek och kontrollernas layout eftersom den större och mer komplexa uppsättningen indata rapporteras av pekskärmsdigitaliseraren och används för att fastställa användarens avsedda (eller mest sannolika) mål.

Alla UWP-kontroller har utformats med standardstorlekar och layouter för touchmål som gör att du kan skapa visuellt balanserade och tilltalande appar som är bekväma, enkla att använda och inger förtroende.

I det här avsnittet beskriver vi dessa standardbeteenden så att du kan utforma din app för maximal användbarhet med både plattformskontroller och anpassade kontroller (om din app kräver dem).

Viktiga API:er: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Fluent Standard-storlek

Fluent Standards storlek skapades för att ge en balans mellan informationstäthet och användarkomfort. I praktiken justeras alla objekt på skärmen mot ett epx-mål (40x40 effektiva pixlar), vilket gör att gränssnittselement kan justeras till ett rutnät och skalas på lämpligt sätt baserat på skalning på systemnivå.

Anmärkning

Mer information om effektiva pixlar och skalning finns i Skärmstorlekar och brytpunkter

Mer information om skalning på systemnivå finns i Justering, marginal, utfyllnad.

Fluent kompaktstorlek

Program kan visa en högre nivå av informationsdensitet med Fluent Compact-storlek. Kompakt storlek justerar gränssnittselementen till ett 32x32-epx-mål, vilket gör att gränssnittselement kan justeras till ett snävare rutnät och skalas på lämpligt sätt baserat på skalning på systemnivå.

Examples

Kompakt storleksändring kan tillämpas på sid- eller rutnätsnivå.

Sidanivå

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

Nivå i rutnät

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

Målstorlek

I allmänhet anger du pekmålstorleken till 7,5 mm kvadratintervall (40 x 40 bildpunkter på en 135 PPI-skärm på en 1,0x skalningsplatå). Vanligtvis överensstämmer UWP-kontroller med 7,5 mm pekmål (detta kan variera beroende på den specifika kontrollen och eventuella vanliga användningsmönster). Mer information finns i Kontrollera storlek och densitet .

Dessa rekommendationer för målstorlek kan justeras efter behov av ditt specifika scenario. Här är några saker att tänka på:

  • Frekvens av beröringar – överväg att göra tryckpunkter som trycks upprepade gånger eller ofta större än den minsta storleken.
  • Fel konsekvens – mål som har allvarliga konsekvenser om de berörs av fel bör ha större utfyllnad och placeras längre från kanten av innehållsområdet. Detta gäller särskilt för mål som ofta berörs.
  • Position i innehållsområdet.
  • Formfaktor och skärmstorlek.
  • Fingerställning.
  • Touchvisualiseringar.

Samples

Arkivera exempel

  • Last updated on