Использование и управление графических элементов управления

Веб-страницы зачастую содержат несколько изображений и с помощью соответствующего HTML-теги (IMG), чтобы настроить браузер, чтобы загрузить изображение и отобразить его. ASP.NET делает его прозрачным для программистов, использующих IMG теги с помощью элемента управления Image Server, которая позволяет управлять файлами этого типа в коде путем перевода его параметров.

Использование изображений контроля очень прост, просто перетащите его из панели элементов на веб-форму, как и все другие HTML элементы управления. Это делается создается теги <img/>

В дополнение к этим элементам управления ASP.NET предоставляет два других полезных элементов управления: ImageButton находится кнопка, где вы можете установить изображение в качестве фонового рисунка, ImageMap, которая позволяет отображать изображение и разделить его на области, которые по-разному реагируют на на основе пользовательских клик (думаю, для примера карте, где нажав на разных регионов открывает страницу со своими особенностями).

Создание новой веб-формы от элементов и перетащите изображение контроль в нем. В окне свойств пути управления, чтобы вставить изображение на наших компьютерах в ImageUrl собственности. В основном, если вы нажимаете на кнопку справа от этого имущества увидите диалоговое окно с товарами нашего проекта (до вставки изображения в проект). Например, я добавил изображение Collineazzurre.jpg для моего проекта, и я могу выбрать в этом диалоговом

После нажатия кнопки OK, вот как появится страница

Запуск приложения мы увидим в нашем браузере страницу, содержащую только изображение.

Теперь добавьте управления ImageButton на нашу страницу. Как уже упоминалось ранее это кнопка, которую можно украсить некоторые графики. С помощью этого элемента управления можно управлять три возможных сценария: в первом функционирует как простая ImageButton кнопки, которые могут быть связаны с событием Click на сервере в считанные секунды вы можете определить сценариев на стороне клиента и подключить собственности OnClientClick управления скрипты, а в третьем можно сказать, контроль отправить следующий запрос на конкретную страницу через свойство PostBackUrl. Опять же, этот контроль является необходимым повышение ImageUrl собственности, чтобы указать изображения для отображения

Если мы напишем собственности OnClientClick теста ASP.NET код будет изменен следующим образом

и при нажатии на кнопку Тест будет искать скрипт (вы получите ошибку, если сценарий не существует)

Однако, если имущество PostBackUrl писать ~ / Validazione.aspx (создана страница несколько уроков назад) на расстоянии одного щелчка кнопкой мы будет перенаправлен на эту страницу.

Теперь добавьте управления ImageMap и установить любое изображение в качестве ImageUrl собственности (я использую новую "Холмы azzurre.jpg"). Среди свойств элемента управления есть и горячие точки. Нажмите на собственность, и мы увидим окно, где можно определить так называемые горячие точки (интерактивные районов) изображения. Добавить кнопка позволяет выбрать, что то место, горячие точки (круглой, прямоугольной или многоугольной). Вставьте прямоугольный HOSPOT

Мы устанавливаем значения для позиционирования и строку (тест) в собственность AlternateTex

Запуск приложений, помещая мышь в район, определенный в тексте comparrirà Попробуйте нажать, и мы будет перенаправлен на Validazione.aspx (набор NavigateUrl собственности)

• <<Предыдущий урок
• Помощь Индекс
• Следующее занятие>>