Controllo Input penna in PowerAppsPen input control in PowerApps

Controllo che permette all'utente di disegnare, cancellare ed evidenzia le aree di un'immagine.A control in which the user can draw, erase, and highlight areas of an image.

DescrizioneDescription

È possibile usare questo controllo come una lavagna, per disegnare diagrammi e scrivere parole che possono essere convertite in testo digitato.The user can use this control like a whiteboard, drawing diagrams and writing words that can be converted to typed text.

Proprietà chiaveKey properties

Color: colore dei tratti di input.Color – The color of input strokes.

Mode: le modalità del controllo sono Disegna o Cancella.Mode – The control is in Draw or Erase mode. La modalità Seleziona è stata deprecata.Select mode has been deprecated.

Proprietà aggiuntiveAdditional properties

BorderColor: colore del bordo di un controllo.BorderColor – The color of a control's border.

BorderStyle: indica se il bordo di un controllo è Solid (Tinta unita), Dashed (Tratteggiato), Dotted (Punteggiato) o None (Nessuno).BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness: spessore del bordo di un controllo.BorderThickness – The thickness of a control's border.

DisplayMode: indica se il controllo consente l'input dell'utente (Edit), visualizza solo i dati (View) o è disabilitato (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

Fill: colore dello sfondo di un controllo.Fill – The background color of a control.

Height: distanza tra i bordi superiore e inferiore del controllo.Height – The distance between a control's top and bottom edges.

Input: input.Input – Input.

OnSelect: modo in cui l'app risponde quando l'utente tocca o fa clic su un controllo.OnSelect – How the app responds when the user taps or clicks a control.

SelectionColor: colore del testo di uno o più elementi selezionati in un elenco o colore dello strumento di selezione in un controllo penna.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

SelectionThickness: spessore dello strumento di selezione per un controllo input penna.SelectionThickness – The thickness of the selection tool for a pen-input control.

ShowControls: indica se un lettore audio o video mostra, ad esempio, un pulsante di riproduzione e un dispositivo di scorrimento del volume e se un controllo penna mostra, ad esempio, icone per disegnare, cancellare ed eliminare.ShowControls – Whether an audio or video player shows, for example, a play button and a volume slider, and a pen control shows, for example, icons for drawing, erasing, and clearing.

Size: dimensione del carattere del testo visualizzato in un controllo.Size – The font size of the text that appears on a control.

Tooltip: testo descrittivo visualizzato quando l'utente posiziona il mouse su un controllo.Tooltip – Explanatory text that appears when the user hovers over a control.

Visible: indica se un controllo viene visualizzato o è nascosto.Visible – Whether a control appears or is hidden.

Width: distanza tra i bordi sinistro e destro di un controllo.Width – The distance between a control's left and right edges.

X: distanza tra il bordo sinistro di un controllo e il bordo sinistro del contenitore padre, schermata se non c'è un contenitore padre.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

X: distanza tra il bordo superiore di un controllo e il bordo superiore del contenitore padre, schermata se non c'è un contenitore padre.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Collect( CollectionName, DatatoCollect )Collect( CollectionName, DatatoCollect )

EsempioExample

Creare un set di immaginiCreate a set of images

  1. Aggiungere un controllo Input penna, denominarlo MyDoodles e impostarne la proprietà ShowControls su true.Add a Pen input control, name it MyDoodles, and set its ShowControls property to true.

    Non si sa come aggiungere un controllo, assegnargli un nome e configurarlo?Don't know how to add, name, and configure a control?

  2. Aggiungere un controllo Pulsante, spostarlo sotto MyDoodles e impostare la proprietà Text del controllo Pulsante in modo da visualizzare Aggiungi.Add a Button control, move it below MyDoodles, and set the Text property of the Button control to show Add.
  3. Impostare la proprietà OnSelect del controllo Pulsante sulla formula seguente:Set the OnSelect property of the Button control to this formula:
    Collect(Doodles, {Sketch:MyDoodles.Image}) Collect(Doodles, {Sketch:MyDoodles.Image})
  4. Aggiungere un controllo Raccolta immagini, spostarlo sotto il controllo Pulsante e ridurre la larghezza del controllo Raccolta immagini fino a visualizzare tre elementi.Add an Image gallery control, move it below the Button control, and shrink the width of the Image gallery control until it shows three items.
  5. Impostare la proprietà Items del controllo Raccolta immagini su Doodles e quindi premere F5.Set the Items property of the Image gallery control to Doodles, and then press F5.
  6. Disegnare un'immagine in MyDoodles e quindi toccare o fare clic sul controllo Pulsante.Draw an image in MyDoodles, and then click or tap the Button control.

    L'immagine disegnata verrà visualizzata nel controllo Raccolta immagini.The image that you drew appears in the Image gallery control.

  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.(optional) In the Pen input control, click or tap the icon to clear the image that you drew, draw another image, and then click or tap the Button control.
  8. Nel controllo Raccolta immagini impostare la proprietà OnSelect del controllo Immagine sulla formula seguente:In the Image gallery control, set the OnSelect property of the Image control to this formula:
    Remove(Doodles, ThisItem) Remove(Doodles, ThisItem)
  9. Per rimuovere un disegno, toccare o fare clic sul controllo Raccolta immagini.Remove a drawing by clicking or tapping it in the Image gallery control.

Usare la funzione SaveData per salvare i disegni in locale o la funzione Patch per salvarli in un'origine dati.Use the SaveData function to save your drawings locally or the Patch function to save them to a data source.