Добавете контрол на картината в приложения за платно

Прави снимка или зарежда изображения от локалното устройство.

Описание

С този контрол потребителите могат да правят снимки или да качват файлове с изображения от своето устройство и да актуализират източник на данни с това съдържание. На мобилно устройство потребителят се представя с диалоговия прозорец за избор на устройството, за да избере дали да направи снимка или да избере такава, която вече е налична.

Това управление е групирано управление, съдържащо две контроли: Image и Add picture button. Контролата Image показва каченото изображение или заместител, ако не е качено изображение. Add picture button подканва да се качи изображение.

Вижте Image control reference за свойството Image.

Ограничения

Контролата за картина има следните ограничения:

  • Когато използвате контролата Добавяне на картина в iOS, изображенията, импортирани с помощта на камерата или галерията, не съдържат метаданни като ориентация, информация за местоположението или настройки на камерата.

Свойства на бутон Добавяне на снимка

AccessibleLabel - Етикет за четци на екрани. Трябва да опише целта на добавянето на снимка.

Align - Местоположението на текста по отношение на хоризонталния център на неговия контрол.

BorderColor – Цветът на границата на контролата.

BorderStyle – Дали границата на контрола е солидна, с тирета, с точки или няма.

BorderThickness – Дебелината на границата на контролата.

ChangePictureText - Текст, който се появява на бутона, когато изображението е качено.

Color – Цветът на текста в контрола.

DisabledBorderColor - Цветът на границата на контрола, ако този на свойството DisplayMode на контролата е настроено на Забранено.

DisabledColor - Цветът на текст на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

DisabledFill - Цветът на фона на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

DisplayMode – Дали контрола позволява въвеждане от потребителя (редактиране), показва само данни (изглед) или е деактивирана (Забранено).

Error - Ако има проблем с качването на изображение, това свойство ще съдържа подходящ низ за грешка.

Fill – Цветът на запълване в контрола.

FocusedBorderColor - Цветът на границата на контрола, когато контролата е на фокус.

FocusedBorderThickness - Дебелината на границата на контрола, когато контролата е на фокус.

Font - Името на семейството шрифтове, в което се появява текст.

FontWeight – Тежестта на текста в контрола: Получер, Непълен получер, Нормален или Лек.

Height - Разстоянието между горния и долния ръб на контрола.

HoverBorderColor - Цвят на границата на контролата, когато потребителят държи показалеца на мишката върху нея.

HoverColor - Цветът на текста в контрола, когато потребителят държи показалеца на мишката върху него.

HoverFill - Цветът на фона в контрола, когато потребителят държи показалеца на мишката върху него.

Italic - Дали текстът в контрола е курсив.

Media - Идентификатор за клипа, който възпроизвежда аудио или видео контрол.

OnChange – действия, които се извършват, когато потребителят промени стойността на контрола (например чрез регулиране на плъзгача).

OnSelect – Действия, които се извършват, когато потребителят докосне или щракне върху контрола.

Padding - Разстоянието между текста на бутона за импортиране или експортиране и ръбовете на този бутон.

PressedBorderColor - Цвят на границата на контролата, когато потребителят докосва или щраква върху нея.

PressedColor - Цвят на текста в контролата, когато потребителят докосва или щраква върху нея.

PressedFill - Цвят на фона в контролата, когато потребителят докосва или щраква върху нея.

Reset – Дали дадена контрола се връща до стойността си по подразбиране.

Size - Размерът на шрифта на текста, който се появява на контрола.

Strikethrough – Дали има черта върху текста, който се показва в контрола.

TabIndex - Ред за навигация на клавиатурата в сравнение с други контроли.

Text - Текст, който се появява на бутона, когато изображението не е качено.

Tooltip - Обяснителен текст, който се появява, когато потребителят задържи курсора над контрола.

Underline – Дали има черта под текста, който се показва в контрола.

UseMobileCamera - Дали да използвате директно мобилна камера, когато има такава. За Android устройства, това свойство изисква експериментална настройка Подобрено улавяне на мултимедия да е включена.

VerticalAlign - местоположението на текста върху контрола по отношение на вертикалния център на тази контрола.

Visible - Дали се появява контрола, или е скрита.

Width - Разстоянието между левия и десния ръб на контрола.

X - Разстоянието между левия ръб на контрола и левия ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Y - Разстоянието между горния ръб на контрола и горния ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Patch( DataSource, BaseRecord, ChangeRecord )

Примери

  1. Добавете контрола Add picture и след това го щракнете три пъти.

    Не знаете как да добавяте, назовавате и конфигурирате контрола?

  2. В диалогов прозорец Отваряне щракнете или докоснете файл с изображение и след това щракнете или докоснете Отваряне.

  3. Добавете контрола Button, преместете я под контролата Add picture и задайте свойството OnSelect за контролата Button върху тази формула:
    Collect(MyPix, AddMediaButton1.Media)

    Искате повече информация за функцията Collect или други функции?

  4. Добавете контрола Vertical gallery и задайте свойството й Items на MyPix.

  5. Изберете контрола Image в галерията и задайте свойството Image на ThisItem.Value.

  6. Натиснете F5 и след това щракнете или докоснете контролата Button.

    Изображението от контролата Add picture се показва в контролата Vertical gallery. Ако изображението ви няма същото съотношение като Image контрола във Vertical gallery контрола, задайте ImagePosition свойството на Image контрола на Fit.

  7. Щракнете или докоснете Add picture контрол, щракнете или докоснете друг файл с изображения, щракнете или докоснете отворено и след това щракнете или докоснете Button контрола, който сте добавили.

    Второто изображение се появява в Image gallery контрола.

  8. (незадължително) Повторете предишната стъпка един или повече пъти и след това се върнете в работното пространство по подразбиране, като натиснете Esc.

Използвайте функцията SaveData за записване на изображенията локално или функцията Patch за актуализиране на източник на данни.

Насоки за достъпност

Същите указания важат за Button и Image. В допълнение обмислете следното:

Контраст на цвят

  • Add picture button трябва да има адекватен контраст между текста и фона. Тъй като каченото изображение може да има различни цветове, използвайте непрозрачен Fill на Add picture button, за да се осигури постоянен контраст.

Поддръжка на екранен четец

  • Add picture button трябва да има Text и ChangePictureText, което подканва потребителя да добави или промени картина.

Поддръжка на клавиатурата

  • Add picture button трябва да има TabIndex нула или повече, така че потребителите с клавиатура да могат да навигират.
  • Add picture button трябва да има ясно видими индикатори за фокус. Използвайте FocusedBorderColor и FocusedBorderThickness за постигане на това.

Бележка

Можете ли да ни споделите повече за езиковите си предпочитания за документацията? Попълнете кратко проучване. (имайте предвид, че това проучване е на английски език)

Проучването ще отнеме около седем минути. Не се събират лични данни (декларация за поверителност).