Váš názor

Ovládací prvek Add picture v aplikacích plátna

  • Článek
  • 2 min ke čtení

Pořídí fotografii nebo načte obrázky z místního zařízení.

Popis

Pomocí tohoto ovládacího prvku může uživatel pořizovat fotografie nebo nahrávat soubory obrázků ze svého zařízení, a aktualizovat tak zdroj dat. Na mobilním zařízení se uživateli zobrazí dialog tohoto zařízení, kde si uživatel zvolí, zda chce pořídit novou fotografie, nebo vybrat existující.

Tento ovládací prvek je seskupený ze dvou ovládacích prvků: Image a Add picture button. Ovládací prvek Image zobrazuje nahraný obrázek nebo zástupný symbol, pokud žádný obrázek nahraný není. Add picture button vyzve k nahrání obrázku.

Vlastnosti ovládacího prvku Image najdete v článku Ovládací prvek Image.

Vlastnosti ovládacího prvku Add picture button

AccessibleLabel – popisek pro čtečky obrazovky. Měl by popisovat účel přidání obrázku.

Align – vodorovné umístění textu ve vztahu ke středu ovládacího prvku.

BorderColor – barva ohraničení ovládacího prvku.

BorderStyle – styl ohraničení ovládacího prvku Solid (Plné), Dashed (Čárkované), Dotted (Tečkované) nebo None (Žádné).

BorderThickness – tloušťka ohraničení ovládacího prvku.

ChangePictureText – text, který se zobrazí na tlačítku po odeslání obrázku

Color – barva textu v ovládacím prvku.

DisabledBorderColor – barva ohraničení ovládacího prvku v případě, že vlastnost DisplayMode je nastavena na Disabled (Zakázáno).

DisabledColor – barva textu ovládacího prvku v případě, že vlastnost DisplayMode je nastavena na Disabled (Zakázáno).

DisabledFill – barva pozadí ovládacího prvku v případě, že vlastnost DisplayMode je nastavena na Disabled (Zakázáno).

DisplayMode – ovládací prvek umožňuje zadávání uživatelem (Edit, Úpravy), pouze zobrazuje data (View, Prohlížení) nebo je zakázaný (Disabled, Zakázáno).

Error – pokud dojde k potížím s nahráváním obrázku, tato vlastnost bude obsahovat příslušnou chybovou zprávu

Fill – barva pozadí ovládacího prvku.

FocusedBorderColor – barva ohraničení ovládacího prvku, když je na něm fokus

FocusedBorderThickness – tloušťka ohraničení ovládacího prvku, když je na něm fokus.

Font – název rodiny písem pro zobrazení textu.

FontWeight – váha textu v ovládacím prvku: Bold (Tučné), Semibold (Polotučné), Normal (Normální) nebo Lighter (Tenčí).

Height – vzdálenost mezi horním a dolním okrajem ovládacího prvku.

HoverBorderColor – barva ohraničení ovládacího prvku při umístění ukazatele myši na ovládací prvek.

HoverColor – barva textu v ovládacím prvku při umístění ukazatele myši na ovládací prvek.

HoverFill – barva pozadí ovládacího prvku při umístění ukazatele myši na ovládací prvek.

Italic – možnost zobrazení textu v ovládacím prvku jako kurzívy.

Media – identifikátor klipu, který přehrává ovládací prvek Audio nebo Video.

OnChange – Akce k provedení, když uživatel změní hodnotu ovládacího prvku (například při přesunutí posuvníku).

OnSelect – Akce k provedení, když uživatel klepne nebo klikne na ovládací prvek.

Padding – vzdálenost mezi textem tlačítka importu nebo exportu a okraji tohoto tlačítka.

PressedBorderColor – barva ohraničení ovládacího prvku po klepnutí nebo kliknutí na ovládací prvek uživatelem.

PressedColor – barva textu v ovládacím prvku po klepnutí nebo kliknutí na ovládací prvek uživatelem.

PressedFill – barva pozadí ovládacího prvku po klepnutí nebo kliknutí na ovládací prvek uživatelem.

Reset – určuje, zda se ovládací prvek vrátí na výchozí hodnotu.

Size – velikost písma textu zobrazeného v ovládacím prvku.

