Wykorzystania i zarządzania graficzny kontroli

Stron WWW często zawierają wiele zdjęć i przy użyciu odpowiedniego znacznika HTML (img) przekazuje przeglądarki, aby załadować obraz i go wyświetlić. ASP.NET umożliwia przejrzyste dla programistów przy użyciu znacznika img za pomocą kontroli serwer obrazu, która pozwala zarządzać plikami tego typu w kodzie, tłumacząc jego ustawień.

Użyj kontroli obrazu jest bardzo prosta, wystarczy przeciągnąć go z paska narzędzi na formularzu internetowym, jak wszystkie inne kontrolki HTML. Odbywa się to tworzony jest <img/> tag

W uzupełnieniu do tych kontrolek ASP.NET zapewnia dwie inne kontrole: ImageButton jest przycisk którym można ustawić zdjęcie jako tapetę, ImageMap, który pozwala na mapie obrazu i podzielić na obszary, które różnie reagują w oparte na kliknij użytkownika (na przykład pomyśleć o mapie, gdzie klikając na różnych regionów otwiera stronę z ich funkcji).

Utwórz nowy formularz internetowych z paska narzędzi i przeciągnij kontroli obrazu w nim. W oknie Właściwości ścieżki, kontrola, aby wstawić zdjęcie na naszych komputerach w ImageUrl nieruchomości. Zasadniczo, jeśli kliknąć na przycisk z prawej strony, że nieruchomości będą wyświetlone okno dialogowe z elementów naszego projektu (przed wstawić obraz w projekcie). Na przykład, dodałem obraz Collineazzurre.jpg do mojego projektu i mogę wybrać w tym oknie

Po kliknięciu OK, oto w jaki sposób strona pojawi się

Uruchamianie aplikacji zobaczymy w przeglądarce strony zawierającej tylko obraz.

Teraz dodaj kontrola ImageButton na naszej stronie. Jak już wcześniej wspomniano jest przyciskiem, który można udekorować niektóre grafiki. Dzięki tej kontroli można zarządzać trzy możliwe scenariusze: w pierwszym działa jako prosty ImageButton przycisk, który może być podłączony do zdarzenia Click na serwerze w ciągu kilku sekund można określić po stronie klienta skrypty i wtyczki nieruchomości OnClientClick kontroli skrypty i w trzeciej można powiedzieć, kontroli, aby wysłać kolejny wniosek do konkretnej strony przez PostBackUrl nieruchomości. Również ta kontrola jest konieczna zwiększenia ImageUrl własności do wskazania pliku do wyświetlenia

Jeśli piszemy własności OnClientClick test ASP.NET kod będzie się następujące zmiany

i po kliknięciu przycisku Test będzie szukał skryptu (dostaniesz błąd, jeśli skrypt nie istnieje)

Jednakże, jeżeli nieruchomość PostBackUrl pisać ~ / Validazione.aspx (utworzył stronę kilka lekcji temu) na kliknięcie przycisku będziemy przekierowany na tę stronę.

Teraz dodaj kontrola ImageMap i ustawić dowolne zdjęcie jako ImageUrl nieruchomości (mam używać nowego "Hills azzurre.jpg"). Wśród właściwości formantu jest także hotspotów. Kliknij na nieruchomości i widzimy okno, w którym można zdefiniować tak zwane hotspoty (interaktywnych) obrazu. Przycisk Dodaj pozwala wybrać, jaki rodzaj hotspotów miejsce (okrągłe, prostokątne lub wielokątne). Włóż prostokątny HOSPOT

Ustawiamy wartości do pozycjonowania i łańcucha (test) w AlternateTex własności

Uruchamianie aplikacji, umieszczając kursor myszy na obszarze określonym w comparrirà tekst Spróbuj kliknąć i będziemy przekierowany do Validazione.aspx (zestaw NavigateUrl)

• <<Poprzedni Lekcja
• Indeks pomocy
• Następny wykład>>