Создание приложения wpf

1. В меню Файл выберите команду Создать проект.

2. В диалоговом окне Создание проекта выберите Приложение WPF.

3. В поле Имя введите Приложение WPF и нажмите кнопку ОК.

Будет создан новый проект WPF. Откроется новое окно с именем Window1 и его XAML-разметка будет отображена в редакторе XAML интегрированной среды разработки (IDE) Visual C#, экспресс-выпуск.

4. Щелкните окно Window1, чтобы выделить его.

5. В представлении XAML измените значение атрибута Title элемента Window на WPF Application.

Текст в строке заголовка Window1 изменится на Приложение WPF.³²

Adding Controls to the WPF Window

You can add controls to the WPF window by dragging them from the Toolbox.

To add a control to the WPF window

1. From the Toolbox, drag a TextBox control to the upper-right side of the WPF window.

2. Click the TextBox control to select it.

3. In the Properties window, click the first arrow (Left) for the HorizontalAlignment property, as shown in the following illustration.

HorizontalAlignment property

This moves the TextBox from the right side of the WPF window to the left side.

4. Set the following properties for the TextBox.

Property	Value
VerticalAlignment	Top
Width	75
Height	26

Добавление элементов управления в окно wpf

Чтобы добавить элементы управления в окно WPF, нужно перетащить их из панели элементов.

Добавление элемента управления в окно wpf

1. Перетащите элемент управления TextBox с панели элементов в верхнюю правую часть окна WPF.

2. Выделите элемент TextBox, щелкнув его.

3. В окне Свойства щелкните первую стрелку ("По левому краю") для свойства HorizontalAlignment, как показано на следующей иллюстрации.

Свойство HorizontalAlignment

Оно перемещает элемент управления TextBox из правой части окна WPF в левую.

4. Задайте следующие свойства для элемента TextBox.

   Свойство	Значение
   VerticalAlignment	Верхний край
   Ширина	75
   Высота

5. In the XAML editor, change the Width attribute of the TextBox element to 140, and change the Margin element to 30, 56, 0, 0, as shown in the following example.

   <TextBox Height="26" HorizontalAlignment="Left" Margin="30,56,0,0" Name="TextBox1" VerticalAlignment="Top" Width="140" />

6. The width and location of the TextBox changes after you type the new values.

7. Add a Button control to the WPF window, next to the TextBox.

8. Change the text between the opening and closing Button tags from Button to Submit, as shown in the following example.

   <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" Name="Button1" VerticalAlignment="Top" Width="75">Submit</Button>

9. The text on the button changes after you type the new value.

10. Press F5 to run your program. A window that contains the text box and button that you just added appears.

Notice that although you can click the button and type in the text box, nothing occurs when you do this. You must add event handlers to the controls and then write code that instructs the computer what to do when the button is clicked.

5. В редакторе XAML измените значение атрибута Width элемента TextBox на 140 и измените элемент Margin на 30, 56, 0, 0, как показано в следующем примере.

   <TextBox Height="26" HorizontalAlignment="Left" Margin="30,56,0,0" Name="TextBox1" VerticalAlignment="Top" Width="140" />

6. После ввода новых значений ширина и расположение элемента управления TextBox будут изменены.

7. Добавьте в окно WPF элемент управления Button, разместив его рядом с элементом управления TextBox.

8. Измените текст между открывающим и закрывающим тегами Button с Button на Submit, как показано в следующем примере.

   <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" Name="Button1" VerticalAlignment="Top" Width="75">Submit</Button>

9. Текст на кнопке изменится после ввода нового значения.

10. Нажмите клавишу F5 для выполнения программы. Откроется окно, содержащее добавленное текстовое поле и кнопку.

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

Common WPF Controls

Windows Presentation Foundation (WPF) enables you to create visually enhanced user interfaces for your applications. Even the typical controls you're used to seeing in a standard Windows Forms application are enhanced in WPF applications. The standard WPF controls resemble those you'll find in the Toolbox for Windows Forms. WPF controls are part of the System.Windows.Controls namespace instead of the System.Windows.Forms namespace. WPF controls can also be created by using XAML markup.

When you drag WPF controls from the Toolbox to the design surface, the controls resemble controls in a Windows Form application. However, WPF controls can be customized. Controls in WPF support styles and templates that enable you to create visually compelling applications. To modify the appearance of a control, you add styles and attributes to the control in the XAML editor. Because writing XAML markup manually is difficult, you might want to consider using an application than can generate XAML for you, such as Expression Blend.

Procedure

To add a control to the WPF window

1. On the File menu, click New Project.

2. In the New Project dialog box, in the Templates pane, click WPF Application.

3. In the Name box, type WPFControls, and then click OK.

4. A new Windows Presentation Foundation project is created.

5. From the Toolbox, drag a TextBox control to the upper-right side of the WPF window.

6. Click the text box.