Создание приложений WPF

Designing a User Interface for a WPF Application

Creating WPF Applications

Создание формы Form1

Процедура

Отображение одной формы из другой

Example

To create Form1

Procedure

Компиляция кода

Для этого примера необходимы следующие компоненты.

· Две формы с именами Form1 and Form2. В каждой форме содержится элемент управления TextBox с именем textBox1. Form1 должна создать экземпляр Form2 и присвоить его otherForm; GetOtherFormTextBox скопирует текст из textBox1, находящегося в Form2, в textBox1 в Form1.

· Свойству Текст textBox1 в Form2 должно быт назначено строковое значение во время разработки.

How to: Display One Form from Another

This example displays a second form from a Windows Form.

This example requires two Windows Forms named Form1 and Form2.

· Form1 contains a Button control named button1.

1. Create a Windows Forms Application, and name it Form1.

2. Add a Button control to the form, and name it button1.

3. Add the Form2 class to the namespace, and set the Click event handler of button1 as shown in the following code.

When you click the button, Form2 will be displayed.

private void button1_Click(object sender, System.EventArgs e) { Form2 frm = new Form2(); frm.Show(); } // Create Form2. public class Form2: Form { public Form2() { Text = "Form2"; } }

Этот пример отображает вторую форму из формы Windows Forms.

Для данного примера требуются две формы Windows Forms с именами Form1 и Form2.

· Form1 содержит элемент управления Button с именем "button1".

1. Создайте приложение Windows Forms и назовите его Form1.

2. Добавьте в форму элемент управления Button и присвойте ему имя button1.

3. В пространство имен добавьте класс Form2 и задайте обработчик событий Click для button1, как показано в следующем коде.

При нажатии кнопки будет отображена Form2.

Пример [30]

ß---------

This following topics show you how to perform tasks specific to Windows Presentation Foundation (WPF) applications, such as designing a user interface with WPF controls and writing event handlers.

You can design a user interface for a Windows Presentation Foundation (WPF) application just as you can for a Windows Form application. You drag controls from the Toolbox to the design surface. The integrated development environment (IDE) is different for WPF applications. In addition to having a Properties window and Toolbox, the WPF IDE has a XAML editor. XAML is an extensible application markup language that can be used to create a user interface. The following illustration shows the location of the XAML editor.

В следующих разделах содержатся сведения для выполнения определенных задач для приложений Windows Presentation Foundation (WPF), таких как создание пользовательского интерфейса WPF с элементами управления и написание обработчиков событий.

Создание пользовательского интерфейса для приложения WPF

Создание пользовательского интерфейса для приложения Windows Presentation Foundation (WPF) аналогично такому же процессу для приложения Windows Forms. Он заключается в перетаскивании элементов управления из панели элементов на поверхность разработки. Интегрированная среда разработки имеет отличия в приложениях WPF. Кроме окна Свойства и панели элементов, IDE WPF располагает редактором XAML. XAML — это язык XAML (расширяемый язык исправления[31] для приложений), используемый для создания пользовательского интерфейса. На следующем рисунке изображено расположение редактора XAML.

Редактор XAML

Just as you can create a control by writing code manually in Windows Forms development, you can use XAML markup to create controls. In most cases, you would not write XAML to create controls; it is much easier to drag the controls from the Toolbox and let Visual C# Express Edition generate the XAML for you. You can then modify the XAML markup to change attributes of the control, such as its Height or Text. For example, the following XAML markup resembles the markup that is generated when you double-click a Button control to add it to a WPF window.

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75">Button</Button>

By default, attributes that you can modify, such as the width and height, appear in red font color. You can change the values directly in the XAML markup, as shown in the following example.

<Button Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="60">Submit</Button>

Дата добавления: 2014-12-27