WPF уроки
1. Введение в WPF

Обзор

WPF - это система следующего поколения от корпорации Microsoft для построения клиентских приложений Windows с визуально привлекательными возможностями взаимодействия с пользователем. WPF является частью .NET framework 3.0 и выше. 

WPF включает в себя пользовательский интерфейс, 2D графику, 3D графику, документы и мультиметидию в одном единственном фреймворке. Движок WPF использует векторное ускорение современных видео-карт, что делает его пользовательский интерфейс более быстрым, масштабируемым и независимым от разрешения. 

На следующем рисунке приведён обзор основных новых возможностей WPF:

Основные возможности WPF

 

Разделение вида и функциональности

В WPF имеется разделение внешнего вида и функциональности. Внешнйи вид приложения, как правило, точно определяется с помощью языка XAML (Extensible Application Markup Language), функционал же реализуется в таких языках программирования, как C# и Visual Basic. Обе части связаны между собой с помощью привязки данных (databinding), событий (events) и команд (commands). Разделение внешнего вида и функционала даёт следующие преимущества:

  • Внешний вид и функционал слабо связаны между собой
  • Дизайнеры и разработчики могут работать на отдельных моделях
  • Графические инструменты дизайна могут работать на простом XML без использования кода.

Богатый состав элементов управления

Элементы управления в WPF очень компонуемы. Вы можете поместить практически любой элемент управления в другой элемент управления. Несмотря на то, что звучит это крайней ужасно, данная возможность очень полезна для дизайнеров, и является очень полезной вещью, если использовать данную возможность целесообразно. Ну, к примеру, вы можете поместить изображение в кнопку или видеофайлы в выпадающий список и так далее.

Изображение в button

 
<Button>
    <StackPanel Orientation="Horizontal">
        <Image Source="speaker.png" Stretch="Uniform"/>
        <TextBlock Text="Play Sound" />
    </StackPanel>
</Button>
 

 

Широкие возможности настройки

Из-за строгого разделения внешнего вида и функционала вы можете легко изменить внешний вид элемента управления. Концепция стилей позволяет внешнему виду ваших элементов управления настраиваться, как CSS в HTML. А шаблоны позволяют в момент изменить внешний вид ваших элементов  управления. 

В следующем примере показана кнопка по умолчанию в WPF и настраиваемая кнопка:

Настраиваемая кнопка в WPF

 

Независимость от разрешения

Мерами в WPF являются не пиксели, а логические единицы. Логическая едицица - это 1\96 от дюйма. При увеличении разрешения экрана, пользовательский интерфейс остается того же размера. WPF основывается на векторном движке, с помощью которого невероятно легко построить масштабируемый пользовательский интерфейс.

Масштабируемый пользовательский интерфейс

Оригинал

 
2. Средства разработки WPF-приложений

Средства разработки WPF-приложений

Microsoft предоставляет два средства разработки приложений в WPF. Одним из этих средств является Visual Studio, созданная для разработчиков, а второе - это Expression Bland, созданная для дизайнеров. Visual Studio хороша для написания кода и для редактирования XAML, но имеет слабую поддержку таких графических элементов как градиент, редактирование шаблонов, анимацию и т.д. Поддержка графических элементов хорошо осуществляется в Expression Blend, однако в нём слабо развито (по крайней мере пока) поддержка кода и редактирование XAML. 

Отсюда можно прийти к выводу, что вам потребуется использовать оба из них.

Microsoft Visual Studio 2013

Visual Studio - это инструмент для создания WPF приложений. Он включает в себя режим графического редактирования, начиная с версии 2008. Если вы используете версию Visual Studio 2005, вы можете установить надстройку, которая позволяет разрабатывать приложения WPF. 

 

Microsoft предоставляет бесплатную версию Visol Studio Express Edition, которая так же включает в себя возможность разработки WPF-приложений. Вы можете скачать её по следующуй ссылке:
Скачать Visual Studio

Microsoft Expression Blend 4 + Sketchflow

