Controllo input penna in Power Apps

Controllo in cui l'utente può disegnare, cancellare ed evidenziare aree di un'immagine.

Description

L'utente può utilizzare questo controllo come una lavagna, diagrammi di disegno e scrittura di parole che possono essere convertite in testo tipizzato.

Limitazioni

Il controllo input penna presenta queste limitazioni:

  • Il controllo penna include solo il supporto parziale per il disegno usando un input tramite mouse o tocco nell'app di Windows. I tratti potrebbero essere intermittenti. Per un disegno uniforme, usa una penna o esegui l'app in un browser.

Proprietà chiave

Image : proprietà output che rappresenta l'immagine disegnata dall'utente finale.

Color : colore dei tratti di input.

Modalità : il controllo è in modalità Disegno o Cancellazione . La modalità di selezione è stata deprecata.

Proprietà aggiuntive

AccessibleLabel : etichetta per le utilità per la lettura dello schermo. Può essere usato per descrivere lo scopo del controllo, nonché metodi alternativi di input.

BorderColor : colore del bordo di un controllo.

BorderStyle : indica se il bordo di un controllo è Solido, Tratteggiato, Tratteggiato o Nessuno.

BorderThickness : spessore del bordo di un controllo.

DisplayMode : indica se il controllo consente l'input dell'utente (Modifica), visualizza solo i dati (visualizzazione) o è disabilitato (Disabilitato).

Fill: colore dello sfondo di un controllo.

Altezza : distanza tra i bordi superiore e inferiore di un controllo.

Input : deprecato. Indipendentemente dal fatto che l'input supporti input tramite mouse, penna o tocco. Il valore predefinito (7) supporta tutti e tre.

OnSelect : azioni da eseguire quando l'utente tocca o fa clic su un controllo.

SelectionColor : colore del testo di un elemento o di un elemento selezionato in un elenco o il colore dello strumento di selezione in un controllo penna.

SelectionThickness : spessore dello strumento di selezione per un controllo di input penna.

ShowControls : indica se un lettore audio o video mostra, ad esempio, un pulsante di riproduzione e un dispositivo di scorrimento del volume e un controllo penna mostra, ad esempio, icone per il disegno, la cancellazione e la cancellazione.

Dimensioni : dimensioni del carattere del testo visualizzato in un controllo.

Descrizione comando : testo esplicativo visualizzato quando l'utente passa il mouse su un controllo.

Visibile : indica se viene visualizzato o nascosto un controllo.

Width : distanza tra i bordi sinistro e destro di un controllo.

X: distanza tra il bordo sinistro di un controllo e il bordo sinistro del contenitore padre o della schermata se non c'è un contenitore padre.

Y: distanza tra il bordo superiore di un controllo e il bordo superiore del contenitore padre o della schermata se non c'è un contenitore padre.

Collect( CollectionName, DatatoCollect )

Example

Creare un set di immagini

  1. Aggiungere un controllo Input penna , denominarlo MyDoodles e impostarne la proprietà ShowControls su true.

    Non sai come aggiungere un controllo, assegnargli un nome e configurarlo?

  2. Aggiungere un controllo Pulsante , spostarlo sotto MyDoodles e impostare la proprietà Text del controllo Pulsante per visualizzare Aggiungi.

  3. Impostare la proprietà OnSelect del controllo Button su questa formula:
    Collect(Doodles, {Sketch:MyDoodles.Image})

  4. Aggiungere un controllo Raccolta immagini, spostarlo sotto il controllo Pulsante e compattare la larghezza del controllo Raccolta immagini fino a visualizzare tre elementi.

  5. Impostare la proprietà Items del controllo Raccolta immagini su Doodles e quindi premere F5.

  6. Disegnare un'immagine in MyDoodles e quindi toccare o fare clic sul controllo Pulsante .

    L'immagine disegnata viene visualizzata nel controllo Raccolta immagini .

  7. (facoltativo) Nel controllo Input penna toccare o fare clic sull'icona per cancellare l'immagine disegnata, disegnare un'altra immagine e quindi toccare o fare clic sul controllo Pulsante .

  8. Nel controllo Raccolta immagini impostare la proprietà OnSelect del controllo Image su questa formula:
    Remove(Doodles, ThisItem)

  9. Rimuovere un disegno facendo clic o toccandolo nel controllo Raccolta immagini .

Utilizzare la funzione SaveData per salvare i disegni in locale o la funzione Patch per salvarli in un'origine dati.

Linee guida sull'accessibilità

Contrasto dei colori

Deve esserci un contrasto di colore adeguato tra:

  • BorderColor e il colore all'esterno del controllo (se è presente un bordo)
  • Riempimento e colore all'esterno del controllo (se non è presente alcun bordo)

Utilità per la lettura dello schermo

  • AccessibleLabel deve essere presente.

    Importante

    L'input penna non è accessibile agli utenti dell'utilità per la lettura dello schermo. Fornire sempre una forma alternativa di input. Ad esempio, se è necessario uno schizzo, è consigliabile aggiungere un controllo Aggiungi immagine per consentire agli utenti di caricare un'immagine. Entrambi i metodi possono essere offerti e l'utente può scegliere quello con cui sono più comodi.

Supporto della tastiera

Importante

L'input penna non è accessibile agli utenti della tastiera. Fornire sempre una forma alternativa di input. Ad esempio, se è necessaria una firma, è consigliabile aggiungere un input di testo per consentire agli utenti di immettere il proprio nome. Entrambi i metodi possono essere offerti e l'utente può scegliere quello con cui sono più comodi.