Del via

Kontrolelement Penneinput i Power Apps

  • Artikel

Et kontrolelement, hvor brugeren kan tegne, slette og fremhæve områder af et billede.

Beskrivelse

Brugeren kan benytte dette kontrolelement som et whiteboard og tegne diagrammer og skrive ord, der kan konverteres til indtastet tekst.

Begrænsninger

Kontrolelementet Penneinput har følgende begrænsninger:

  • Kontrolelementet Pen har kun delvist understøttelse af tegning ved hjælp af en mus eller berøringsinput i Windows-appen. Strøg kan være uregelmæssige. Brug en pen, eller kør appen i en browser for at tegne jævnt.

Nøgleegenskaber

Image – Outputegenskab, der repræsenterer det billede, der er udarbejdet af slutbrugeren.

Color – Farven på inputstrøgene.

Mode – Kontrolelementet er i tilstanden Tegn eller Slet. Tilstanden Vælg er forældet.

Flere egenskaber

AccessibleLabel – Etiket for skærmlæsere. Kan bruges til at beskrive formålet med kontrolelementet samt andre inputmetoder.

BorderColor – Farven på et kontrolelements kant.

BorderStyle – Om et kontrolelements kant er Solid, Dashed, Dotted eller None.

BorderThickness – Tykkelsen på et kontrolelements kant.

DisplayMode – Om kontrolelementet tillader brugerinput (Edit), kun viser data (View) eller er deaktiveret (Disabled).

Fill – Baggrundsfarven i et kontrolelement.

Height – Afstanden mellem et kontrolelements øverste og nederste kant.

Input – Deprecated. Uanset om inputtet understøtter mus, pen eller berøringsinput. Standardværdien (7) understøtter alle tre.

OnSelect – Handlinger, der skal udføres, når brugeren trykker eller klikker på et kontrolelement.

SelectionColor – Tekstfarven på et markeret element eller elementer på en liste eller farven på markeringsværktøjet i et pennekontrolelement.

SelectionThickness – Tykkelsen af værktøjet til markering for et kontrolelement af typen Penneinput.

ShowControls – Om en lyd- eller videoafspiller viser kontrolelementer, f.eks. en afspilningsknap og en skyder til lydstyrke, og et pennekontrolelement, f.eks. ikoner til at tegne, slette og fjerne.

Size – Skriftstørrelsen på teksten i et kontrolelement.

Tooltip – Forklarende tekst, der vises, når brugeren holder markøren over et kontrolelement.

Visible – Om et kontrolelement vises eller skjules.

Width – Afstanden mellem et kontrolelements venstre og højre kant.

X – Afstanden mellem kontrolelementets venstre kant og venstre kant af den overordnede objektbeholder (eller skærmbilledet, hvis der ingen overordnet objektbeholder er).

Y – Afstanden mellem kontrolelementets øverste kant og den øverste kant af den overordnede objektbeholder (eller skærmbilledet, hvis der ingen overordnet objektbeholder er).

Collect( CollectionName, DatatoCollect )

Eksempel

Oprette et sæt billeder

  1. Tilføj et kontrolelement af typen Penneinput, navngiv det MyDoodles, og angiv egenskaben ShowControls for det til true.

    Ved du ikke, hvordan du tilføjer, navngiver og konfigurerer et kontrolelement?

  2. Tilføj et kontrolelement af typen Knap, flyt det ned under MyDoodles, og angiv egenskaben Text for kontrolelementet Knap til at vise Tilføj.

  3. Angiv egenskaben OnSelect for kontrolelementet Knap til denne formel:
    Collect(Doodles, {Sketch:MyDoodles.Image})

  4. Tilføj et kontrolelement af typen Billedgalleri, flyt det under kontrolelementet Knap, og reducer bredden på kontrolelementet Billedgalleri, indtil det viser tre elementer.

  5. Angiv egenskaben Items for kontrolelementet Billedgalleri til Doodles, og tryk derefter på F5.

  6. Tegn et billede i MyDoodles, og klik eller tryk på kontrolelementet Knap.

    Det billede, som du tegnede, vises i kontrolelementet Billedgalleri.

  7. (valgfrit) I kontrolelementet Penneinput skal du klikke eller trykke på ikonet for at rydde det billede, du har tegnet, tegne et andet billede og derefter klikke eller trykke på kontrolelementet Knap.

  8. I kontrolelementet Billedgalleri skal du angive egenskaben OnSelect for kontrolelementet Billede til denne formel:
    Remove(Doodles, ThisItem)

  9. Fjern en tegning ved at klikke eller trykke på den i kontrolelementet Billedgalleri.

Brug funktionen SaveData til at gemme tegningerne lokalt eller funktionen Patch til at gemme dem i en datakilde.

Retningslinjer for tilgængelighed

Farvekontrast

Der skal være tilstrækkelig farvekontrast mellem:

  • BorderColor og farven uden for kontrolelementet (hvis der er en kant)
  • Fill og farven uden for kontrolelementet (hvis der ikke er nogen kant)

Understøttelse af skærmlæser

  • AccessibleLabel bør være til stede.

    Vigtigt

    Penneinput er ikke tilgængelig for brugere af skærmlæsere. Du skal altid muliggøre en alternativ form for input. Hvis en skitse f.eks. er påkrævet, kan du overveje at tilføje et kontrolelement af typen Tilføj billede, så brugerne kan uploade et billede. Begge metoder kan tilbydes, og brugeren kan anvende den, som vedkommende foretrækker.

Understøttelse af tastatur

Vigtigt

Penneinput er ikke tilgængelig for tastaturbrugere. Du skal altid muliggøre en alternativ form for input. Hvis en signatur f.eks. er påkrævet, kan du overveje at tilføje et kontrolelement af typen Tekstinput, så brugerne kan indtaste deres navn. Begge metoder kan tilbydes, og brugeren kan anvende den, som vedkommende foretrækker.

Bemærk

Kan du fortælle os om dine sprogpræferencer for dokumentation? Tag en kort undersøgelse. (bemærk, at denne undersøgelse er på engelsk)

Undersøgelsen tager ca. syv minutter. Der indsamles ingen personlige data (erklæring om beskyttelse af personlige oplysninger).