Strikethrough – možnost zobrazení textu v ovládacím prvku jako přeškrtnutého.

TabIndex – pořadí při navigaci pomocí klávesnice vzhledem k jiným ovládacím prvkům.

Text – text, který se zobrazí na tlačítku, když se nenahraje obrázek

Tooltip – vysvětlující text, který se zobrazí, když uživatel najede myší na ovládací prvek.

Underline – možnost zobrazení textu v ovládacím prvku jako podtrženého.

UseMobileCamera – Zda se má mobilní kamera použít přímo, když je dostupná.

VerticalAlign – svislé umístění textu ve vztahu ke středu ovládacího prvku.

Visible – možnost zobrazení nebo skrytí ovládacího prvku.

Width – vzdálenost mezi levým a pravým okrajem ovládacího prvku.

X – vzdálenost mezi levým okrajem ovládacího prvku a levým okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Y – vzdálenost mezi horním okrajem ovládacího prvku a horním okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Patch( ZdrojDat; ZákladníZáznam; ZáznamZměny )

Příklady

  1. Přidejte ovládací prvek Add picture a pak na něj třikrát klikněte nebo klepněte.

    Podívejte se, jak přidat, pojmenovat a nakonfigurovat ovládací prvek.

  2. V dialogovém okně Otevřít klikněte nebo klepněte na soubor obrázku a potom klikněte nebo klepněte na Otevřít.

  3. Přidejte ovládací prvek Button, přesuňte ho pod ovládací prvek Add picture a pro vlastnost OnSelect ovládacího prvku Button zadejte tento vzorec:
    Collect(MyPix, AddMediaButton1.Media)

    Chcete další informace o funkci Collect a ostatních funkcích?

  4. Přidejte ovládací prvek Vertical gallery a jeho vlastnost Items nastavte na MyPix.

  5. V galerii vyberte ovládací prvek Image a nastavte jeho vlastnost Image na ThisItem.Value.

  6. Stiskněte klávesu F5 a potom klikněte nebo klepněte na ovládací prvek Button.

    Obrázek z ovládacího prvku Add picture se zobrazí v ovládacím prvku Vertical Gallery. Pokud obrázek nemá stejný poměr stran jako ovládací prvek Image v ovládacím prvku Vertical gallery, nastavte vlastnost ImagePosition ovládacího prvku Image na Fit.

  7. Klikněte nebo klepněte na ovládací prvek Add picture, potom na jiný soubor obrázku, pak klikněte nebo klepněte na Otevřít a potom na ovládací prvek Button, který jste přidali.

    Druhý obrázek se zobrazí v ovládacím prvku Image gallery.

  8. (volitelné) Opakujte jednou nebo několikrát předchozí krok a pak se stisknutím klávesy Esc vraťte do výchozího pracovního prostoru.

Obrázky můžete ukládat místně pomocí funkce SaveData nebo aktualizovat zdroj dat pomocí funkce Patch.

Pokyny pro přístupnost

Platí stejné pokyny jako pro Button a Image. Kromě toho zvažte toto:

Barevný kontrast

  • Add picture button musí mít adekvátní kontrast mezi textem a pozadím. Vzhledem k tomu, že nahraný obrázek může mít různé barvy, na Add picture button použijte neprůhledný Fill, aby se zajistil konzistentní kontrast.

Podpora pro čtení z obrazovky

  • Add picture button musí mít vlastnosti Text a ChangePictureText vyzývající uživatele k přidání nebo změně obrázku.

Podpora klávesnice

  • Vlastnost TabIndex u Add picture button musí být nulová nebo větší, aby na ni uživatelé klávesnice mohli přejít.
  • Add picture button musí mít zřetelně viditelné ukazatele fokusu. Toho dosáhnete pomocí vlastností FocusedBorderColor a FocusedBorderThickness.

Poznámka

Můžete nám sdělit, jaké máte jazykové preference pro dokumentaci? Zúčastněte se krátkého průzkumu. (upozorňujeme, že tento průzkum je v angličtině)

Průzkum bude trvat asi sedm minut. Nejsou shromažďovány žádné osobní údaje (prohlášení o zásadách ochrany osobních údajů).