Afegir control d'imatges a les aplicacions de llenç
Fa una foto o carrega imatges del dispositiu local.
Descripció
Amb aquest control, els usuaris poden fer fotos o pujar fitxers d'imatge des del dispositiu i actualitzar la font de dades amb aquest contingut. En un dispositiu mòbil, l'usuari veu el quadre de diàleg de selecció del dispositiu per triar entre fer una foto o seleccionar-ne una que ja està disponible.
Aquest control és un control agrupat que conté dos controls: una Image i un Add picture button. El control Image mostra la imatge carregada o un contenidor si no s'ha carregat la imatge. El Add picture button demana que es carregui una imatge.
Vegeu la referència de control Image per a les propietats d'Image.
Limitacions
El control d'imatge té aquestes limitacions:
- Quan s'utilitza el control "Afegir imatge " activat iOS, les imatges importades mitjançant la càmera o la galeria no contenen metadades, com ara l'orientació, la informació d'ubicació o la configuració de la càmera.
Propietats del botó Afegeix una imatge
AccessibleLabel: etiqueta per a lectors de pantalla. Cal que descrigui el propòsit d'afegir una imatge.
Align: ubicació del text en relació amb el centre horitzontal del seu control.
BorderColor: el color de la vora d'un control.
BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.
BorderThickness: el gruix de la vora d'un control.
ChangePictureText: text que apareix en el botó quan s'ha carregat una imatge.
Color: el color del text d'un control.
DisabledBorderColor: el color de la vora d'un control si la propietat DisplayMode del control està definida com a Inhabilitat.
DisabledColor: el color del text d'un control si la propietat DisplayMode està definida com a Inhabilitat.
DisabledFill: el color de fons d'un control si la propietat DisplayMode està definida com a Inhabilitat.
DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).
Error: si hi ha un problema en carregar una imatge, aquesta propietat contindrà una cadena d'error adequada.
Fill: el color de fons d'un control.
FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.
FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.
Font: el nom de la família del tipus de lletra en què es mostra el text.
FontWeight: el gruix del text en un control: Negreta, Seminegreta, Normal o Fi.
Height: la distància entre les vores superior i inferior d'un control.
HoverBorderColor: el color de la vora d'un control quan l'usuari manté el punter del ratolí sobre el control.
HoverColor: el color del text d'un control quan l'usuari hi manté el punter del ratolí sobre.
HoverFill: el color de fons d'un control quan l'usuari hi manté el punter del ratolí sobre.
Italic: si el text d'un control està en cursiva.
Media: un identificador per al clip que reprodueix un control d'àudio o vídeo.
OnChange: accions que cal dur a terme quan l'usuari canvia el valor d'un control (per exemple, en ajustar un control lliscant).
OnSelect: accions que cal dur a terme quan l'usuari toca o fa clic en un control.
Padding: la distància entre el text en un botó d'importació o exportació i les vores del botó.
PressedBorderColor: el color de la vora d'un control quan l'usuari toca el control o hi fa clic.
PressedColor: el color de text d'un control quan l'usuari toca el control o hi fa clic.
PressedFill: el color de fons d'un control quan l'usuari toca el control o hi fa clic.
Reset: si un control torna al seu valor per defecte.
Size: la mida de la lletra del text que apareix en un control.
Strikethrough: si una línia apareix a través del text que apareix en un control.
TabIndex: ordre de navegació amb el teclat en relació amb altres controls.
Text: text que apareix en el botó quan no s'ha carregat una imatge.
Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.
Underline: si una línia apareix a sota del text que apareix en un control.
UseMobileCamera: si voleu utilitzar una càmera mòbil directament, quan estigui disponible. Per als dispositius Android, aquesta propietat necessita activada la configuració de S'ha millorat la captura de mitjans des de l'aplicació s'ha activat.
VerticalAlign: ubicació del text sobre un control en relació amb el centre vertical del control.
Visible: si es mostra o s'amaga un control.
Width: la distància entre les vores esquerra i dreta d'un control.
X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).
Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).
Funcions relacionades
Patch( DataSource, BaseRecord, ChangeRecord )
Exemples
Afegir imatges a un control de galeria d'imatges
Afegiu un control Add picture i, a continuació, feu-hi triple clic.
No sabeu com afegir, anomenar i configurar un control?
Al quadre de diàleg Obre, feu clic o toqueu un fitxer d'imatge i, a continuació, feu clic o toqueu Obre.
Afegiu un control Button, desplaceu-lo a sota del control Add picture i definiu la propietat OnSelect per al control Button a aquesta fórmula:
Collect(MyPix, AddMediaButton1.Media)Voleu més informació sobre la funció Collect o altres funcions?
Afegiu un control de Vertical gallery i definiu la propietat Items a MyPix.
Seleccioneu el control Image a la galeria i definiu la propietat Image a ThisItem.Value.
Premeu F5 i, a continuació, feu clic o toqueu el control Button.
La imatge del control Add picture apareix al control Vertical Gallery. Si la imatge no té la mateixa relació d'aspecte que el control Image en el control Vertical gallery, definiu la propietat ImagePosition del control Image a Ajusta.
Feu clic o toqueu el control Add picture, feu clic o toqueu un altre fitxer d'imatge, feu clic o toqueu Obre i, a continuació, feu clic o toqueu el control Button que heu afegit.
La segona imatge apareix al control Image gallery.
(opcional) Repetiu el pas anterior una o diverses vegades i, a continuació, torneu a l'àrea de treball per defecte prement Esc.
Utilitzeu la funció SaveData per desar les imatges localment o la funció Patch per actualitzar un font de dades.
Pautes d'accessibilitat
Les mateixes pautes per a Button i Image s'apliquen. A més, tingueu en compte el següent:
Contrast de color
- El Add picture button ha de tenir un contrast adequat entre el text i el fons. Atès que la imatge carregada pot tenir colors diferents, utilitzeu un Fill opac al Add picture button per garantir un contrast coherent.
Suport del lector de pantalla
- ElAdd picture button ha de tenir Text i ChangePictureText que demani a l'usuari afegir o canviar una imatge.
Compatibilitat amb el teclat
- El Add picture button ha de tenir TabIndex igual o superior a zero per tal que els usuaris del teclat puguin navegar-hi.
- El botó Add picture button ha de tenir indicadors d'enfocament clarament visibles. Utilitzeu FocusedBorderColor i FocusedBorderThickness per aconseguir-ho.
Nota
Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)
Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).
Comentaris
Properament: al llarg del 2024 eliminarem gradualment GitHub Issues com a mecanisme de retroalimentació del contingut i el substituirem per un nou sistema de retroalimentació. Per obtenir més informació, consulteu: https://aka.ms/ContentUserFeedback.
Envieu i consulteu els comentaris de