Het besturingselement Afbeelding toevoegen in canvas-apps

Hiermee wordt een foto gemaakt of worden afbeeldingen geladen van het lokale apparaat.

Beschrijving

Met dit besturingselement kunnen gebruikers foto's maken of afbeeldingsbestanden uploaden van hun apparaat en de gegevensbron met deze inhoud bijwerken. Op een mobiel apparaat kan de gebruiker in een dialoogvenster kiezen tussen het maken van een foto of het selecteren van een beschikbare foto.

Dit besturingselement is een gegroepeerd besturingselement dat twee besturingselementen bevat: een Afbeelding en een knop Afbeelding toevoegen. Het besturingselement Afbeelding toont de geüploade afbeelding of een tijdelijke aanduiding als geen afbeelding is geüpload. De Knop Afbeelding toevoegen vraagt om een afbeelding die moet worden geüpload.

Zie Besturingselement Afbeelding: naslag voor eigenschappen Afbeelding.

Eigenschappen voor de knop Afbeelding toevoegen

AccessibleLabel: label voor schermlezers. Moet het doel van het toevoegen van een foto beschrijven.

Align: de locatie van tekst in verhouding tot het horizontale midden van het besturingselement.

BorderColor: de kleur van de rand van een besturingselement.

BorderStyle: hiermee wordt aangegeven of de rand van een besturingselement effen, onderbroken of gestippeld is, of dat er geen rand is.

BorderThickness: de dikte van de rand van een besturingselement.

ChangePictureText: tekst die wordt weergegeven op de knop wanneer een afbeelding is geüpload.

Color: de kleur van de tekst in een besturingselement.

DisabledBorderColor: de kleur van de rand van een besturingselement als de eigenschap DisplayMode van het besturingselement is ingesteld op Disabled.

DisabledColor: de kleur van tekst in een besturingselement als de eigenschap DisplayMode van het besturingselement is ingesteld op Disabled.

DisabledFill: de achtergrondkleur van een besturingselement als de eigenschap DisplayMode van het besturingselement is ingesteld op Disabled.

DisplayMode: bepaalt of invoer van de gebruiker is toegestaan (Edit), of gegevens alleen worden weergegeven (View) of het besturingselement wordt uitgeschakeld (Disabled).

Error: Als er een probleem is opgetreden bij het uploaden van een afbeelding, bevat deze eigenschap een relevant foutbericht.

Fill: de achtergrondkleur van een besturingselement.

FocusedBorderColor: de kleur van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

FocusedBorderThickness: de dikte van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

Font: de naam van de lettertypefamilie waarin de tekst wordt weergegeven.

FontWeight: het gewicht van de tekst in een besturingselement: Bold, Semibold, Normal of Lighter.

Height: de afstand tussen de boven- en onderrand van een besturingselement.

HoverBorderColor: de kleur van de rand van een besturingselement wanneer de gebruiker de muisaanwijzer op dat besturingselement plaatst.

HoverColor: de kleur van de tekst in een besturingselement wanneer de gebruiker de muisaanwijzer op de tekst plaatst.

HoverFill: de achtergrondkleur van een besturingselement wanneer de gebruiker de muisaanwijzer op de achtergrond plaatst.

Italic: hiermee wordt aangegeven of de tekst in een besturingselement cursief is.

Media: een identificatie voor de clip die met het besturingselement voor audio of video wordt afgespeeld.

OnChange: Acties die moeten worden uitgevoerd wanneer de gebruiker de waarde van een besturingselement wijzigt (bijvoorbeeld door een schuifregelaar bij te stellen).

OnSelect: Acties die moeten worden uitgevoerd wanneer de gebruiker op een besturingselement tikt of klikt.

Padding: de afstand tussen de tekst op een knop voor importeren of exporteren en de randen van die knop.

PressedBorderColor: de kleur van de rand van een besturingselement wanneer de gebruiker op dat besturingselement tikt of klikt.

PressedColor: de kleur van tekst in een besturingselement wanneer de gebruiker op dat besturingselement tikt of klikt.

PressedFill: de achtergrondkleur van een besturingselement wanneer de gebruiker op dat besturingselement tikt of klikt.

Reset: bepaalt of een besturingselement wordt teruggezet op de standaardwaarde.

Size: de tekengrootte van de tekst die in een besturingselement wordt weergegeven.

