Využívání a řízení grafické ovládací prvky

Webové stránky často obsahují několik obrázků a HTML pomocí příslušných značek (img) na pokyn prohlížeče načíst obrázek a zobrazí jej. ASP.NET umožňuje transparentní pro programátory pomocí tagu img pomocí Image Server ovládací prvek, který vám umožní spravovat soubory tohoto typu v kódu překladem jeho nastavení.

Použijte kontrola obrazu je velmi jednoduchá, stačí přetáhnout z panelu na webovém formuláři jako každý jiný HTML ovládací prvky. To se děje, je vytvořena značka <img/>

Kromě toho, že kontrola ASP.NET obsahuje dvě další užitečné ovládací prvky: ImageButton je tlačítko, kde si můžete nastavit obrázek na pozadí, Imagemap, který umožňuje mapovat obraz a rozdělit do oblastí, které reagují odlišně na základě kliknutí (myslím například na mapu, kde kliknete na různých regionech se otevře stránka s jejich vlastnosti).

Vytvořit nový webový formulář z panelu nástrojů a přetáhněte kontrola obrazu v něm. V okně Vlastnosti ovládacího prvku cestu k vložení obrázku na našich počítačích v ImageUrl majetku. V praxi se pokud kliknete na tlačítko napravo od tohoto majetku se zobrazí dialogové okno s položkami v našem projektu (před vložit obrázek do projektu). Například jsem přidal obrázek Collineazzurre.jpg na můj projekt a já si klikněte v tomto okně

Po klepnutí na tlačítko OK, tady je návod, jak se stránka zobrazí

Spuštění aplikace uvidíme v našem prohlížeči stránku obsahující pouze obraz.

Nyní přidejte ovládací ImageButton na naše stránky. Jak je uvedeno výše, je tlačítko, které můžete ozdobit s nějakou grafikou. Prostřednictvím tohoto ovládacího prvku můžete spravovat tři možné scénáře: v první ImageButton funguje jako jednoduché tlačítko, které lze připojit k události Click na serveru během několika sekund můžete definovat skriptu na straně klienta a připojte majetku OnClientClick kontroly scénář a ve třetí můžete říct, řízení poslat dalším požadavku na určitou stránku pomocí PostBackUrl majetku. V tomto řízení je nutné zvýšit ImageUrl majetku ukázat obraz, který bude zobrazen

Pokud je vlastnost OnClientClick psát ASP.NET kód testu bude upraven takto

a po klepnutí na tlačítko Test se snažil skript (dostanete chybu, pokud skript neexistuje)

Nicméně, pokud je vlastnost PostBackUrl napsat ~ / Validazione.aspx (vytvořené stránky před pár lekcí), pouhým kliknutím na tlačítko si budete přesměrováni na tuto stránku.

Nyní přidejte ovládání Imagemap a nastavte obrázek jako ImageUrl vlastnictví (já používám nový "Hills azzurre.jpg"). Mezi vlastnosti ovládacího prvku je také aktivní body. Klikneme na této nemovitosti a uvidíme okno, kde můžete definovat tzv. hotspotů (interaktivních oblastí) obrazu. Na tlačítko Přidat můžete vybrat, jaké hotspotů vložky (kruhové, obdélníkové nebo polygonální). Vložit obdélníkové HOSPOT

My nastavit hodnoty pro umístění a řetězce (test) v majetku AlternateTex

Spuštění aplikace, tím myši v oblasti definované v textu comparrirà Zkuste klepnout a budeme přesměrováni na Validazione.aspx (set NavigateUrl majetku)

• <<Předchozí lekce
• Nápověda Index
• Další lekce>>