Využívania a riadenia grafické ovládacie prvky

Webové stránky často obsahujú niekoľko obrázkov a HTML pomocou príslušných značiek (img) na pokyn prehliadača načítať obrázok a zobrazí ho. ASP.NET umožňuje transparentné pre programátorov pomocou tagu img pomocou Image Server ovládací prvok, ktorý vám umožní spravovať súbory tohto typu v kóde prekladom jeho nastavenia.

Použite kontrola obrazu je veľmi jednoduchá, stačí pretiahnuť z panela na webovom formulári ako každý iný HTML ovládacie prvky. To sa deje, je vytvorená značka <img/>

Okrem toho, že kontrola ASP.NET obsahuje dve ďalšie užitočné ovládacie prvky: ImageButton je tlačidlo, kde si môžete nastaviť obrázok na pozadí, Imagemap, ktorý umožňuje mapovať obraz a rozdeliť do oblastí, ktoré reagujú odlišne na základe kliknutí (myslím napríklad na mapu, kde kliknete na rôznych regiónoch sa otvorí stránka s ich vlastnosti).

Vytvoriť nový webový formulár z panela nástrojov a pretiahnite kontrola obrazu v ňom. V okne Vlastnosti ovládacieho prvku cestu k vloženie obrázku na našich počítačoch v ImageUrl majetku. V praxi to bude, ak kliknete na tlačidlo napravo od tohto majetku sa zobrazí dialógové okno s položkami v našom projekte (pred vložiť obrázok do projektu). Napríklad som pridal obrázok Collineazzurre.jpg na môj projekt a ja si kliknite v tomto okne

Po kliknutí na tlačidlo OK, tu je návod, ako sa stránka zobrazí

Spustenie aplikácie uvidíme v našom prehliadači stránku obsahujúcu iba obraz.

Teraz pridajte ovládací ImageButton na naše stránky. Ako je uvedené vyššie, je tlačidlo, ktoré môžete ozdobiť s nejakou grafikou. Prostredníctvom tohto ovládacieho prvku môžete spravovať tri možné scenáre: v prvej ImageButton funguje ako jednoduché tlačidlo, ktoré možno pripojiť k udalosti Click na serveri priebehu niekoľkých sekúnd môžete definovať skriptu na strane klienta a pripojte majetku OnClientClick kontroly scenár a v tretej môžete povedať, riadenie poslať ďalším požiadavky na určitú stránku pomocou PostBackUrl majetku. V tomto konaní je potrebné zvýšiť ImageUrl majetku ukázať obraz, ktorý bude zobrazený

Ak je vlastnosť OnClientClick písať ASP.NET kód testu bude upravený takto

a po kliknutí na tlačidlo Test sa snažil skript (dostanete chybu, ak skript neexistuje)

Avšak, ak je vlastnosť PostBackUrl napísať ~ / Validazione.aspx (vytvorené stránky pred pár lekcií), jednoduchým kliknutím na tlačidlo si budete presmerovaný na túto stránku.

Teraz pridajte ovládanie Imagemap a nastavte obrázok ako ImageUrl vlastníctva (ja používam nový "Hills azzurre.jpg"). Medzi vlastnosti ovládacieho prvku je tiež aktívne body. Klikneme na tejto nehnuteľnosti a uvidíme okno, kde môžete definovať tzv hotspotov (interaktívnych oblastí) obrazu. Na tlačidlo Pridať môžete vybrať, aké hotspotov vložky (kruhové, obdĺžnikové alebo polygonálne). Vložiť obdĺžnikové HOSPOT

My nastaviť hodnoty pre umiestnenie a reťazce (test) v majetku AlternateTex

Spustenie aplikácie, tým myši v oblasti definovanej v texte comparrirà Skúste kliknúť a budeme presmerovaný na Validazione.aspx (set NavigateUrl majetku)

• <<Predchádzajúci lekcie
• Nápoveda Index
• Ďalšia lekcia>>