Strikethrough: hiermee wordt aangegeven of een streep door de tekst van een besturingselement wordt weergegeven.

TabIndex: de navigatievolgorde op het toetsenbord ten opzichte van andere besturingselementen.

Text: tekst die wordt weergegeven op de knop als een afbeelding niet is geüpload.

Tooltip: beschrijvende tekst die wordt weergegeven wanneer de gebruiker een besturingselement aanwijst.

Underline: hiermee wordt aangegeven of onder de tekst in een besturingselement een streep wordt weergegeven.

UseMobileCamera - Of een mobiele camera rechtstreeks moet worden gebruikt, indien beschikbaar. Voor Android-apparaten, is voor deze eigenschap vereist dat de experimentele instelling Verbeterde mediavastlegging is ingeschakeld.

VerticalAlign: de locatie van de tekst in een besturingselement in verhouding tot het verticale midden van dat besturingselement.

Visible: hiermee wordt aangegeven of een besturingselement zichtbaar of verborgen is.

Width: de afstand tussen de linker- en rechterrand van een besturingselement.

X: de afstand tussen de linkerrand van een besturingselement en de linkerrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Y: de afstand tussen de bovenrand van een besturingselement en de bovenrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Patch( DataSource, BaseRecord, ChangeRecord)

Voorbeelden

  1. Voeg een besturingselement Afbeelding toevoegen toe en klik of tik er driemaal op.

    Weet u niet hoe u een besturingselement kunt toevoegen, een naam kunt geven of kunt configureren?

  2. Klik of tik in het dialoogvenster Open op een afbeeldingsbestand en klik of tik op Open.

  3. Voeg een besturingselement Knop toe, plaats deze onder het besturingselement Afbeelding toevoegen en stel de eigenschap OnSelect van het besturingselement Knop in op deze formule:
    Collect(MyPix, AddMediaButton1.Media)

    Wilt u meer informatie over de functie Collect of andere functies?

  4. Voeg een besturingselement Vertical gallery toe en stel de eigenschap Items van de galerie in op MyPix.

  5. Selecteer het besturingselement Afbeelding in de galerie en stel de eigenschap Image in op ThisItem.Value.

  6. Druk op F5 en klik of tik op het besturingselement Knop.

    De afbeelding van het besturingselement voor Afbeelding toevoegen verschijnt in het besturingselement Verticale Galerij. Als de afbeelding een andere hoogte-breedteverhouding heeft dan het besturingselement Afbeelding in het besturingselement Verticale Galerij, stelt u de eigenschap ImagePosition van het besturingselement Afbeelding in op Fit.

  7. Klik of tik op het besturingselement Afbeelding toevoegen, klik of tik op een ander afbeeldingsbestand, klik of tik op Open en klik of tik op het besturingselement Knop dat u hebt toegevoegd.

    De tweede afbeelding wordt weergegeven in het besturingselement Image gallery.

  8. (Optioneel) Herhaal de vorige stap een of meer keren, en ga terug naar de standaardwerkruimte door op Esc te drukken.

Gebruik de functie SaveData om de afbeeldingen lokaal op te slaan of de functie Patch om een gegevensbron bij te werken.

Richtlijnen voor toegankelijkheid

Dezelfde richtlijnen voor Knop en Afbeelding zijn van toepassing. Bekijk bovendien de volgende scenario's:

Kleurcontrast

  • Knop Afbeelding toevoegen moet voldoende contrast hebben tussen de tekst en de achtergrond. Omdat de geüploade afbeelding verschillende kleuren kan hebben, gebruikt u een ondoorzichtige Fill op de Knop Afbeelding toevoegen om te zorgen voor consistent contrast.

Ondersteuning voor schermlezer

  • De Knop Afbeelding toevoegen moet Text en ChangePictureText bevatten, die de gebruiker vraagt een afbeelding toe te voegen of te wijzigen.

Ondersteuning voor toetsenbord

  • De Knop Afbeelding toevoegen moet TabIndex nul of groter hebben, zodat toetsenbordgebruikers ernaartoe kunnen navigeren.
  • De Knop Afbeelding toevoegen moet duidelijk zichtbare focusindicatoren hebben. Gebruik hiervoor FocusedBorderColor en FocusedBorderThickness.

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).