Expression Blend является инструментом для дизайнеров. Это часть Expression Studio, новый набор инструментов от Microsoft, специально созданная для лёгкого взаимодействия с пользователем и редактирования дизайна. Blend охватывает в себе все отсутствующие функции визуального дизайнера Visual Studio, такие как стили, шаблоны, анимацию, 3D-графику, ресурсы и градиенты.

 
3. Книги о WPF
Рейтинг пользователей: / 2
ХудшийЛучший 
Книга Expression Blend 4 с примерами на C# для профессионалов - купить книжку expression blend 4 с примерами на c# для профессионалов от Эндрю Троелсен в книжном интернет магазине OZON.ru с доставкой по выгодной цене Книга Expression Blend 4 с примерами на C# для профессионалов - купить книжку expression blend 4 с примерами на c# для профессионалов от Эндрю Троелсен в книжном интернет магазине OZON.ru с доставкой по выгодной цене

 

Книга WPF: Windows Presentation Foundation в .NET 4.0 с примерами на C# 2010 для профессионалов - купить книжку wpf: windows presentation foundation в .net 4.0 с примерами на c# 2010 для профессионалов от Мэтью Мак-Дональд в книжном интернет магазине OZON.ru с доставкой по выгодной цене Книга WPF: Windows Presentation Foundation в .NET 4.0 с примерами на C# 2010 для профессионалов - купить книжку wpf: windows presentation foundation в .net 4.0 с примерами на c# 2010 для профессионалов от Мэтью Мак-Дональд в книжном интернет магазине OZON.ru с доставкой по выгодной цене

 

Книга WPF 4. Подробное руководство - купить книжку wpf 4. подробное руководство от Адам Натан в книжном интернет магазине OZON.ru с доставкой по выгодной цене Книга WPF 4. Подробное руководство - купить книжку wpf 4. подробное руководство от Адам Натан в книжном интернет магазине OZON.ru с доставкой по выгодной цене

 

Книга WPF: Windows Presentation Foundation в .NET 4.5 с примерами на C# 5.0 для профессионалов - купить книжку wpf: windows presentation foundation в .net 4.5 с примерами на c# 5.0 для профессионалов от Мэтью Мак-Дональд в книжном интернет магазине OZON.ru с доставкой по выгодной цене Книга WPF: Windows Presentation Foundation в .NET 4.5 с примерами на C# 5.0 для профессионалов - купить книжку wpf: windows presentation foundation в .net 4.5 с примерами на c# 5.0 для профессионалов от Мэтью Мак-Дональд в книжном интернет магазине OZON.ru с доставкой по выгодной цене
 
4. Создание простого WPF-приложения
Рейтинг пользователей: / 4
ХудшийЛучший 

На примере Visual Studio 2008

Откройте Visual Studio и выберите "Файл", "Новый", "Проект..." в главном меню. Выберите тип проекта "WPF-приложение". 

Выберите папку для проекта и дайте ему имя. Потом нажмите "ОК".

Создание простого WPF-приложения

 

Visual Studio создаст проект и автоматически добавит некоторые файлы в ваше решение: App.xaml и Window1.xaml. Структура WPF очень схожа по структуре с WinForms, за исключением того, что больше нет файла Window1.designer.cs с очень длинным кодом, весь дизайн приложения теперь объявлен в Window1.xaml на языке XAML.

MainWindow.xaml'

 

Откройте Window1.xaml (MainWindow.xaml в других студиях) в WPF дизайнере и перекиньте элементы Button и TextBox из панели элементов на ваше окно.

WPF-дизайнер

 

Выделите вашу кнопку и в окне свойств переключитесь на методы (нажмите на маленькую жёлтую иконку). Сделайте двойной клик на событие под названием "Click" для создания метода, который вызывается тогда, когда пользователь нажимает на кнопку.

Примечание: Если вы не можете найти желтый значок молнии, необходимо установить пакет обновления 1 для VisualStudio на ваш компьютер. Или же вы можете дважды кликнуть на кнопку в конструкторе для достижения того же результата.

 

Visual Studio автоматически добавляет метод в файл с кодом, который вызывается при нажатии кнопки пользователем.

private void button1_Click(object sender, RoutedEventArgs e)
{
    textBox1.Text = "Hello WPF!";
}

Поставьте вашему текстовому полю TextBox имя textBox1. Когда пользователь нажмёт кнопку, свойство Text у textBox1 изменится на "Hello WPF!" Готово! Нажмите F5 на вашей клавиатуре, чтобы запустить вашу первую программу!

 

Не правда ли, это круто?! 

 
5. Видео о WPF
Основные (на английском):
 
<< Первая < Предыдущая 1 2 Следующая > Последняя >>

Страница 1 из 2
Программируем на C#, интересные статьи, книги, музыка; Костя Карпов.