Adăugați controlul imaginii în aplicațiile proiectate pe pânză

Realizează o fotografie sau încarcă imagini de pe dispozitivul local.

Descriere

Cu acest control, utilizatorii pot face fotografii sau încărca fișiere imagine de pe dispozitivul lor și actualiza sursa de date cu acest conținut. Pe un dispozitiv mobil, utilizatorului i se prezintă caseta de dialog din care să aleagă dispozitivul, între realizarea unei fotografii sau selectarea uneia deja disponibile.

Acest control este un control grupat care conține două controale: Imagine și Adăugare buton desen. Controlul Imagine arată imaginea încărcată sau un substituent dacă nu a fost încărcată nicio imagine. Indicatorul Adăugare buton desen solicită încărcarea unei imagini.

Consultați Referință control imagine pentru proprietățile Imaginii.

Limitări

Controlul imaginii are aceste limitări:

• Când utilizați controlul Adăugați imagine de pe iOS, imaginile importate folosind camera sau galeria nu conțin metadate precum orientarea, informațiile despre locație, sau setările camerei.

Adăugare buton imagine proprietăți

AccessibleLabel – Etichetă pentru cititoare de ecran. Ar trebui să descrie scopul adăugării unei imagini.

Align - Locația textului în raport cu centrul orizontal al controlului său.

BorderColor - Culoarea bordurii unui control.

BorderStyle - Dacă bordura unui control este de tip Continuu, Linii, Puncte sau Fără.

BorderThickness - Grosimea bordurii unui control.

ChangePictureText - Text care apare pe buton la încărcarea unei imagini.

Color - Culoarea textului unui control.

DisabledBorderColor - Culoarea marginii unui control, dacă proprietatea DisplayMode a controlului este setată la Dezactivat.

DisabledColor - Culoarea textului unui control, dacă proprietatea DisplayMode a acestuia este setată la Dezactivat.

DisabledFill - Culoarea de fond a unui control, dacă proprietatea DisplayMode a acestuia este setată la Dezactivat.

DisplayMode - Dacă controlul permite date introduse de utilizator (Editare), afișează numai datele (Vizualizare) sau este dezactivat (Dezactivat).

Eroare - Dacă există o problemă la încărcarea unei imagini, această proprietate va conține un șir corespunzător de eroare.

Fill - Culoarea de fond a unui control.

FocusedBorderColor – Culoarea bordurii unui control atunci când controlul este focalizat.

FocusedBorderThickness – Grosimea bordurii unui control atunci când controlul este focalizat.

Font - Numele familiei de fonturi în care apare textul.

FontWeight – Grosimea textului într-un control: Bold, SemiBold, Normal sau Mai fin.

Height - Distanța dintre marginile superioare și inferioare ale unui control.

HoverBorderColor – Culoarea bordurii unui control atunci când utilizatorul menține indicatorul de mouse pe controlul respectiv.

HoverColor – Culoarea textului unui control atunci când utilizatorul menține indicatorul de mouse pe acesta.

HoverFill – Culoarea de fond a unui control atunci când utilizatorul menține indicatorul de mouse pe acesta.

Italic – Dacă textul dintr-un control este italic.

Media - Un identificator pentru clipul pe care rulează un control audio sau video.

OnChange – Acțiuni de efectuat atunci când utilizatorul modifică valoarea unui control (de exemplu, ajustând un glisor).

OnSelect – Acțiuni de efectuat atunci când utilizatorul atinge sau face clic pe un control.

Spațiere - Distanța dintre textul unui buton de import sau export și marginile butonului respectiv.

PressedBorderColor – Culoarea bordurii unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

PressedBorderColor – Culoarea textului unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

PressedFill – Culoarea de fond a unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

Reset – Dacă un control revine la valoarea sa implicită.

Size - Dimensiunea fontului textului care apare pe un control.

Strikethrough – Dacă textul care apare într-un control este tăiat cu o linie.

TabIndex – Comanda de navigare prin tastatură comparativ cu alte controale.

Text – Text care apare pe buton atunci când o imagine nu a fost încărcată.

Tooltip - Text explicativ care apare atunci când utilizatorul deplasează indicatorul mouse-ului peste un control.

Underline – Dacă textul care apare într-un control este subliniat.

UseMobileCamera - Dacă folosiți o cameră mobilă direct, atunci când este disponibilă. Pentru dispozitivele Android, această proprietate necesită ca setarea experimentală Captură media îmbunătățită să fie activată.

VerticalAlign - Locația textului unui control în raport cu centrul vertical al acestui control.

Visible - Dacă un control este vizibil sau ascuns.

Width - Distanța dintre marginea din stânga și cea din dreapta a unui control.

X- Distanța dintre marginea din stânga a unui control și marginea din stânga a containerului părinte al acestuia (a ecranului, dacă nu există un container părinte).

Y - Distanța dintre marginea de sus a unui control și marginea de sus a containerului părinte al acestuia (a ecranului, dacă nu există un container părinte).

Funcții asociate

Patch( DataSource, BaseRecord, ChangeRecord )

Exemple

Adăugați imagini la un control de galerie cu imagini

1. Adăugați un control Adăugare poză, apoi faceți triplu clic pe el.

   Nu știți cum să adăugați, numiți și configurați un control?

2. În caseta de dialog Deschis, faceți clic sau atingeți un fișier imagine, apoi faceți clic sau atingeți Deschis.

3. Adăugați un control Button, mutați-l sub controlul Adăugare poză și setați proprietatea OnSelect pentru controlul Button cu această formulă:
   Collect(MyPix, AddMediaButton1.Media)

   Doriți mai multe informații despre funcția Collect sau alte funcții?

4. Adăugați un control Galeria verticală și setați proprietatea sa Articole la MyPix.

5. Selectați controlul Image în galerie și setați proprietatea sa, Image la ThisItem.Value.

6. Apăsați F5, apoi faceți clic sau atingeți controlul Button.

   Imaginea din controlul Adăugați o imagine apare în controlul Galerie verticală. Dacă imaginea dvs. nu are același raport de aspect ca și controlul Image în controlul Galerie verticală, setați proprietatea ImagePosition din controlul Image la Potrivire.

7. Faceți clic sau atingeți controlul Adăugare poză, faceți clic sau atingeți un alt fișier imagine, faceți clic sau atingeți Deschis, apoi faceți clic sau atingeți controlul Button pe care l-ați adăugat.

   A doua imagine apare în controlul Image gallery.

8. (opțional) Repetați pasul anterior de una sau de mai multe ori, apoi reveniți la spațiul de lucru implicit apăsând Esc.

Folosiți funcția SaveData pentru a salva imaginile local sau funcția Patch pentru actualizarea unei surse de date.

Orientări privind accesibilitatea

Se aplică aceleași recomandări pentru Button și Image. Luați în considerare și următorul scenariu:

Contrast de culoare

• Adăugare buton de imagine trebuie să aibă un contrast adecvat între textul și fundalul său. Deoarece imaginea încărcată poate avea culori diferite, utilizați opac Fill pe Adăugare buton de imagine pentru a asigura un contrast constant.

Asistență pentru cititor de ecran

• Adăugare buton de imagine trebuie să aibă Text și ChangePictureText care solicită utilizatorului să adauge sau să modifice o imagine.

Suport tastatură

• Adăugare buton de imagine trebuie să aibă TabIndex de zero sau mai mare, astfel încât utilizatorii tastaturii să poată naviga către aceasta.
• Adăugare buton de imagine trebuie să aibă indicatori de focalizare clar vizibili. Utilizați FocusedBorderColor și FocusedBorderThickness pentru a realiza acest lucru.