Сетка размещения (в полном соответствии со своим названием) — это сетка, которая накла­дывается поверх формы. Сетка визуально представляется в конструкторе точками, которые являются пересечениями квадратов сетки. Когда вы перетаскиваете элементы управления на поверхность сетки (или перемещаете по ней), то визуальный конструктор автоматически фиксирует края элементов управления к краям квадратов сетки. Совет Даже при включенном режиме размещения по сетке вы можете избежать фиксирова­ния — для этого надо выделить элемент управления, нажать клавишу <Ctrl> и при по­мощи стрелок перемещать элемент управления вверх, вниз, вправо или влево (по од­ному пикселу). Размер квадратов сетки (и, следовательно, расстояние между этими направляющими точка­ми сетки) управляется свойством…

Когда элемент управления уже находится на своем месте на родительской форме, вы може­те взаимодействовать с ним различными способами. Вы можете настроить свойства элемен­та управления при помощи окна Properties. Вы можете также изменить размер и форму элемента управления при помощи меток-манипуляторов на рамке элемента управления.

Несмотря на то,, что визуальный конструктор превосходен для визуального конструирования пользовательского интерфейса, его возможности в смысле реализации поведения ограниче­ны. Вы можете использовать конструктор для размещения кнопки, но обработка нажатия кнопки и реакция на него — это по-прежнему область действия кода. На уровне кода форма — это просто класс, который инкапсулирует все поведение формы. Для простоты разработки Visual Studio сводит весь код, который она пишет при помощи визуальных конструкторов, в отдельные четко маркированные области, а в случае Windows Forms — в отдельный файл кода. Этот файл называется в соответствии с именем основного файла кода формы примерно так: FormName.Designer.<pacuiHpeHHe языка>. Например, форма…

Проекты Windows Presentation Foundation ведут себя во многом аналогично проектам Win­Forms. Фактически одной из целей при создании визуального конструктора и редактора WPF было сделать так, чтобы они работали знакомым образом для тех разработчиков, кото­рые привыкли к разработке Windows Forms. Точно так же, как мы делали ранее с нашим проектом WinForms, мы начинаем процесс разработки и конструирования с выбора шаблона WPF Application в диалоговом окне File | New Project. В проекте автоматически создаются два XAML-файла: Windowl.xaml, который представля­ет собой главное окно приложения, и App.xaml, который представляет собой само приложе­ние. Это аналогично файлам Forml.cs/Forml.vb и Program.cs/Modulel.vb, создаваемым в новом проекте Windows Forms.…

Вы можете управлять отображением и размещением панелей конструирования и XAML внутри интегрированной среды. Там есть маленькая кнопка со стрелками в обе стороны, которая при нажатии меняет эти панели местами. Вы можете также изменить ориентацию панелей с горизонтальной на вертикальную (или наоборот) при помощи нажатия кнопок Horizontal Split или Vertical Split. И наконец, вы можете свернуть любую панель при по­мощи нажатия кнопки Collapse/Expand Раgе. Есть еще одна интересная функциональная возможность, которая уникальна для визуально­го конструктора WPF: вы можете перемещаться вперед и назад по выделенным вами объек­там при помощи селекторов "вперед" и "назад", имеющихся в нижней части визуального конструктора. Элементы управления для…

Окна WPF заполняются элементами управления при помощи все тех же операций перетас­кивания из панели инструментов. Размещение элементов управления и изменение их разме­ра облегчается использованием линий привязки и блоков управления размером, которые выглядят несколько иначе, чем соответствующие элементы WinForms, но выполняют те же задачи (рис. 6.37). Windowijufnl" Мы подробно описываем разработку WPF в главе 16.

Web Forms представляют собой элемент пользовательского интерфейса для Web- приложения. Традиционно в .NET термин "Web-форма" используется для обозначения страниц, которые динамически обрабатываются на сервере (при помощи ASP.NET). Здесь мы используем более широкое определение и применяем этот термин для обозначения лю­бых Web-страниц (статических или динамических), которые можно разрабатывать и конст­руировать в интегрированной среде разработки Visual Studio. Визуальный конструктор HTML (называемый также Web-конструктором) — это родствен­ное для визуальных конструкторов Windows Forms и WPF приложение; он позволяет вам визуально конструировать и редактировать разметку Web-страницы. Точно так же, как и два вышеупомянутых визуальных конструктора для приложений, он работает в сочетании с ви­зуальным конструктором HTML…

Конструирование Web-страницы начинается с Web-проекта. Как уже обсуждалось ранее, есть два разных способа конструирования Web-страницы или Web-сайта при помощи Visual Studio. Оба этих подхода представлены своими собственными шаблонами проекта. Мы го­ворим сейчас о проектах "Web-приложения" и "Web-сайта". В главе 4 мы выявили некото­рые фундаментальные отличия между этими двумя типами проектов; дополнительные под­робности ждут вас в главе 14. Однако поскольку реальное конструирование Web-страницы при помощи Web-конструктора совершенно идентично в обоих типах проектов, то здесь мы сосредоточимся на проекте Web-сайта. Выберите File | New Web Site и в диалоговом окне отметьте вариант ASP.NET Web Site. После указания каталога с исходными кодами и…

Процесс добавления и размещения элементов управления не отличается от аналогичного процесса в визуальном конструкторе Windows Forms. Просто перетаскивайте элементы управления из панели Toolbox на поверхность конструктора. В данном случае вам нужны две метки, два текстовых поля и кнопка ОК (поскольку это не диалоговое окно, то выходить из него можно при помощи кнопки Cancel). Изменение свойств элементов управления вы­полняется точно таким же способом — через окно Properties. Здесь вы можете выбрать метки и командные кнопки и настроить их текст. Примечание По мере того, как вы добавляете элементы управления на Web-страницу, вы должны заметить, что режим размещения по умолчанию является относительным. То…

По мере добавления на поверхность визуального конструктора элементов управления (и прочих элементов), для реализации данного дизайна и компоновки создается код HTML. Как дизайнер (или разработчик) вы можете работать либо на визуальном уровне при помо­щи визуального конструктора, либо на уровне исходных текстов при помощи редактора HTML Source Editor. Подобно прочим редакторам Visual Studio 2008, HTML Source Editor поддерживает технологию IntelliSense и другие интерактивные функциональные возможно­сти для навигации по разметке и ее проверки. Возвратитесь к рис. 6.38 и обратите внимание на разметку, сгенерированную визуальным конструктором при добавлении элементов управления на страницу регистрации. Так же, как и в случае других пар "визуальный конструктор/редактор",…