Разное

Работа с формами visual studio: Работа с формами в Windows Forms

Содержание

Windows Forms Designer tutorial — Visual Studio (Windows)

Обратная связь Изменить

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 11 мин

Applies to: Visual Studio Visual Studio for Mac Visual Studio Code

The Windows Forms Designer provides many tools for building Windows Forms applications. This article illustrates how to build an app using the various tools provided by the designer, including the following tasks:

  • Arrange controls using snaplines.
  • Accomplish designer tasks using smart tags.
  • Set margins and padding for controls.
  • Arrange controls using a TableLayoutPanel control.
  • Partition your control’s layout by using a SplitContainer control.
  • Navigate your layout with the Document Outline window.
  • Position controls with the size and location information display.
  • Set property values using the Properties window.

When you’re finished, you’ll have a custom control that’s been assembled using many of the layout features available in the Windows Forms Designer. This control implements the user interface (UI) for a simple calculator. The following image shows the general layout of the calculator control:

Tip

If you’re a C++ developer and are looking for a tutorial to help you create a Windows app that includes forms and controls, see Creating a forms-based MFC application. For more generalized info, see Overview of Windows programming in C++.

Create the custom control project

The first step is to create the DemoCalculator control project.

  1. Open Visual Studio and create a new Windows Forms Control Library project. Name the project

    DemoCalculatorLib.

  2. To rename the file, in Solution Explorer, right-click UserControl1.vb or UserControl1.cs, select Rename, and change the file name to DemoCalculator.vb or DemoCalculator.cs. Select Yes when you are asked if you want to rename all references to the code element «UserControl1».

The Windows Forms Designer shows the designer surface for the DemoCalculator control. In this view, you can graphically design the appearance of the control by selecting controls and components from Toolbox and placing them on the designer surface. For more information about custom controls, see Varieties of custom controls.

The DemoCalculator control contains several Windows Forms controls. In this procedure, you’ll arrange the controls using the Windows Forms Designer.

  1. In the Windows Forms Designer, change the DemoCalculator control to a larger size by selecting the sizing handle in the lower-right corner and dragging it down and to the right. In the lower-right corner of Visual Studio, find the size and location information for controls. Set the size of the control to width 500 and height 400 by watching the size information as you resize the control.

  2. In Toolbox, select the Containers node to open it. Select the SplitContainer control and drag it onto the designer surface.

    The SplitContainer is placed on the DemoCalculator control’s designer surface.

    Tip

    The SplitContainer control sizes itself to the fit the size of the DemoCalculator control. Look at the Properties window to see the property settings for the SplitContainer control.

    Find the Dock property. Its value is DockStyle.Fill, which means the SplitContainer control will always size itself to the boundaries of the DemoCalculator control. Resize the DemoCalculator control to verify this behavior.

  3. In the Properties window, change the value of the Dock property to None.

    The SplitContainer control shrinks to its default size and no longer follows the size of the DemoCalculator control.

  4. Select the smart tag glyph () on the upper-right corner of the SplitContainer control. Select Dock in Parent Container to set the Dock property to Fill.

    The SplitContainer control docks to the DemoCalculator control’s boundaries.

    Note

    Several controls offer smart tags to facilitate design. For more information, see Walkthrough: Perform common tasks using Smart Tags on Windows Forms controls.

  5. Select the vertical border between the panels and drag it to the right, so that most of the space is taken by the left panel.

    The SplitContainer divides the DemoCalculator control into two panels with a movable border separating them. The panel on the left will hold the calculator buttons and display, and the panel on the right will show a record of the arithmetic operations performed by the user.

  6. In the Properties window, change the value of the BorderStyle property to Fixed3D.

  7. In Toolbox, select the Common Controls node to open it. Select the ListView control and drag it into the right panel of the

    SplitContainer control.

  8. Select the ListView control’s smart tag glyph. In the smart tag panel, change the View setting to Details.

  9. In the smart tag panel, select Edit Columns.

    The ColumnHeader Collection Editor dialog box opens.

  10. In the ColumnHeader Collection Editor dialog box, select Add to add a column to the ListView control. Change the value of the column’s Text property to History. Select OK to create the column.

  11. In the smart tag panel, select Dock in Parent Container, and then select the smart tag glyph to close the smart tag panel.

  12. From the Containers

    node Toolbox, drag a TableLayoutPanel control into the left panel of the SplitContainer control.

    The TableLayoutPanel control appears on the designer surface with its smart tag panel open. The TableLayoutPanel control arranges its child controls in a grid. The TableLayoutPanel control will hold the DemoCalculator control’s display and buttons. For more information, see Walkthrough: Arrange controls using a TableLayoutPanel.

  13. Select Edit Rows and Columns on the smart tag panel.

    The Column and Row Styles dialog box opens.

  14. Select the Add button until five columns are displayed. Select all five columns, and then select Percent in the

    Size Type box. Set the Percent value to 20. This sets each column to the same width.

  15. Under Show, select Rows.

  16. Select Add until five rows are displayed. Select all five rows, and the select Percent in the Size Type box. Set the Percent value to 20. This sets each row to the same height.

  17. Select OK to accept your changes, and then select the smart tag glyph to close the smart tag panel.

  18. In the Properties window, change the value of the Dock property to Fill.

Populate the control

Now that the layout of the control is set up, you can populate the DemoCalculator control with buttons and a display.

  1. In Toolbox, select the TextBox control icon.

    A TextBox control is placed in the first cell of the TableLayoutPanel control.

  2. In the Properties window, change the value of the TextBox control’s ColumnSpan property to 5.

    The TextBox control moves to a position that is centered in its row.

  3. Change the value of the TextBox control’s Anchor property to Left, Right.

    The TextBox control expands horizontally to span all five columns.

  4. Change the value of the TextBox control’s TextAlign property to Right.

  5. In the Properties window, expand the Font property node. Set Size to

    14, and set Bold to true for the TextBox control.

  6. Select the TableLayoutPanel control.

  7. In Toolbox, select the Button icon.

    A Button control is placed in the next open cell of the TableLayoutPanel control.

  8. In Toolbox, select the Button icon four more times to populate the second row of the TableLayoutPanel control.

  9. Select all five Button controls by selecting them while holding down the Shift key. Press Ctrl+C to copy the Button controls to the clipboard.

  10. Press Ctrl+V three times to paste copies of the Button controls into the remaining rows of the TableLayoutPanel control.

  11. Select all 20 Button controls by selecting them while holding down the Shift key.

  12. In the Properties window, change the value of the Dock property to Fill.

    All the Button controls dock to fill their containing cells.

  13. In the Properties window, expand the Margin property node. Set the value of All to 5.

    All the Button controls are sized smaller to create a larger margin between them.

  14. Select button10 and button20, and then press Delete to remove them from the layout.

  15. Select button5 and button15, and then change the value of their RowSpan property to 2. These will be the Clear and = buttons for the DemoCalculator control.

Use the Document Outline window

When your control or form is populated with several controls, you may find it easier to navigate your layout with the Document Outline window.

  1. On the menu bar, choose View > Other Windows > Document Outline.

    The Document Outline window shows a tree view of the DemoCalculator control and its constituent controls. Container controls like the SplitContainer show their child controls as subnodes in the tree. You can also rename controls in place using the Document Outline window.

  2. In the Document Outline window, right-click button1, and then select Rename. Change its name to sevenButton.

  3. Using the Document Outline window, rename the Button controls from the designer-generated name to the production name according to the following list:

    • button1 to sevenButton

    • button2 to eightButton

    • button3 to nineButton

    • button4 to divisionButton

    • button5 to clearButton

    • button6 to fourButton

    • button7 to fiveButton

    • button8 to sixButton

    • button9 to multiplicationButton

    • button11 to oneButton

    • button12 to twoButton

    • button13 to threeButton

    • button14 to subtractionButton

    • button15 to equalsButton

    • button16 to zeroButton

    • button17 to changeSignButton

    • button18 to decimalButton

    • button19 to additionButton

  4. Using the Document Outline and Properties windows, change the Text property value for each Button control name according to the following list:

    • Change the sevenButton control text property to 7

    • Change the eightButton control text property to 8

    • Change the nineButton control text property to 9

    • Change the divisionButton control text property to / (forward slash)

    • Change the clearButton control text property to Clear

    • Change the fourButton control text property to 4

    • Change the fiveButton control text property to 5

    • Change the sixButton control text property to 6

    • Change the multiplicationButton control text property to * (asterisk)

    • Change the oneButton control text property to 1

    • Change the twoButton control text property to 2

    • Change the threeButton control text property to 3

    • Change the subtractionButton control text property to — (hyphen)

    • Change the equalsButton control text property to = (equals sign)

    • Change the zeroButton control text property to 0

    • Change the changeSignButton control text property to +/-

    • Change the decimalButton control text property to . (period)

    • Change the additionButton control text property to + (plus sign)

  5. On the designer surface, select all the Button controls by selecting them while holding down the Shift key.

  6. In the Properties window, expand the Font property node. Set Size to 14, and set Bold to true for all the Button controls.

This completes the design of the DemoCalculator control. All that remains is to provide the calculator logic.

Implement event handlers

The buttons on the DemoCalculator control have event handlers that can be used to implement much of the calculator logic. The Windows Forms Designer enables you to implement the stubs of all the event handlers for all the buttons with one selection.

  1. On the designer surface, select all the Button controls by selecting them while holding down the Shift key.

  2. Select one of the Button controls.

    The Code Editor opens to the event handlers generated by the designer.

Test the control

Because the DemoCalculator control inherits from the UserControl class, you can test its behavior with the UserControl Test Container. For more information, see How to: Test the run-time behavior of a UserControl.

  1. Press F5 to build and run the DemoCalculator control in the UserControl Test Container.

  2. Select the border between the SplitContainer panels and drag it left and right. The TableLayoutPanel and all its child controls resize themselves to fit in the available space.

  3. When you are finished testing the control, select Close.

Use the control on a form

The DemoCalculator control can be used in other composite controls or on a form. The following procedure describes how to use it.

Create the project

The first step is to create the application project. You’ll use this project to build the application that shows your custom control.

  1. Create a new Windows Forms Application project and name it DemoCalculatorTest.

  2. In Solution Explorer, right-click the DemoCalculatorTest project, and then select Add > Project Reference to open the Reference Manager dialog box.

    (If you’re using Visual Studio 2017, select Add > Reference to open the Reference Manager dialog box.)

  3. Go to the Projects tab, and then select the DemoCalculatorLib project to add the reference to the test project.

  4. In Solution Explorer, right-click DemoCalculatorTest, and then select Set as StartUp Project.

  5. In the Windows Forms Designer, increase the size of the form to about 700 x 500.

Use the control in the form’s layout

To use the DemoCalculator control in an application, you need to place it on a form.

  1. In Toolbox, expand the DemoCalculatorLib Components node.

  2. Drag the DemoCalculator control from Toolbox onto your form. Move the control to the upper-left corner of the form. When the control is close to the form’s borders, snaplines will appear. Snaplines indicate the distance of the form’s Padding property and the control’s Margin property. Position the control at the location indicated by the snaplines.

    For more information, see Walkthrough: Arrange controls using snaplines.

  3. Drag a Button control from Toolbox and drop it onto the form.

  4. Move the Button control around the DemoCalculator control and observe where the snaplines appear. You can align your controls precisely and easily using this feature. Delete the Button control when you’re finished.

  5. Right-click the DemoCalculator control, and then select Properties.

  6. Change the value of the Dock property to Fill.

  7. Select the form, and then expand the Padding property node. Change the value of All to 20.

    The size of the DemoCalculator control is reduced to accommodate the new Padding value of the form.

  8. Resize the form by dragging the various sizing handles to different positions. Observe how the DemoCalculator control is resized to fit.

Next steps

This article has demonstrated how to construct the user interface for a simple calculator. To continue, you can extend its functionality by implementing the calculator logic, then publish the app using ClickOnce. Or, continue on to a different tutorial where you create a picture viewer using Windows Forms.

See also

  • Windows Forms controls
  • Accessibility for Windows Forms controls
  • Publish using ClickOnce

Обратная связь

Отправить и просмотреть отзыв по

Этот продукт Эта страница

Просмотреть все отзывы по странице

Учебник. Создание средства просмотра изображений приложения Windows Forms — Visual Studio (Windows)

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 5 мин

Область применения:Visual Studio Visual Studio для Mac

В этой серии из трех руководств вы создадите приложение Windows Forms, которое загружает изображение и отображает его. В интегрированной среде разработки Visual Studio имеются средства, необходимые для создания приложения. Подробнее см. в статье Добро пожаловать в интегрированную среду разработки Visual Studio.

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

  • Создание проекта Visual Studio, использующего Windows Forms
  • Добавление элемента макета
  • Запуск приложения

Предварительные требования

Для выполнения шагов, описанных в этом учебнике, вам понадобится Visual Studio. Перейдите на страницу загрузки Visual Studio, чтобы получить бесплатную версию.

Создание проекта Windows Forms

Первый шаг в создании программы для просмотра изображений — это создание проекта приложения Windows Forms.

  1. Запустите Visual Studio.

  2. В окне запуска выберите Создание нового проекта.

  3. В окне Создать проект выполните поиск по фразе Windows Forms. Затем в списке Тип проекта выберите Рабочий стол.

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем нажмите Далее.

    Примечание

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    После этого выберите пункт Разработка классических приложений .NET в Visual Studio Installer.

    В Visual Studio Installer выберите Изменить. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку.

  5. В окне Настроить новый проект назовите проект PictureViewer, а затем выберите Создать.

  1. Запустите Visual Studio.

  2. В окне запуска выберите Создание нового проекта.

  3. В окне Создать проект выполните поиск по фразе Windows Forms. Затем в списке Тип проекта выберите Рабочий стол.

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем нажмите Далее.

    Примечание

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    После этого выберите пункт Разработка классических приложений .NET в Visual Studio Installer.

    В Visual Studio Installer выберите Изменить. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку.

  5. В окне Настроить новый проект назовите проект PictureViewer, а затем выберите Создать.

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

На этом этапе Visual Studio отображает пустую форму в конструкторе Windows Forms.

Добавление элемента макета

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

  1. В проекте выберите конструктор Windows Forms. На этой вкладке для C# считывается файл Form1.cs [Design] и для Visual Basic — Form1.vb [Design] .

  2. Нажмите в любом месте в Form1.

  3. В окне Свойства теперь отображаются свойства формы. Окно Свойства обычно находится в правом нижнем углу окна Visual Studio. Этот раздел управляет различными свойствами, такими как цвет переднего плана и фона, текст заголовка, отображаемый в верхней части формы, и размер формы.

    Если окно Свойства не отображается, выберите Вид>Окно свойств.

  4. В окне Свойства найдите свойство Text. В зависимости от того, как отсортирован список, может потребоваться прокрутить вниз. Введите Средство просмотра изображений, а затем нажмите клавишу ВВОД.

    Теперь в строке заголовка формы отображается текст Средство просмотра изображений.

    Примечание

    Свойства можно отображать по категориям или по алфавиту. Для переключения между свойствами в окне Свойства используйте соответствующие кнопки.

  5. Снова выберите форму. Выберите нижний правый маркер перетаскивания формы. Этот маркер представляет собой небольшой белый квадрат в правом нижнем углу формы.

    Перетащите маркер, чтобы изменить размер формы — она должна стать шире и немного выше. Если обратиться к окну Свойства, вы увидите, что свойства Size изменилось. Для изменения размера формы также можно использовать свойство Size.

  6. В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель элементов. Если вы ее не видите, выберите пункт Представление>Панель элементов в строке меню или воспользуйтесь комбинацией клавиш CTRL+ALT+X.

  7. Выберите маленький треугольник рядом с группой Контейнеры, чтобы открыть ее.

  8. Дважды щелкните элемент управления TableLayoutPanel на панели элементов. Можно также перетащить элемент управления с панели элементов в форму. Элемент управления TableLayoutPanel появится в форме.

    Примечание

    После добавления элемента управления TableLayoutPanel, если внутри формы появляется окно с заголовком Задачи TableLayoutPanel, чтобы закрыть его, щелкните в любом месте внутри формы.

  9. Выберите элемент управления TableLayoutPanel. Чтобы проверить, какой элемент управления выбран, обратитесь к окну Свойства.

  10. Выбрав элемент управления TableLayoutPanel, найдите свойство Dock, значение которого — None. Нажмите стрелку раскрывающегося меню и выберите Fill — это большая кнопка по середине раскрывающегося меню.

    Закрепление означает то, как окно присоединено к другому окну или области.

    Теперь TableLayoutPanel заполняет всю форму. Если снова изменить размер формы, элемент управления TableLayoutPanel останется закрепленным и сам изменит свой размер для заполнения формы.

  11. В форме выберите TableLayoutPanel. В правом верхнем углу расположена маленькая кнопка с черным треугольником.

    Выберите треугольник, чтобы отобразить список задач элемента управления.

  12. Выберите задачу Изменить строки и столбцы, чтобы открыть диалоговое окно Стили столбцов и строк.

  13. Выберите Column1 и задайте размер 15 процентов. Убедитесь, что кнопка Проценты нажата.

  14. Выберите Column2 и задайте значение 85 процентов.

  15. В меню Показать в верхней части диалогового окна Стили столбцов и строк выберите Строки. Задайте для Row1 значение 90 процентов, а для Row2 10 процентов. Нажмите кнопку ОК , чтобы сохранить изменения.

    Элемент управления TableLayoutPanel теперь содержит большую верхнюю строку, маленькую нижнюю строку, маленький левый столбец и большой правый столбец.

Макет готов.

Примечание

Перед выполнением приложения сохраните его, нажав на панели инструментов кнопку Сохранить все. Кроме того, чтобы сохранить приложение, в строке меню можно выбрать пункт Файл>Сохранить все или нажать клавиши CTRL+SHIFT+S. Рекомендуется выполнять сохранение от начала разработки и как можно чаще.

Запустите приложение.

При создании проекта приложения Windows Forms выполняется сборка программы, которая в последующем запускается. На этом этапе функции приложения «Средство просмотра изображений» ограничены. Пока оно просто открывает пустое окно с надписью Средство просмотра изображений в строке заголовка.

Чтобы запустить приложение, выполните следующие действия.

  1. Используйте один из следующих методов.

    • Нажмите клавишу F5.
    • В строке меню выберите Отладка>Начать отладку.
    • На панели инструментов нажмите кнопку Запустить.

    Visual Studio запустит приложение. Появится окно с названием Средство просмотра изображений.

    Обратите внимание на панель инструментов Visual Studio IDE. При запуске приложения на панели инструментов появляются дополнительные кнопки. Эти кнопки позволяют выполнять такие действия, как остановка и запуск приложения, а также помогают отслеживать все ошибки.

  2. Для остановки приложения используйте один из указанных ниже методов.

    • На панели инструментов нажмите кнопку Остановить отладку.
    • В строке меню выберите Отладка>Остановить отладку.
    • На клавиатуре нажмите клавиши SHIFT+F5.
    • Нажмите кнопку X в верхнем углу окна Средство просмотра изображений.

    Запуск приложения в интегрированной среде разработки Visual Studio называется отладкой. Приложение запускается для поиска и исправления ошибок. Для запуска и отладки других программ следует выполнить ту же процедуру. Дополнительные сведения об отладке см. в статье Знакомство с отладчиком Visual Studio.

Дальнейшие действия

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

Учебник. Часть 2. Добавление элементов управления в средство просмотра изображений

Учебник. Создание приложения Windows Forms с математическим тестом — Visual Studio (Windows)

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 7 мин

Область применения:Visual Studio Visual Studio для Mac

В этой серии из четырех учебников вы создадите математический тест. Тест содержит четыре случайных арифметических примера, которые игрок должен решить в течение определенного времени.

В интегрированной среде разработки Visual Studio имеются средства, необходимые для создания приложения. Подробнее см. в статье Добро пожаловать в интегрированную среду разработки Visual Studio.

В первом учебнике вы узнаете, как:

  • создавать проект Visual Studio, который использует Windows Forms;
  • добавлять метки, кнопки и другие элементы управления в форму;
  • настраивать свойства для элементов управления;
  • сохранять и запускать проект.

Предварительные требования

Для выполнения шагов, описанных в этом учебнике, вам понадобится Visual Studio. Перейдите на страницу загрузки Visual Studio, чтобы получить бесплатную версию.

Создание проекта Windows Forms

Первый шаг в создании математического теста — это создание проекта приложения Windows Forms.

  1. Запустите Visual Studio.

  2. В окне запуска выберите Создание нового проекта.

  3. В окне Создать проект выполните поиск по фразе Windows Forms. Затем в списке Тип проекта выберите Рабочий стол.

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем нажмите Далее.

    Примечание

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    После этого выберите пункт Разработка классических приложений .NET в Visual Studio Installer.

    В Visual Studio Installer выберите Изменить. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку.

  5. В окне Настроить новый проект назовите проект MathQuiz, а затем выберите Создать.

  1. Запустите Visual Studio.

  2. В окне запуска выберите Создание нового проекта.

  3. В окне Создать проект выполните поиск по фразе Windows Forms. Затем в списке Тип проекта выберите Рабочий стол.

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем нажмите Далее.

    Примечание

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    После этого выберите пункт Разработка классических приложений .NET в Visual Studio Installer.

    В Visual Studio Installer выберите Изменить. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку.

  5. В окне Настроить новый проект назовите проект MathQuiz, а затем выберите Создать.

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

Задание свойств формы

Когда вы выберете шаблон и зададите имя файла, Visual Studio откроет форму. В этом разделе показано, как изменить некоторые свойства формы.

  1. В проекте выберите конструктор Windows Forms. На вкладке конструктора для C# считывается файл Form1.cs [Design] , а для Visual Basic — Form1.vb [Design] .

  2. Выберите форму Form1.

  3. В окне Свойства теперь отображаются свойства формы. Это окно обычно находится в правом нижнем углу окна Visual Studio. Если окно Свойства не отображается, выберите Вид>Окно свойств.

  4. В окне Свойства найдите свойство Text. В зависимости от того, как отсортирован список, может потребоваться прокрутить вниз. Введите значение Математический тест для значения Текст и нажмите клавишу ВВОД.

    Форма теперь содержит текст «Математический тест» в заголовке окна.

    Примечание

    Свойства можно отображать по категориям или по алфавиту. Для переключения между свойствами в окне Свойства используйте соответствующие кнопки.

  5. Измените размер формы на 500 пикселей в ширину и 400 пикселей в высоту.

    Можно изменить размер формы, перетаскивая ее края или маркер перетаскивания, пока в окне Свойства не отобразится верное значение Размер. Этот маркер представляет собой небольшой белый квадрат в правом нижнем углу формы. Для изменения размера формы также можно использовать свойство Size.

  6. Измените значение свойства FormBorderStyle на Fixed3D, а свойству MaximizeBox установите значение False.

    Эти значения не позволят игрокам изменять размеры формы.

Создание поля «Оставшееся время»

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

  1. В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель элементов. Если вы ее не видите, выберите пункт Представление>Панель элементов в строке меню или воспользуйтесь комбинацией клавиш CTRL+ALT+X.

  2. Выберите элемент управления Label в окне Панель элементов, а затем перетащите его на форму.

  3. В поле Свойства задайте следующие свойства метки:

    • Задайте для параметра (Name) значение timeLabel.
    • Измените значение свойства AutoSize на False, чтобы можно было изменить размер поля.
    • Измените значение свойства BorderStyle на FixedSingle для отрисовки линии вокруг поля.
    • Задайте для свойства Size значение 200, 30.
    • Выберите свойство Text, а затем щелкните клавишу BACKSPACE, чтобы очистить значение Text.
    • Щелкните знак плюса ( + ) рядом со свойством Font, а затем установите для свойства Size значение 15,75.

  4. Переместите метку в правый верхний угол формы. Используйте синие направляющие линии для размещения элемента управления в форме.

  5. Добавьте еще один элемент управления Label из панели элементов и установите для его размера шрифта значение 15,75.

  6. Задайте свойству Text значение Оставшееся время.

  7. Переместите метку так, чтобы она находилась левее метки timeLabel.

Добавление элементов управления для примера на сложение

Первая часть теста — пример на сложение. В этом разделе показано, как использовать метки для отображения этого примера.

  1. Добавьте элемент управления Label из области элементов в форму.

  2. В поле Свойства задайте следующие свойства метки:

    • Задайте для текста значение ? (вопросительный знак).
    • Задайте для параметра AutoSize значение False.
    • Задайте для свойства Size значение 60, 50.
    • Установите размер шрифта равным 18.
    • Установите для свойства TextAlign значение MiddleCenter.
    • Установите для свойства Location значение 50, 75, чтобы поместить элемент управления в нужное место в форме.
    • Установите для свойства (Name) значение plusLeftLabel.

  3. В форме выберите созданную метку plusLeftLabel. Скопируйте метку, выбрав пункт Изменить>Копировать или CTRL+C.

  4. Вставьте метку в форму три раза, выбрав пункт Изменить>Вставить или CTRL+V три раза.

  5. Разместите три новые метки так, чтобы они располагались в ряд справа от метки plusLeftLabel.

  6. Установите для свойства Text второй метки значение + (знак плюса).

  7. Установите для свойства (Name) третьей метки значение plusRightLabel.

  8. Установите для свойства Text четвертой метки значение = (знак равенства).

  9. Добавьте элемент управления NumericUpDown из области элементов в форму. Подробнее этот вид элементов управления мы рассмотрим позже.

  10. В поле Свойства задайте следующие свойства метки NumericUpDown:

    • Установите размер шрифта равным 18.
    • Установите ширину 100.
    • Задайте для параметра (Name) значение sum.

  11. Выровняйте элемент управления NumericUpDown по элементам управления Label для задачи на сложение.

Добавление элементов управления для примеров на вычитание, умножение и деление

Затем добавьте метки в форму для оставшихся арифметических примеров.

  1. Скопируйте четыре элемента управления Label и элемент управления NumericUpDown, который был создан для примеров на сложение. Вставьте их в форму.

  2. Переместите новые элементы управления на следующую строку под элементами управления для сложения.

  3. В поле Свойства задайте следующие свойства для новых элементов управления:

    • Задайте для свойства (Name) первой метки со знаком вопроса значение minusLeftLabel.
    • Установите для свойства Text второй метки значение — (знак минуса).
    • Задайте для свойства (Name) второй метки со знаком вопроса значение minusRightLabel.
    • Задайте для свойства (Name) элемента управления the NumericUpDown значение difference.

  4. Скопируйте элементы управления для сложения и вставьте их в форму еще два раза.

  5. Для третьей строки:

    • Задайте для свойства (Name) первой метки со знаком вопроса значение timesLeftLabel.
    • Установите для свойства Text второй метки значение × (знак умножения). Вы можете скопировать знак умножения из этого учебника и вставить его в форму.
    • Задайте для свойства (Name) второй метки со знаком вопроса значение timesRightLabel.
    • Задайте для свойства (Name) элемента управления NumericUpDown значение product.

  6. Для четвертой строки:

    • Задайте для свойства (Name) первой метки со знаком вопроса значение dividedLeftLabel.
    • Установите для свойства Text второй метки значение ÷ (знак деления). Вы можете скопировать знак деления из этого учебника и вставить его в форму.
    • Задайте для свойства (Name) второй метки со знаком вопроса значение dividedRightLabel.
    • Задайте для свойства (Name) элемента управления NumericUpDown значение quotient.

Добавление кнопки запуска и задание порядка перехода по клавише TAB

В этом разделе показано, как добавить кнопку запуска. Также необходимо указать последовательность перехода для элементов управления. Этот порядок определяет, как в тесте осуществляется переход от одного элемента управления к другому с помощью клавиши TAB.

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

  2. В поле Свойства задайте следующие свойства для элемента управления Button:

    • Задайте для свойства (Name) значение startButton.
    • Задайте свойству Text значение Начать тест.
    • Установите размер шрифта равным 14.
    • Установите для свойства AutoSize значение True, которое вызывает автоматическое изменение размера кнопки в зависимости от размера текста.
    • Установите для TabIndex значение 0. При этом значении кнопка запуска первой появляется в фокусе.

  3. Разместите кнопку по центру в нижней части формы.

  4. В поле Свойства задайте свойство TabIndex для каждого элемента управления NumericUpDown:

    • Установите для свойства TabIndex элемента управления NumericUpDown sum значение 1.
    • Установите для свойства TabIndex элемента управления NumericUpDown difference значение 2.
    • Установите для свойства TabIndex элемента управления NumericUpDown product значение 3.
    • Установите для свойства TabIndex элемента управления NumericUpDown quotient значение 4.

Запустите приложение.

Арифметические примеры пока не работают в тесте. Но вы по-прежнему можете запустить приложение, чтобы проверить, работает ли значение TabIndex должным образом.

  1. Для сохранения приложения используйте один из указанных ниже методов:

    • Нажмите клавиши CTRL+SHIFT+S.
    • В строке меню выберите Файл>Сохранить все.
    • На панели инструментов нажмите кнопку Сохранить все.

  2. Для запуска приложения используйте один из следующих методов:

    • Нажмите клавишу F5.
    • В строке меню выберите Отладка>Начать отладку.
    • На панели инструментов нажмите кнопку Запустить.

  3. Дважды щелкните клавишу TAB, чтобы увидеть, как фокус перемещается от одного элемента управления к другому.

Дальнейшие действия

Перейдите к следующему учебнику, чтобы добавить случайные арифметические примеры и обработчик событий в математический тест.

Учебник. Часть 2. Добавление арифметических примеров в приложение WinForms с математическим тестом

Учебник. Добавление элементов управления в приложение средства просмотра изображений. — Visual Studio (Windows)

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 5 мин

Область применения:Visual StudioVisual Studio для Mac Visual Studio Code

В этой серии из трех руководств вы создадите приложение Windows Forms, которое загружает изображение и отображает его. В интегрированной среде разработки Visual Studio имеются средства, необходимые для создания приложения. Подробнее см. в статье Добро пожаловать в интегрированную среду разработки Visual Studio.

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

В этом третьем учебнике вы научитесь следующему:

  • Добавление элементов управления в приложение
  • Добавление кнопок на панель макета
  • Изменение имен и расположений элементов управления
  • Добавление компонентов диалоговых окон

Предварительные требования

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

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

Приложение «Средство просмотра изображений» использует элемент управления PictureBox для вывода изображения. Оно использует флажок и несколько кнопок для управления изображением и фоном, а также для закрытия приложения. Вы добавите элемент PictureBox и флажок из области панели элементов в Visual Studio IDE.

  1. Запустите Visual Studio. Проект средства просмотра изображений находится в разделе Открыть последние.

  2. В конструкторе Windows Forms выберите элемент управления TableLayoutPanel, добавленный в предыдущем учебнике. Убедитесь, что в окне Свойства отображается tableLayoutPanel1.

  3. В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель элементов. Если вы ее не видите, выберите пункт Представление>Панель элементов в строке меню или воспользуйтесь комбинацией клавиш CTRL+ALT+X. На панели элементов разверните узел Общие элементы управления.

  4. Дважды щелкните элемент PictureBox, чтобы добавить в форму элемент управления PictureBox. Visual Studio IDE добавит элемент управления PictureBox в первую пустую ячейку TableLayoutPanel.

  5. Щелкните новый элемент управления PictureBox, чтобы выбрать его, а затем щелкните черный треугольник на новом элементе управления PictureBox, чтобы отобразить его список задач.

  6. Выберите Закрепить в родительском контейнере, который задает для свойства Dock элемента управления PictureBox значение Fill. Это значение отображается в окне Свойства.

  7. В окне Свойства для элемента управления PictureBox задайте для свойства ColumnSpan значение 2. Теперь элемент управления PictureBox заполняет оба столбца.

  8. Установите для его свойства BorderStyle значение Fixed3D.

  9. В конструкторе Windows Forms выберите элемент управления TableLayoutPanel. Затем двойным щелчком выберите элемент CheckBox на панели элементов, чтобы добавить новый элемент управления CheckBox в следующую свободную ячейку таблицы. Элемент управления PictureBox занимает первые две ячейки в TableLayoutPanel, поэтому элемент управления CheckBox добавляется в нижнюю левую ячейку.

  10. Выберите свойство Text и введите Stretch.

Добавление кнопок на панель макета

Мы добавили элементы управления в TableLayoutPanel. Далее показано, как добавить четыре кнопки в новую панель макета в TableLayoutPanel.

  1. В форме выберите элемент управления TableLayoutPanel. Откройте Панель элементов, выберите Контейнеры. Дважды щелкните элемент управления FlowLayoutPanel для добавления нового элемента в последнюю ячейку TableLayoutPanel.

  2. Присвойте свойству Dock элемента FlowLayoutPanel значение Fill. Это свойство можно задать, щелкнув черный треугольник и выбрав Закрепить в родительском контейнере.

    Элемент управления FlowLayoutPanel является контейнером, в котором другие элементы управления размещаются построчно в определенном порядке.

  3. Выберите новый элемент FlowLayoutPanel, а затем откройте Панель элементов и выберите Общие элементы управления. Дважды щелкните элемент Кнопки, чтобы добавить кнопку с именем button1.

  4. Снова дважды щелкните элемент Кнопка, чтобы добавить еще одну кнопку. Интегрированная среда разработки вызывает следующий элемент button2.

  5. Добавьте еще две кнопки таким же образом. Другой вариант — выберите button2, а затем выберите Правка>Копировать или нажмите клавиши CTRL+C. Далее в строке меню выберите Правка>Вставить (или нажмите клавиши CTRL+V). Порядок вставки копии кнопки. Повторите вставку еще раз. Обратите внимание на то, что в интегрированной среде разработки были добавлены кнопки button3 и button4 в FlowLayoutPanel.

  6. Выберите первую кнопку и установите для ее свойства Text значение Показать рисунок.

  7. Установите для свойства Text следующих трех кнопок значения Очистить рисунок, Установить цвет фона и Закрыть.

  8. Чтобы изменить размер кнопок и расположить их, выберите элемент FlowLayoutPanel. Присвойте свойству FlowDirection значение RightToLeft.

    Кнопки должны сами выровняться по правой стороне ячейки и изменить свой порядок таким образом, чтобы кнопка Показать рисунок располагалась с правой стороны. Можно перетаскивать кнопки в элементе FlowLayoutPanel, чтобы разместить их в любом порядке.

  9. Щелкните кнопку Закрыть, чтобы выбрать ее. Затем выберите остальные кнопки, удерживая нажатой клавишу CTRL.

  10. В окне Свойства задайте для свойства Авторазмер значение True. Размеры кнопок будут изменяться соответствии с текстом.

Вы можете запустить программу, чтобы увидеть, как выглядят элементы управления. Нажмите клавишу F5, выберите Отладка>Начать отладку или нажмите кнопку Запустить. Кнопки, которые вы добавили, пока еще не функционируют.

Переименование элементов управления

В форме есть четыре кнопки: button1, button2, button3и button4 в C#. В Visual Basic в качестве первой буквы любого имени элемента управления по умолчанию используется прописная буква, поэтому в Visual Basic кнопки называются Button1, Button2, Button3 и Button4. Чтобы присвоить им более информативные имена, выполните указанные ниже действия.

  1. В форме нажмите кнопку Закрыть . Если все еще выделены все кнопки, для отмены выделения нажмите клавишу ESC.

  2. В окне Свойства найдите (Name) . Измените имя на closeButton.

    Интегрированная среда разработки не принимает имена, содержащие пробелы.

  3. Переименуйте другие три кнопки как backgroundButton, clearButton, showButton. Имена можно проверить в раскрывающемся списке селектора элементов управления в окне Свойства . Отобразятся новые имена кнопок.

Можно переименовать любой элемент управления, например TableLayoutPanel или checkbox.

Добавление компонентов диалоговых окон

С помощью компонентов приложение может открывать графические файлы и выбирать цвет фона. Компонент аналогичен элементу управления. Для добавления компонента в форму используется панель элементов. Для задания значений свойств используется окно Свойства.

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

В этом разделе добавьте в форму компоненты OpenFileDialog и ColorDialog.

  1. Выберите конструктор Windows Forms (Form1.cs[Design] ). Затем откройте Панель элементов и выберите группу Диалоговые окна.

  2. Дважды щелкните элемент OpenFileDialog, чтобы добавить в форму компонент с именем openFileDialog1.

  3. Дважды щелкните на панели элементов элемент ColorDialog, чтобы добавить в форму компонент с именем colorDialog1. Компоненты отображаются в нижней части конструктора Windows Forms в виде значков.

  4. Щелкните значок openFileDialog1 и задайте два свойства:

    • Установите для свойства Filter следующее значение:

      JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*

    • Установите для свойства Title значение Выбор файла изображения.

    Параметры свойства Filter определяют типы файлов, которые отображаются в диалоговом окне Выбор файла изображения.

Следующие шаги

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

Учебник. Часть 3. Добавление кода в средство просмотра изображений

Visual Basic с нуля. Глава1. Форма.

Visual Basic с нуля. Глава1. Форма.

Часть 1. Основы Visual Basiс
02.10.2004

Глава 1.

Форма.
Основные свойства формы.
./index/shadowS3.gif»>

Загружай VB, и в путь. При этом очень советуем иметь ПРОГРАММНЫЕ МИНИАТЮРЫ, которые можно заказать по [email protected].Они просто необходимы,когда придется читать текст повторно, без лирики. Итак, создаем первый “Стандартный EXE” (как в Главе 1). На экране имеем примерно такую картинку:

Рисунок 2.

Теперь мы найдем место, куда будем заносить собственно программу. Для этого в верхнем ряду окна нажимаем кнопку “Вид”. В выпавшем меню первая строка и есть та, которая нам нужна: “Код”. Показано на рисунке 3.

Рисунок 3.

У нас поверх окна формы Проект1 – Form1 (Форма) появится окно Проект1 – Form1 (Код). Вверху этого окна у нас имеется два выпадающих списка. Слева — список доступных объектов, справа – события для этих объектов. Объектов у нас сейчас два: (General) и Form. Выбираем строку Form. В поле окна кода появились две строки. Что это значит. Первая строка:

Private Sub Form_Load()

говорит о том, что мыначинаем подпрограмму (Private Sub) или правильней процедуру, которая будет выполняться при загрузке (_Load) нашей формы (Form). Загрузка — это возникающее событие, на которое и отреагирует эта процедура. Последняя строка

End Sub

просто говорит о том, что этой строкой процедура Form_Load завершается.

Вот только выполнять-то пока нечего. В теле процедуры у нас нет ничего. А поэтому мы сейчас туда чего-нибудь напихаем. Первым делом, выведем на нашу форму какой-нибудь текст. По идиотской традиции, самая первая программа должна выводить на экран надпись типа “Hello, world” («Здравствуй, мир»). Мы же, из чувства противоречия, напишем “Я стану программистом”. Для этого вписываем между двух уже имеющихся у нас строк еще одну. У нас получится вот такая процедура:

Private Sub Form_Load()

Form1.Print "Я стану программистом"

End Sub

Строка, которую мы только что вписали в процедуру, представляет собой оператор, в котором первое слово Form1 представляет собой объект с которым мы работаем (не даром Visual Basic — это объектно-ориентированный язык). В нашем случае объект — это форма. Второе слово после точки (Print) представляет собой метод, который мы используем, для того чтобы работать с нашим объектом (формой). Наш метод позволит напечатать на объекте данные, которые следуют далее. Так как строка «Я стану программистом» — текстовая, то она взята в кавычки. Таковы правила языка Visual Basic — то бишь синтаксис.

Теперь можно бы посмотреть как это работает, только ни черта у нас не выйдет. Чтобы эта надпись появилась в форме, надо залезть в окно “Свойства – Form1”. На рис. 2 (см. выше) оно подписано как “Свойства выделенного объекта”. Затем в левой колонке найти строчку со свойством “AutoRedraw”. В этой строке только в правой колонке из выпадающего списка выбрать “True”. Теперь окно перерисуется вместе с нашим чудесным текстом и мы сможем увидеть изменения формы после выполнения программой нашего оператора. Нажмем кнопочку со стрелочкой для запуска нашей программы (показано на рис.4) и наслаждаемся ее работой.

Рисунок 4.

Свойство перерисовки, как и всякое другое можно задавать программно. Это намного правильней, так как в ходе выполнения программы часто приходится менять свойства объектов. Перед нашей строчкой добавим еще одну:

Form1.AutoRedraw = True

А в свойствах формы вернем состояние свойства AutoRedraw с True (Истина) на False (Ложь). Запустим программу. Она работает совершенно также. Аналогично можно менять другие свойства формы. В дальнейшем по мере необходимости мы будем обращаться к ним.

Ясное дело, форму можно растягивать. Можно также менять ее положение на экране, двигая квадратик в окне “Размещение формы”.

Еще одно. Можно создавать несколько форм и управлять объектами одной из другой. Для этого в меню выберите “Проект – Добавить форму – Открыть”.

Только если после этого запустить программу, второй формы не увидишь. Чтобы сделать ее видимой, надо прописать в Form1 такой код:

Form2.Show

Теперь наш проект надо сохранить. Выбери “Файл – Сохранить проект” или нажми на изображение дискетки. Появиться окно сохранения проекта, которое обычно предлагает путь «C:\Program Files\Microsoft Visual Studio\VB98». Но туда сохранять ни в коем случае не надо, иначе файлы твоего проекта перпутаются с файлами Visual Basic. Лучше создать отдельную папочку с названием, которое отражает суть проекта и сохранить проект в ней. Так надо поступать с каждым проектом. Мы будем сохранять файлы под теми же именами, которые предлагает VB, хотя их, конечно, можно задавать какие угодно.

Последний этап – создание выполняемого (т.е. EXE) файла, то ради чего мы это все делали. Нажми “Файл – Создать Проект1.exe…”, сохраняй и готово. Теперь ты можешь закрыть VB и запускать свой EXE-файл. Поздравляю! Ты создал первую программу на Visual Basic. Вариант этой программы, только несколько расширенный, я привожу ниже. В ней показано изменение некоторых свойств формы. Скопируй ее в тело подпрограммы и поэкспериментируй с ней. Обрати внимание на комментарии. Они выделяются зеленым цветом и пишутся после апострофа. Нужны они только для пояснений, не компилируются и программой не выполняются.

‘******вот некоторые возможности работы с формой*****

Private Sub Form_Load()
Form1. AutoRedraw = True 'включает перерисовку формы 1
Form1.BackColor = vbBlack 'меняет цвет формы 1 на черный
Form1.ForeColor = &HFF& 'меняет цвет текста формы 1 на красный
Form1.BorderStyle = 3 'меняет рамку (бордюр) формы 1 на неизменяемую
Form1.Font.Size = 18 'меняет размер шрифта формы 1 на 18
Form1.Font.Underline = True 'подчеркивает текст в форме 1
Form1.Caption = "Моя первая программа" 'устанавливает заголовок формы 1
Form1.Print "Я стану программистом" 'выводит текст на форму 1
Form2.Show 'делает видимой форму 2
Form2.Width = 9000 'устанавливает ширину формы 2 равной 9000 твипов
Form2.WindowState = 1 'сворачивает форму 2
End Sub

Скачать код можно вверху страницы.

Copyright © 2004 4us

 


Сайт создан в системе uCoz

Создание формы приложения Windows в Visual Studio

Создание формы приложения Windows в Visual Studio

Теги:  . NET/C#  Visual Studio  программирование для Windows

В Visual Studio интеграции среды разработки (IDE) Введение, узнать, как создать простое приложение C # с Windows, на основе пользовательского интерфейса (UI).

Создать проект

Во-первых, создать проект # приложения C. Тип проекта поставляется со всеми файлами шаблонов, необходимых, ничего не добавляя.

  1. Откройте Visual Studio 2019.
  2. В окне «Пуск», выберите «Создать новый проект».
  3. В окне создания нового проекта, выберите «Windows Form Application (.NET Framework» шаблон для C #. Если вы хотите, вы можете оптимизировать свой поиск, чтобы быстро найти нужный шаблон. Например, введите или введите «Windows Form Application» в окне поиска. Далее, выберите «C #» из списка языков и выберите «Windows» из списка платформ. Несомненно

     Замечание

    Если вы не видите «Windows Form Application» шаблон, вы можете установить шаблон через Create New Project окна. В «Не удается найти нужный контент?» Сообщение, выберите «Установить Дополнительные инструменты и функции» ссылки.

    Далее в программе установки Visual Studio, выберите «.NET Development Desktop» рабочую нагрузку.

    После этого нажмите кнопку «Изменить» в зрительном установщиком Studio. Система может предложить вам сохранить все содержимое, если потребуется, следуйте инструкциям. Далее, выберите «Продолжить», чтобы установить рабочую нагрузку. Затем вернитесь к шагу 2 из «Создать проект» процесса.

  4. В окне Конфигурация нового проекта введите или введите «HelloWorld» в поле Имя проекта. Затем выберите «Создать». На данный момент, Visual Studio откроет новый проект.

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

Выберите C # шаблон проекта и имя файла, Visual Studio открывает форму. Форма является пользовательским интерфейсом для Windows. Создание приложения «Hello World», добавив элемент управления в форме, а затем запустить приложение.

Добавление кнопок в форму

  1. Выберите панель инструментов, чтобы открыть всплывающее окно Toolbox. Быть(Если вы не видите всплывающий опцию Toolbox, вы можете открыть в строке меню. Для этого выберите «View»> Toolbox. «Или нажмите Ctrl + Alt + х).
  2. Выберите «фиксированный» значок, чтобы зафиксировать окно Toolbox. Быть
  3. Выберите «Button» управления и перетащите его на форму. Быть
  4. В окне свойств, найти «Текст», изменить название от «Button1» наClick thisЗатем нажмите ENTER.(Если вы не видите окно свойств можно открыть из меню. Для этого выберите Вид> Свойства окна. Или нажмите F4).
  5. В разделе «Дизайн» окна Атрибуты, изменить название от «Button1» наbtnClickThis, Затем нажмите ENTER.

Замечание

Если «Свойства» список окна расположены в алфавитном порядке, Button1 появится в разделе DataBindings.

Добавление метки к форме

После добавления кнопки управления для создания, давайте добавим контроль этикетки, которая посылает текст.

  1. Выберите Tag Control из окна Toolbox, а затем перетащить его на форму и поместите его под кнопкой «нажмите здесь».
  2. В разделе «Дизайн» окна «Свойства», измените название от «Label1» вlblHelloWorld, Затем нажмите ENTER.

Добавьте код в форму

  1. В «окне Form1.cs [Design], дважды щелкните» Нажмите здесь «кнопку, чтобы открыть окно» Form1.cs». (Или, «Form1.cs» может быть расширен в обозревателе решений, а затем выберите «Form1».)
  2. В «Form1.cs» окна, тип или введена после «Частная Пустоты» линииlblHelloWorld.Text = "Hello World!";, Как показано на скриншоте в следующем:

Запустите это приложение

  1. Нажмите кнопку «Пуск», чтобы запустить приложение.Следующие условия будут происходить. В Visual Studio IDE открывается окно «Диагностические инструменты», а выходное окно также откроется. Диалоговое окно «Form1» отображается за пределами IDE. Он содержит кнопку «Нажмите здесь» и отобразить «Label1».
  2. Выберите кнопку «Нажмите здесь» в диалоговом окне FORM1. Обратите внимание, что текст «LABLE1» будет изменен на «Hello World!».
  3. Закройте диалоговое окно Form1, чтобы прекратить работу приложения.

Следовать за

 

Интеллектуальная рекомендация

Инициализация загрузки Springboot

Там может быть такая сцена во время разработки, а какой-то контент загружен после запуска контейнера. Если вы прочитаете файл конфигурации, вы можете выполнить начальную конфигурацию корреляции или жу…

Глава 9 «Режим прототипа»

1. Определение спецификации режима прототипа: Используйте экземпляры прототипа для обозначения типа объекта и создать новый экземпляр, копируя эти прототипы. 2, сущность режима прототипа: С указанным …

javascript хранит два десятичных знака

…

Интуитивное объяснение функций активации сигмоида, танха и релю

Ссылка ссылка:https://www.cnblogs.com/hutao722/p/9732223.html     Код реализации: Графическое объяснение выглядит следующим образом: Сравнение трех функций:   Производные формулы трех ф. ..

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

Используйте лямбда, предоставляемую jdk8 для параллельных вычислений add2 использует параллельные потоки для вычислений, поэтому порядок вывода не гарантируется The behavior of this operation is expli…

Вам также может понравиться

Руководство пользователя Linux завершено

Руководство пользователя Linux завершено Операционная система — centos7 1. Загрузите китайский программный пакет. 2. Разархивируйте, скомпилируйте и установите 3. Чтобы не оскорблять человека, создаем…

Silverlight Quotation Bee двухмерная графическая библиотека Пример: форма линии (LineCap) в конце сегмента линии

LineCap указывает форму конечной точки открытого пути. Существует три разных типа: cap_butt, cap_round и cap_square. На следующем коде показаны три различных типа LineCap….

netty-time-Second Solution

Timeserver, TimeserverHandler в одной и той же статье. FrameDecoder is an implementation of ChannelHandler which makes it easy to which deals with the fragmentation issue. FrameDecoder calls decode me…

На рынке VR-камер появилась темная лошадка, и SONICAM готова к тому, чтобы аудитория привлекала пользователей.

Это устройство позволяет вам наслаждаться полным погружением в изображения 360 ° VR и эффекты объемного звука 3D. вместе сВиртуальная реальностьС развитием всех слоев общества на рынке растет спро…

Говорить о весенней ботинке

Spring Boot Весенний дизайн загрузки — упростить начальную конструкцию и процесс разработки пружинных приложений. После использования Sprilboot очень просто построить пружинное приложение и разработка…

Создание приложения Windows Forms с помощью C# — Visual Studio (Windows)

Обратная связь Редактировать

Твиттер LinkedIn Фейсбук Эл. адрес

  • Статья
  • 6 минут на чтение

Применяется к: Visual Studio Visual Studio для Mac Visual Studio Code

В этом кратком введении в интегрированную среду разработки (IDE) Visual Studio вы создадите простое приложение C# с пользовательским интерфейсом на базе Windows ( интерфейс).

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio, чтобы установить ее бесплатно.

Примечание

На некоторых снимках экрана в этом руководстве используется темная тема. Если вы не используете темную тему, но хотели бы это сделать, см. страницу Персонализация интегрированной среды разработки и редактора Visual Studio, чтобы узнать, как это сделать.

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio 2022, чтобы установить ее бесплатно.

Создать проект

Сначала вы создадите проект приложения C#. Тип проекта поставляется со всеми файлами шаблонов, которые вам понадобятся, еще до того, как вы что-то добавили.

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. В окне Создать новый проект выберите шаблон Приложение Windows Forms (.NET Framework) для C#.

    (При желании вы можете уточнить поиск, чтобы быстро найти нужный шаблон. Например, введите или введите Приложение Windows Forms в поле поиска. Затем выберите C# из списка языков, а затем выберите Windows из списка платформ.)

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (.NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? , выберите ссылку Установить дополнительные инструменты и функции .

    Затем в установщике Visual Studio выберите рабочую нагрузку Разработка рабочего стола . NET .

    После этого нажмите кнопку Modify в установщике Visual Studio. Вам может быть предложено сохранить вашу работу; если да, то делай так. Затем выберите Продолжить , чтобы установить рабочую нагрузку. Затем вернитесь к шагу 2 этой процедуры «Создание проекта».

  4. В окне Configure your new project введите или введите HelloWorld в поле Имя проекта . Затем выберите Создать .

    Visual Studio открывает новый проект.

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. В окне Создать новый проект выберите шаблон Приложение Windows Forms (.NET Framework) для C#.

    (При желании можно уточнить поиск, чтобы быстро найти нужный шаблон. Например, введите или введите Приложение Windows Forms в поле поиска. Затем выберите C# из списка Язык, а затем выберите Windows из списка платформ.)

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (.NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? , выберите ссылку Установить дополнительные инструменты и функции .

    Затем в установщике Visual Studio выберите рабочую нагрузку .NET desktop development .

    После этого нажмите кнопку Modify в установщике Visual Studio. Вам может быть предложено сохранить вашу работу; если да, то делай так. Затем выберите Продолжить , чтобы установить рабочую нагрузку. Затем вернитесь к шагу 2 этой процедуры «Создание проекта».

  4. В окне Настройте новый проект введите или введите HelloWorld в поле Имя проекта . Затем выберите Создать .

    Visual Studio открывает новый проект.

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

После того, как вы выберете шаблон проекта C# и назовете файл, Visual Studio откроет для вас форму. Форма — это пользовательский интерфейс Windows. Мы создадим приложение «Hello World», добавив в форму элементы управления, а затем запустим приложение.

Добавить кнопку в форму

  1. Выберите Toolbox , чтобы открыть всплывающее окно Toolbox.

    (Если вы не видите всплывающую опцию Toolbox , вы можете открыть ее из строки меню. Для этого View > Toolbox . Или нажмите Ctrl + Alt + Х .)

  2. Выберите значок Pin , чтобы закрепить окно Toolbox .

  3. Выберите элемент управления Button и перетащите его на форму.

  4. В окне Properties найдите Text , измените имя с button1 на Щелкните этот , а затем нажмите Enter .

    (Если вы не видите окно Свойства , вы можете открыть его из строки меню. Для этого выберите Вид > Окно свойств . Или нажмите Ф4 .)

  5. В разделе Design окна Properties измените имя с button1 на btnClickThis , а затем нажмите Enter .

    Примечание

    Если вы расположили список в алфавитном порядке в окне Свойства , button1 вместо этого появится в разделе (DataBindings) .

Добавление метки к форме

Теперь, когда мы добавили кнопку для создания действия, давайте добавим метку для отправки текста.

  1. Выберите элемент управления Label в окне Toolbox , а затем перетащите его на форму и поместите под Нажмите эту кнопку .

  2. В разделе Design или (DataBindings) окна Properties измените имя label1 на lblHelloWorld , а затем нажмите Enter .

Добавьте код в форму

  1. В окне Form1.cs [Design] дважды щелкните значок . Нажмите эту кнопку , чтобы открыть окно Form1.cs .

    (Кроме того, вы можете развернуть Form1.cs в Solution Explorer , а затем выбрать Form1 .)

  2. В окне Form1.cs после строки private void введите lblHelloWorld.Text = "Hello World!"; , как показано на следующем снимке экрана:

Запустить приложение

  1. Нажмите кнопку Пуск , чтобы запустить приложение.

    Произойдет несколько вещей. В Visual Studio IDE откроется окно Diagnostics Tools , а также окно Output . Но за пределами IDE появляется диалоговое окно Form1 . Он будет включать ваш . Нажмите эту кнопку и текст с надписью label1 .

  2. Выберите Нажмите эту кнопку в диалоговом окне Form1 . Обратите внимание, что текст label1 меняется на Hello World! .

  3. Закройте диалоговое окно Form1 , чтобы остановить запуск приложения.

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

После того, как вы выберете шаблон проекта C# и назовете файл, Visual Studio откроет для вас форму. Форма — это пользовательский интерфейс Windows. Мы создадим приложение «Hello World», добавив в форму элементы управления, а затем запустим приложение.

Добавить кнопку в форму

  1. Выберите Toolbox , чтобы открыть всплывающее окно Toolbox.

    (Если вы не видите всплывающую опцию Toolbox , вы можете открыть ее из строки меню. Для этого View > Toolbox . Или нажмите Ctrl + Alt + Х .)

  2. Выберите значок Pin , чтобы закрепить окно Toolbox .

  3. Выберите элемент управления Button и перетащите его на форму.

  4. В окне Properties найдите Text , измените имя с Button1 на Щелкните этот , а затем нажмите Enter .

    (Если вы не видите окно Свойства , вы можете открыть его из строки меню. Для этого выберите Вид > Окно свойств . Или нажмите Ф4 .)

  5. В разделе Design окна Properties измените имя с Button1 на btnClickThis , а затем нажмите Enter .

    Примечание

    Если вы отсортировали список в алфавитном порядке в окне Свойства , вместо этого Button1 появится в разделе (DataBindings) .

Добавление метки к форме

Теперь, когда мы добавили кнопку для создания действия, давайте добавим метку для отправки текста.

  1. Выберите элемент управления Label в окне Toolbox , а затем перетащите его на форму и поместите под Нажмите эту кнопку .

  2. В разделе Design или (DataBindings) окна Properties измените имя Label1 на lblHelloWorld , а затем нажмите Enter .

Добавьте код в форму

  1. В окне Form1.cs [Design] дважды щелкните значок . Нажмите эту кнопку , чтобы открыть окно Form1. cs .

    (Кроме того, вы можете развернуть Form1.cs в Solution Explorer , а затем выбрать Form1 .)

  2. В окне Form1.cs после строки private void введите lblHelloWorld.Text = "Hello World!"; , как показано на следующем снимке экрана:

Запустить приложение

  1. Нажмите кнопку Пуск , чтобы запустить приложение.

    Произойдет несколько вещей. В Visual Studio IDE откроется окно Diagnostics Tools , а также окно Output . Но за пределами IDE появляется диалоговое окно Form1 . Он будет включать ваш Нажмите эту кнопку и текст, который говорит Label1 .

  2. Выберите Нажмите эту кнопку в диалоговом окне Form1 . Обратите внимание, что текст Label1 меняется на Hello World! .

  3. Закройте диалоговое окно Form1 , чтобы остановить запуск приложения.

Следующие шаги

Чтобы узнать больше, перейдите к следующему учебному пособию:

Учебное пособие. Создание средства просмотра изображений

См. также

  • Дополнительные учебные пособия по C#
  • Учебники по Visual Basic
  • Учебники по C++

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

Учебник. Создание приложения Windows Forms с помощью Visual Basic — Visual Studio (Windows)

Обратная связь Редактировать

Твиттер LinkedIn Фейсбук Эл. адрес

  • Статья
  • 4 минуты на чтение

Применяется к: Visual Studio Visual Studio для Mac Visual Studio Code

В этом руководстве вы создадите приложение Visual Basic с пользовательским интерфейсом Windows Forms. Интегрированная среда разработки (IDE) Visual Studio включает в себя все инструменты, необходимые для создания приложения Windows Forms.

В этом руководстве вы узнаете, как:

  • Создать проект
  • Добавить кнопку в форму
  • Добавить метку и код
  • Запустить приложение

Предварительные условия

Для выполнения этого руководства вам потребуется Visual Studio. Посетите страницу загрузок Visual Studio, чтобы получить бесплатную версию.

Для выполнения этого руководства вам потребуется Visual Studio. Посетите страницу загрузок Visual Studio, чтобы получить бесплатную версию.

Создать проект

Создайте проект приложения Visual Basic. Тип проекта поставляется со всеми файлами шаблонов, которые вам понадобятся, еще до того, как вы что-то добавили.

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. В окне Создать новый проект выберите шаблон Приложение Windows Forms (.NET Framework) для Visual Basic.

    Вы можете уточнить параметры поиска, чтобы быстро найти нужный шаблон. Например, введите Приложение Windows Forms в поле поиска. Затем выберите Visual Basic из списка Language , а затем Windows из списка Platform .

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (. NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? , выберите Установить дополнительные инструменты и функции ссылка.

    Затем в установщике Visual Studio выберите рабочую нагрузку Разработка рабочего стола .NET .

    После этого выберите Modify в установщике Visual Studio. Вам может быть предложено сохранить вашу работу.

  4. В окне Configure your new project введите HelloWorld в качестве имени проекта . Затем выберите Создать .

    Visual Studio открывает новый проект.

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. В окне Создать новый проект выберите шаблон Приложение Windows Forms (. NET Framework) для Visual Basic.

    Вы можете уточнить параметры поиска, чтобы быстро найти нужный шаблон. Например, введите Приложение Windows Forms в поле поиска. Далее выберите Visual Basic из списка Language , а затем Windows из списка Platform .

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (.NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? , выберите ссылку Установить дополнительные инструменты и функции .

    Затем в установщике Visual Studio выберите Рабочая нагрузка разработки настольных компьютеров .NET .

    После этого выберите Modify в установщике Visual Studio. Вам может быть предложено сохранить вашу работу.

  4. В окне Configure your new project введите HelloWorld в качестве имени проекта . Затем выберите Создать .

    Visual Studio открывает новый проект.

Добавить кнопку в форму

После того, как вы выберете шаблон проекта Visual Basic и назовете файл, Visual Studio откроет для вас форму. Форма — это пользовательский интерфейс Windows. Вы создадите приложение «Hello World», добавив в форму элементы управления.

  1. В левой части Visual Studio IDE выберите вкладку Панель инструментов . Если вы его не видите, выберите View > Toolbox в строке меню или Ctrl + Alt + X .

    Если хотите, выберите значок Pin , чтобы закрепить окно Toolbox .

  2. Выберите элемент управления Button и перетащите его на форму.

  3. В разделе Внешний вид окна Свойства для Текст введите Щелкните этот , а затем нажмите Введите .

    Если вы не видите окно Свойства , вы можете открыть его из строки меню. Выберите Вид > Окно свойств или нажмите F4 .

  4. В разделе Design окна Properties измените имя с Button1 на btnClickThis , а затем нажмите Enter .

    Примечание

    Если вы отсортировали список в алфавитном порядке в окне Свойства , вместо этого Button1 появится в разделе (DataBindings) .

Добавьте метку и код

Теперь, когда вы добавили кнопку для создания действия, добавьте метку для отправки текста.

  1. Выберите элемент управления Label в окне Toolbox и перетащите его на форму. Поместите его под Нажмите эту кнопку .

  2. В разделе Design или в разделе (DataBindings) окна Properties измените имя Label1 до lblHelloWorld , а затем нажмите Введите .

  3. В окне Form1.vb [Design] дважды щелкните Нажмите эту кнопку , чтобы открыть окно Form1.vb .

    Другой вариант — развернуть Form1.vb в Solution Explorer , а затем выбрать Form1 .

  4. В окне Form1.vb , между Private Sub и End Sub строк, введите lblHelloWorld.Text = «Hello World!» , как показано на следующем снимке экрана:

Запустите приложение

Ваше приложение готово к сборке и запуску.

  1. Выберите Start , чтобы запустить приложение.

    Происходит несколько вещей. В интегрированной среде разработки Visual Studio открывается окно Средства диагностики , а также окно Вывод . Вне IDE, Form1 Появится диалоговое окно. Он включает в себя ваш . Нажмите эту кнопку и текст с надписью Label1 .

  2. Выберите Нажмите эту кнопку в диалоговом окне Form1 .

    Текст Label1 меняется на Hello World! .

  3. Закройте диалоговое окно Form1 , чтобы остановить запуск приложения.

Следующие шаги

Чтобы узнать больше о Windows Forms, перейдите к следующему руководству:

Учебное пособие. Создание средства просмотра изображений

См. также

  • Другие учебные пособия по Visual Basic
  • Учебники по C#
  • Учебники по C++

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

Руководство по конструктору Windows Forms

— Visual Studio (Windows)

Обратная связь Редактировать

Твиттер LinkedIn Фейсбук Эл. адрес

  • Статья
  • 11 минут на чтение

Применяется к: Visual Studio Visual Studio для Mac Visual Studio Code

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

  • Расположите элементы управления с помощью линий привязки.
  • Выполнение задач дизайнера с помощью смарт-тегов.
  • Установить поля и отступы для элементов управления.
  • Упорядочить элементы управления с помощью элемента управления TableLayoutPanel.
  • Разделите макет вашего элемента управления с помощью элемента управления SplitContainer.
  • Навигация по макету с помощью окна «Структура документа».
  • Элементы управления положением с отображением информации о размере и местоположении.
  • Задайте значения свойств с помощью окна свойств.

Когда вы закончите, у вас будет пользовательский элемент управления, который был собран с использованием многих функций макета, доступных в конструкторе Windows Forms. Этот элемент управления реализует пользовательский интерфейс (UI) для простого калькулятора. На следующем рисунке показан общий вид элемента управления калькулятором:

Совет

Если вы разработчик C++ и ищете руководство, которое поможет вам создать приложение Windows, включающее формы и элементы управления, см. на основе приложения MFC. Более общие сведения см. в разделе Обзор программирования для Windows на C++.

Создайте проект пользовательского элемента управления

Первым шагом является создание проекта элемента управления DemoCalculator.

  1. Откройте Visual Studio и создайте новый проект Библиотеки управления Windows Forms . Назовите проект DemoCalculatorLib .

  2. Чтобы переименовать файл, в Solution Explorer щелкните правой кнопкой мыши UserControl1.vb или UserControl1.cs , выберите Rename и измените имя файла на DemoCalculator.vb или DemoCalculator.cs. Выберите Да , когда вас спросят, хотите ли вы переименовать все ссылки на элемент кода «UserControl1».

Конструктор Windows Forms показывает поверхность конструктора для элемента управления DemoCalculator. В этом представлении можно графически спроектировать внешний вид элемента управления, выбрав элементы управления и компоненты из панели инструментов и поместив их на поверхность конструктора. Дополнительные сведения о настраиваемых элементах управления см. в разделе Разновидности настраиваемых элементов управления.

Элемент управления DemoCalculator содержит несколько элементов управления Windows Forms. В этой процедуре вы расположите элементы управления с помощью конструктора Windows Forms.

  1. В конструкторе Windows Forms измените размер элемента управления DemoCalculator на больший, выбрав маркер изменения размера в правом нижнем углу и перетащив его вниз и вправо. В правом нижнем углу Visual Studio найдите информацию о размере и расположении элементов управления. Установите размер элемента управления на ширину 500 и высоту 400, наблюдая за информацией о размере при изменении размера элемента управления.

  2. В Toolbox выберите Containers узел, чтобы открыть его. Выберите элемент управления SplitContainer и перетащите его на поверхность конструктора.

    SplitContainer размещается на поверхности конструктора элемента управления DemoCalculator.

    Совет

    Размер элемента управления SplitContainer соответствует размеру элемента управления DemoCalculator. Посмотрите в окно Properties , чтобы увидеть настройки свойств для элемента управления SplitContainer . Найдите свойство Dock. Его значение равно DockStyle.Fill, что означает Размер элемента управления SplitContainer всегда будет соответствовать границам элемента управления DemoCalculator. Измените размер элемента управления DemoCalculator, чтобы проверить это поведение.

  3. В окне Properties измените значение свойства Dock на None .

    Элемент управления SplitContainer сжимается до размера по умолчанию и больше не соответствует размеру элемента управления DemoCalculator.

  4. Выберите глиф смарт-тега () в правом верхнем углу Управление SplitContainer . Выберите Dock in Parent Container , чтобы задать для свойства Dock значение Fill .

    Элемент управления SplitContainer пристыковывается к границам элемента управления DemoCalculator.

    Примечание

    Некоторые элементы управления предлагают смарт-теги для облегчения дизайна. Дополнительные сведения см. в разделе Пошаговое руководство. Выполнение стандартных задач с помощью смарт-тегов в элементах управления Windows Forms.

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

    SplitContainer делит элемент управления DemoCalculator на две панели с подвижной границей, разделяющей их. Панель слева будет содержать кнопки калькулятора и дисплей, а панель справа будет отображать запись арифметических операций, выполненных пользователем.

  6. В окне Properties измените значение свойства BorderStyle на Fixed3D .

  7. В Набор инструментов выберите узел Common Controls , чтобы открыть его. Выберите элемент управления ListView и перетащите его на правую панель элемента управления SplitContainer .

  8. Выберите глиф смарт-тега элемента управления ListView . На панели смарт-тегов измените параметр View на Details .

  9. На панели смарт-тегов выберите Редактировать столбцы .

    Редактор коллекции заголовков столбцов 9Откроется диалоговое окно 0020.

  10. В диалоговом окне ColumnHeader Collection Editor выберите Добавить , чтобы добавить столбец в элемент управления ListView . Измените значение свойства Text столбца на History . Выберите OK , чтобы создать столбец.

  11. На панели смарт-тегов выберите Закрепить в родительском контейнере , а затем выберите глиф смарт-тега, чтобы закрыть панель смарт-тегов.

  12. Из узла Containers Toolbox перетащите элемент управления TableLayoutPanel на левую панель элемента управления SplitContainer .

    Элемент управления TableLayoutPanel отображается на поверхности конструктора с открытой панелью смарт-тегов. Элемент управления TableLayoutPanel размещает свои дочерние элементы управления в сетке. Элемент управления TableLayoutPanel будет содержать дисплей и кнопки элемента управления DemoCalculator. Дополнительные сведения см. в разделе Пошаговое руководство. Упорядочивание элементов управления с помощью TableLayoutPanel.

  13. Выберите Редактировать строки и столбцы на панели смарт-тегов.

    Откроется диалоговое окно Стили столбцов и строк .

  14. Нажимайте кнопку Добавить , пока не отобразятся пять столбцов. Выберите все пять столбцов, а затем выберите Percent в поле Size Type . Установите значение Percent на 20 . Это устанавливает для каждого столбца одинаковую ширину.

  15. Ниже Показать , выбрать строк .

  16. Выберите Добавляйте , пока не отобразятся пять строк. Выберите все пять строк и выберите Percent в поле Size Type . Установите значение Percent на 20 . Это устанавливает для каждой строки одинаковую высоту.

  17. Выберите OK , чтобы принять изменения, а затем выберите глиф смарт-тега, чтобы закрыть панель смарт-тега.

  18. В В окне Properties измените значение свойства Dock на Fill .

Заполнение элемента управления

Теперь, когда макет элемента управления настроен, вы можете заполнить элемент управления DemoCalculator кнопками и дисплеем.

  1. В Toolbox выберите значок управления TextBox .

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

  2. В окне Properties измените значение свойства TextBox ColumnSpan элемента управления на 5 .

    Элемент управления TextBox перемещается в позицию, расположенную по центру строки.

  3. Измените значение свойства Anchor элемента управления TextBox на Left , Right .

    Элемент управления TextBox расширяется по горизонтали, чтобы охватить все пять столбцов.

  4. Измените значение свойства TextAlign элемента управления TextBox на Right .

  5. В окне Properties разверните узел свойств Font . Установите Size на 14 и установите Bold на true для элемента управления TextBox .

  6. Выберите элемент управления TableLayoutPanel .

  7. В Toolbox , выберите значок Кнопка .

    Элемент управления Button помещается в следующую открытую ячейку элемента управления TableLayoutPanel .

  8. В Toolbox выберите значок Button еще четыре раза, чтобы заполнить вторую строку элемента управления TableLayoutPanel .

  9. Выберите все пять элементов управления Button , выбрав их, удерживая нажатой клавишу Shift . Нажмите Ctrl + C , чтобы скопировать элементы управления Button в буфер обмена.

  10. Нажмите Ctrl + V три раза, чтобы вставить копии элементов управления Button в остальные строки элемента управления TableLayoutPanel .

  11. Выберите все 20 элементов управления Button , выбрав их, удерживая нажатой клавишу Shift .

  12. В окне Properties измените значение Стыковать свойство с Заполнить .

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

  13. В окне Properties разверните узел свойств Margin . Установите значение Все на 5 .

    Все элементы управления Button имеют меньший размер, чтобы создать большее поле между ними.

  14. Выберите button10 и button20 , а затем нажмите Удалите , чтобы удалить их из макета.

  15. Выберите button5 и button15 , а затем измените значение их свойства RowSpan на 2 . Это будут кнопки Clear и = для элемента управления DemoCalculator.

Использование окна «Структура документа»

Если элемент управления или форма заполнены несколькими элементами управления, вам может быть проще перемещаться по макету с помощью окна «Структура документа».

  1. В строке меню выберите Вид > Другие Windows > Структура документа .

    В окне «Структура документа» отображается древовидное представление элемента управления DemoCalculator и составляющих его элементов управления. Контейнерные элементы управления, такие как SplitContainer , отображают свои дочерние элементы управления как подузлы в дереве. Вы также можете переименовать элементы управления в окне «Структура документа».

  2. В Схема документа , щелкните правой кнопкой мыши button1 и выберите Переименовать . Измените его имя на sevenButton.

  3. Используя окно Document Outline , переименуйте элементы управления Button из имени, сгенерированного конструктором, в производственное имя в соответствии со следующим списком:

    • button1 до sevenButton

    • кнопка 2 до восемь кнопок

    • кнопка3 до девять кнопок

    • button4 до DivisionButton

    • button5 до clearButton

    • кнопка от 6 до четыре кнопки

    • button7 до FiveButton

    • button8 до sixButton

    • button9 — кнопка умножения

    • button11 — oneButton

    • button12 до twoButton

    • button13 до threeButton

    • кнопка от 14 до кнопка вычитания

    • button15 до равноButton

    • button16 до zeroButton

    • button17 — changeSignButton

    • button18 до decimalButton

    • кнопка с 19 по дополнительная кнопка

  4. Используя окна Document Outline и Properties , измените значение свойства Text для каждого имени элемента управления Button в соответствии со следующим списком:

    • Измените свойство текста элемента управления sevenButton на 7

    • Измените свойство текста элемента управления восемью кнопками на 8

    • Измените свойство текста элемента управления nineButton на 9

    • Измените свойство текста элемента управления DivisionButton на / (косая черта)

    • Измените свойство текста элемента управления clearButton на Clear

    • Измените свойство текста элемента управления FourButton на 4

    • Измените свойство текста элемента управления FiveButton на 5

    • Измените свойство текста элемента управления sixButton на 6

    • Измените свойство текста элемента управления multiplicationButton на * (звездочка)

    • Измените свойство текста элемента управления oneButton на 1

    • Измените свойство текста элемента управления twoButton на 2

    • Измените свойство текста элемента управления threeButton на 3

    • Измените свойство текста элемента управления subtractionButton на — (дефис)

    • Измените текстовое свойство элемента управления equalsButton на = (знак равенства)

    • Измените свойство текста элемента управления zeroButton на 0

    • Измените свойство текста элемента управления changeSignButton на +/-

    • Измените свойство текста элемента управления decimalButton на . (период)

    • Измените свойство текста элемента управления addButton на + (знак плюс)

  5. На поверхности конструктора выберите все элементы управления Button , выбрав их, удерживая нажатой клавишу Shift .

  6. В окне Properties разверните узел свойств Font . Установите Size на 14 и установите Bold на true для всех элементов управления Button .

На этом разработка элемента управления DemoCalculator завершена. Остается только реализовать логику калькулятора.

Реализовать обработчики событий

Кнопки элемента управления DemoCalculator имеют обработчики событий, которые можно использовать для реализации большей части логики калькулятора. Конструктор Windows Forms позволяет реализовать заглушки всех обработчиков событий для всех кнопок одним выбором.

  1. На поверхности конструктора выберите все элементы управления Button , выбрав их, удерживая нажатой клавишу Shift .

  2. Выберите один из Кнопка управления.

    Редактор кода открывается для обработчиков событий, созданных конструктором.

Проверка элемента управления

Поскольку элемент управления DemoCalculator наследуется от класса UserControl, его поведение можно проверить с помощью тестового контейнера UserControl . Дополнительные сведения см. в разделе Практическое руководство. Проверка поведения UserControl во время выполнения.

  1. Нажмите F5 , чтобы построить и запустить элемент управления DemoCalculator в Тестовый контейнер UserControl .

  2. Выберите границу между панелями SplitContainer и перетащите ее влево и вправо. TableLayoutPanel и все его дочерние элементы управления изменяют свой размер, чтобы соответствовать доступному пространству.

  3. Когда вы закончите тестирование элемента управления, выберите Close .

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

Элемент управления DemoCalculator можно использовать в других составных элементах управления или в форме. Следующая процедура описывает, как ее использовать.

Создание проекта

Первым шагом является создание проекта приложения. Вы будете использовать этот проект для создания приложения, отображающего ваш настраиваемый элемент управления.

  1. Создайте новый проект Windows Forms Application и назовите его DemoCalculatorTest .

  2. В Solution Explorer щелкните правой кнопкой мыши проект DemoCalculatorTest и выберите Добавить > Ссылка на проект , чтобы открыть .0019 диалоговое окно Диспетчер ссылок .

    (Если вы используете Visual Studio 2017, выберите Добавить > Ссылка , чтобы открыть диалоговое окно Диспетчер ссылок . )

  3. Перейдите на вкладку Projects и выберите проект DemoCalculatorLib, чтобы добавить ссылку на тестовый проект.

  4. В Solution Explorer щелкните правой кнопкой мыши DemoCalculatorTest и выберите Set as StartUp Project .

  5. В конструкторе Windows Forms увеличьте размер формы примерно до 700 x 500 .

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

Чтобы использовать элемент управления DemoCalculator в приложении, необходимо поместить его в форму.

  1. В Toolbox разверните узел DemoCalculatorLib Components .

  2. Перетащите элемент управления DemoCalculator из Toolbox в вашу форму. Переместите элемент управления в левый верхний угол формы. Когда элемент управления находится близко к границам формы, появится линий привязки . Линии привязки указывают расстояние свойства Padding формы и свойства Margin элемента управления. Разместите элемент управления в месте, указанном линиями привязки.

    Дополнительные сведения см. в разделе Пошаговое руководство. Расстановка элементов управления с помощью линий привязки.

  3. Перетащите элемент управления Button из Toolbox и поместите его на форму.

  4. Переместите элемент управления Button вокруг элемента управления DemoCalculator и посмотрите, где появляются линии привязки. С помощью этой функции вы можете точно и легко настроить элементы управления. Удалите элемент управления Button , когда закончите.

  5. Щелкните правой кнопкой мыши элемент управления DemoCalculator и выберите Свойства .

  6. Измените значение свойства Dock на Заполнить .

  7. Выберите форму, а затем разверните узел свойства Padding . Измените значение Все на 20 .

    Размер элемента управления DemoCalculator уменьшен для размещения нового значения Padding формы.

  8. Измените размер формы, перетащив различные маркеры изменения размера в разные положения. Обратите внимание, как изменяется размер элемента управления DemoCalculator.

Следующие шаги

В этой статье показано, как создать пользовательский интерфейс для простого калькулятора. Чтобы продолжить, вы можете расширить его функциональность, внедрив логику калькулятора, а затем опубликовать приложение с помощью ClickOnce. Или перейдите к другому учебнику, в котором вы создаете средство просмотра изображений с помощью Windows Forms.

См. также

  • Элементы управления Windows Forms
  • Специальные возможности для элементов управления Windows Forms
  • Публикация с помощью ClickOnce

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

Учебник

.

Создание приложения Windows Forms для просмотра изображений — Visual Studio (Windows)

Обратная связь Редактировать

Твиттер LinkedIn Фейсбук Эл. адрес

  • Статья
  • 6 минут на чтение

Применяется к: Visual Studio Visual Studio для Mac Visual Studio Code

В этой серии из трех руководств вы создадите приложение Windows Forms, которое загружает изображение и отображает его. Интегрированная среда разработки (IDE) Visual Studio предоставляет инструменты, необходимые для создания приложения. Дополнительные сведения см. в разделе Добро пожаловать в интегрированную среду разработки Visual Studio.

В этом первом руководстве вы узнаете, как:

  • Создать проект Visual Studio, использующий Windows Forms
  • Добавить элемент макета
  • Запустите приложение

Предварительные условия

Для выполнения этого руководства вам потребуется Visual Studio. Посетите страницу загрузок Visual Studio, чтобы получить бесплатную версию.

Создайте свой проект Windows Forms

При создании средства просмотра изображений первым шагом является создание проекта приложения Windows Forms.

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. На Создайте новое окно проекта , найдите Windows Forms . Затем выберите Рабочий стол из списка Тип проекта .

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем выберите Далее .

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (.NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? выберите ссылку Установить дополнительные инструменты и функции .

    Затем в установщике Visual Studio выберите Разработка рабочего стола .NET .

    Выберите Изменить в установщике Visual Studio. Вам может быть предложено сохранить вашу работу. Далее выберите Продолжить , чтобы установить рабочую нагрузку.

  5. В окне Настройте новый проект назовите проект PictureViewer , затем выберите Создать .

  1. Откройте Visual Studio.

  2. В начальном окне выберите Создать новый проект .

  3. На Создайте новое окно проекта , найдите Windows Forms . Затем выберите Рабочий стол из списка Тип проекта .

  4. Выберите шаблон Приложение Windows Forms (.NET Framework) для C# или Visual Basic, а затем выберите Далее .

    Примечание

    Если вы не видите шаблон Приложение Windows Forms (.NET Framework) , вы можете установить его из окна Создать новый проект . В Не нашли то, что ищете? , выберите Установите дополнительные инструменты и функции ссылка.

    Затем в установщике Visual Studio выберите Разработка рабочего стола .NET .

    Выберите Изменить в установщике Visual Studio. Вам может быть предложено сохранить вашу работу. Затем выберите Продолжить , чтобы установить рабочую нагрузку.

  5. В окне Настройте новый проект назовите свой проект PictureViewer , затем выберите Создать .

Visual Studio создает решение для вашего приложения. Решение — это контейнер для всех проектов и файлов, необходимых вашему приложению.

В этот момент Visual Studio отображает пустую форму в конструкторе форм Windows .

Добавление элемента макета

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

  1. В проекте выберите конструктор Windows Forms. На вкладке указано Form1.cs [Дизайн] для C# или Form1.vb [Дизайн] для Visual Basic.

  2. Выберите любое место в Form1 .

  3. В окне Свойства теперь отображаются свойства формы. Окно свойств обычно находится в правом нижнем углу Visual Studio. Этот раздел управляет различными свойствами, такими как цвет переднего плана и фона, текст заголовка, который отображается в верхней части формы, и размер формы.

    Если вы не видите Свойства , выберите Вид > Окно свойств .

  4. Найдите свойство Текст в окне Свойства . В зависимости от того, как отсортирован список, может потребоваться прокрутка вниз. Введите значение Picture Viewer , а затем выберите Введите .

    Ваша форма теперь имеет текст Picture Viewer в строке заголовка.

    Примечание

    Вы можете отображать свойства по категориям или в алфавитном порядке. Используйте кнопки на Свойства окна для переключения вперед и назад.

  5. Снова выберите форму. Выберите нижний правый маркер перетаскивания формы. Ручка представляет собой небольшой белый квадрат в правом нижнем углу формы.

    Перетащите маркер, чтобы изменить размер формы, чтобы она стала шире и немного выше. Если вы посмотрите на окно Properties , свойство Size изменилось. Вы также можете изменить размер формы, изменив свойство Size .

  6. В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель инструментов . Если вы его не видите, выберите View > Toolbox в строке меню или Ctrl + Alt + X .

  7. Выберите маленький треугольник рядом с Containers , чтобы открыть группу.

  8. Дважды щелкните TableLayoutPanel в панели инструментов . Вы также можете перетащить элемент управления из панели инструментов на форму. В вашей форме появится элемент управления TableLayoutPanel.

    Примечание

    Если после добавления TableLayoutPanel внутри формы появится окно с заголовком TableLayoutPanel Tasks , щелкните в любом месте формы, чтобы закрыть его.

  9. Выберите TableLayoutPanel . Вы можете проверить, какой элемент управления выбран, просмотрев окно Properties .

  10. Выбрав TableLayoutPanel, найдите свойство Dock со значением 9.0019 Нет . Выберите стрелку раскрывающегося списка, а затем выберите Заполнить , что является большой кнопкой в ​​середине раскрывающегося меню.

    Стыковка относится к тому, как окно прикрепляется к другому окну или области.

    TableLayoutPanel теперь заполняет всю форму. Если вы снова измените размер формы, TableLayoutPanel останется закрепленным и изменит свой размер в соответствии с размерами.

  11. В форме выберите TableLayoutPanel. В правом верхнем углу есть маленькая черная треугольная кнопка.

    Выберите треугольник, чтобы отобразить список задач элемента управления.

  12. Выберите Редактировать строки и столбцы , чтобы открыть диалоговое окно Стили столбцов и строк .

  13. Выберите Column1 и установите его размер на 15 процентов. Убедитесь, что выбрана кнопка Percent .

  14. Выберите Column2 и установите его на 85 процентов.

  15. Из Покажите в верхней части диалогового окна Стили столбцов и строк , выберите Ряды . Установите Row1 на 90 процентов и Row2 на 10 процентов. Выберите OK , чтобы сохранить изменения.

    Теперь у вашего TableLayoutPanel большая верхняя строка, маленькая нижняя строка, маленький левый столбец и большой правый столбец.

Ваш макет готов.

Примечание

Перед запуском приложения сохраните его, выбрав значок Кнопка «Сохранить все» на панели инструментов. В качестве альтернативы, чтобы сохранить приложение, выберите Файл > Сохранить все в строке меню или нажмите Ctrl + Shift + S . Рекомендуется сохранять как можно раньше и чаще.

Запуск вашего приложения

При создании проекта приложения Windows Forms вы создаете программу, которая работает. На этом этапе ваше приложение Picture Viewer мало что делает. На данный момент он отображает пустое окно, которое показывает Picture Viewer в строке заголовка.

Чтобы запустить приложение, выполните следующие действия.

  1. Используйте один из следующих методов:

    • Нажмите клавишу F5 .
    • В строке меню выберите Отладка > Начать отладку .
    • На панели инструментов нажмите кнопку Пуск .

    Visual Studio запускает ваше приложение. Появится окно с заголовком Picture Viewer .

    Посмотрите на панель инструментов Visual Studio IDE. При запуске приложения на панели инструментов появляется больше кнопок. Эти кнопки позволяют выполнять такие действия, как остановка и запуск приложения, а также помогают отслеживать любые ошибки.

  2. Используйте один из следующих способов, чтобы остановить ваше приложение:

    • На панели инструментов нажмите кнопку Остановить отладку .
    • В строке меню выберите Отладка > Остановить отладку .
    • С клавиатуры введите Shift + F5 .
    • Выберите X в верхнем углу окна Picture Viewer .

    Когда вы запускаете приложение из интегрированной среды разработки Visual Studio, это называется отладкой. Вы запускаете свое приложение, чтобы найти и исправить ошибки. Вы выполняете ту же процедуру для запуска и отладки других программ. Дополнительные сведения об отладке см. в разделе Первый взгляд на отладчик.

Следующие шаги

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

Учебное пособие, часть 2. Добавление элементов управления в средство просмотра изображений

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

Учебник по применению C# Windows Forms с примером

До сих пор мы видели, как работать с C# для создания консольных приложений. Но в реальных сценариях команда обычно использует Visual Studio и C# для создания либо Windows Forms, либо веб-приложений.

Приложение Windows Form — это приложение, предназначенное для работы на компьютере. Он не будет работать в веб-браузере, потому что тогда он станет веб-приложением.

В этом руководстве основное внимание будет уделено тому, как создавать приложения для Windows. Мы также изучим некоторые основы работы с различными элементами приложения C# для Windows.

В этом руководстве по Windows вы узнаете:

  • Основы Windows Forms
  • Hello World в Windows Forms
  • Добавление элементов управления в форму
  • Обработка событий для элементов управления
  • Управление деревом и PictureBox

Основы Windows Forms

Приложение форм Windows — это приложение, работающее на настольном компьютере. Приложение Windows Forms обычно имеет набор элементов управления, таких как метки, текстовые поля, списки и т. д.

Ниже приведен пример простого приложения формы Windows C#. Он показывает простой экран входа в систему, доступный пользователю. Пользователь введет необходимые учетные данные, а затем нажмет кнопку «Войти», чтобы продолжить.

Итак, пример элементов управления, доступных в вышеуказанном приложении

  1. Это набор элементов управления метками, которые обычно используются для описания смежных элементов управления. Итак, в нашем случае у нас есть 2 текстовых поля, и метки используются, чтобы сообщить пользователю, что одно текстовое поле предназначено для ввода имени пользователя, а другое — для пароля.
  2. Два текстовых поля используются для хранения имени пользователя и пароля, которые вводит пользователь.
  3. Наконец, у нас есть кнопка управления. Обычно к элементу управления «кнопка» прилагается некоторый код для выполнения определенного набора действий. Так, например, в приведенном выше случае мы могли бы заставить кнопку выполнять действие по проверке имени пользователя и пароля, которые вводит пользователь.

C# Hello World

Теперь давайте рассмотрим пример реализации простого приложения «Hello World» в Visual Studio. Для этого нам потребуется выполнить следующие шаги:

Шаг 1) Первый шаг включает создание нового проекта в Visual Studio. После запуска Visual Studio вам нужно выбрать пункт меню New->Project.

Шаг 2) Следующим шагом является выбор типа проекта в качестве приложения Windows Forms. Здесь нам также нужно упомянуть название и местоположение нашего проекта.

  1. В диалоговом окне проекта мы можем увидеть различные варианты создания различных типов проектов в Visual Studio. Щелкните параметр Windows слева.
  2. Когда мы щелкнем параметры Windows на предыдущем шаге, мы сможем увидеть параметр для приложения Windows Forms. Щелкните этот параметр.
  3. Мы дадим имя приложению. В нашем случае это DemoApplication. Мы также предоставим место для хранения нашего приложения.
  4. Наконец, мы нажимаем кнопку «ОК», чтобы позволить Visual Studio создать наш проект.

Если выполнить вышеуказанные шаги, вы получите следующий вывод в Visual Studio.

Вывод: —

Вы увидите конструктор форм, отображаемый в Visual Studio. Именно в этом конструкторе форм вы начнете создавать приложение Windows Forms.

В обозревателе решений вы также сможете увидеть решение DemoApplication. Это решение будет содержать следующие 2 файла проекта

  1. Приложение формы с именем Forms1.cs. Этот файл будет содержать весь код приложения Windows Form.
  2. Основная программа с именем Program.cs — это файл кода по умолчанию, который создается при создании нового приложения в Visual Studio. Этот код будет содержать код запуска для приложения в целом.

В левой части Visual Studio вы также увидите панель инструментов. Панель инструментов содержит все элементы управления, которые можно добавить в Windows Forms. Такие элементы управления, как текстовое поле или метка, — это лишь некоторые из элементов управления, которые можно добавить в Windows Forms.

Ниже приведен скриншот того, как выглядит панель инструментов.

Шаг 3) На этом шаге мы добавим метку к форме, которая будет отображать «Hello World». На панели инструментов вам нужно будет выбрать элемент управления Label и просто перетащить его на форму.

После того, как вы перетащите метку на форму, вы увидите метку, встроенную в форму, как показано ниже.

Шаг 4) Следующий шаг — перейти к свойствам элемента управления и изменить текст на «Hello World».

Чтобы перейти к свойствам элемента управления, необходимо щелкнуть его правой кнопкой мыши и выбрать пункт меню «Свойства».

  • Панель свойств также отображается в Visual Studio. Итак, для элемента управления меткой в ​​элементе управления свойствами перейдите в раздел «Текст» и введите «Hello World».
  • Каждый элемент управления имеет набор свойств, описывающих элемент управления.

Если вы выполните все вышеперечисленные шаги и запустите свою программу в Visual Studio, вы получите следующий вывод

Вывод:-

В выводе видно, что отображается форма Windows. Вы также можете увидеть, что «Hello World» отображается в форме.

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

Мы уже видели, как добавить элемент управления в форму, когда в предыдущем разделе добавляли элемент управления меткой для отображения «Hello World».

Давайте рассмотрим другие элементы управления, доступные для форм Windows, и рассмотрим их общие свойства.

В нашем приложении формы Windows в примерах C# мы создадим одну форму, которая будет иметь следующие функции.

  1. Возможность для пользователя вводить имя и адрес.
  2. Возможность выбора города, в котором проживает пользователь
  3. Возможность для пользователя ввести вариант пола.
  4. Возможность выбрать курс, который хочет изучить пользователь. Там будет выбор как для C#, так и для ASP.Net
    5. .

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

Групповой ящик

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

Шаг 1) Первый шаг — перетащить элемент управления Groupbox на форму Windows из панели инструментов, как показано ниже

Шаг 2) После добавления группового поля перейдите в окно свойств, щелкнув элемент управления групповым полем. В окне свойств перейдите к свойству «Текст» и измените его на «Сведения о пользователе».

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод: —

В выводе вы можете ясно видеть, что Groupbox был добавлен в форму. Вы также можете видеть, что текст группового поля был изменен на «Сведения о пользователе».

Управление этикетками

Далее идет управление этикетками. Элемент управления label используется для отображения текста или сообщения пользователю в форме. Элемент управления Label обычно используется вместе с другими элементами управления. Типичными примерами являются добавление метки вместе с элементом управления текстовым полем.

Метка указывает пользователю, что должно быть заполнено в текстовом поле. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим 2 метки, одна из которых будет называться «имя», а другая — «адрес». Они будут использоваться вместе с элементами управления текстовым полем, которые будут добавлены в следующем разделе.

Шаг 1) Первый шаг — перетащить элемент управления меткой на форму Windows из панели инструментов, как показано ниже. Убедитесь, что вы перетащили элемент управления меткой 2 раза, чтобы у вас был один для «имени», а другой для «адреса».

Шаг 2) После добавления метки перейдите в окно свойств, щелкнув элемент управления меткой. В окне свойств перейдите к свойству Text каждого элемента управления меткой.

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод:-

Вы можете видеть элементы управления метками, добавленные в форму.

Текстовое поле

Текстовое поле позволяет пользователю вводить некоторый текст в приложении Windows на C#. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим в форму 2 текстовых поля, одно для имени, а другое для адреса, который нужно ввести для пользователя

Шаг 1) Первый шаг — перетащить элемент управления текстовым полем на форму Windows из панели инструментов, как показано на рисунке. ниже

Шаг 2) После добавления текстовых полей перейдите в окно свойств, щелкнув элемент управления текстовым полем. В окне свойств перейдите к свойству Name и добавьте осмысленное имя в каждое текстовое поле. Например, назовите текстовое поле для пользователя как txtName, а поле для адреса — как txtAddress. Для элементов управления необходимо создать соглашение об именах и стандарт, потому что становится проще добавлять к этим элементам дополнительные функции, которые мы увидим позже.

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод: —

В выводе вы можете ясно видеть, что текстовые поля были добавлены в форму.

Окно списка

Окно списка используется для демонстрации списка элементов в форме Windows. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим в форму список для хранения некоторых городов.

Шаг 1) Первым шагом является перетаскивание элемента управления списком на форму Windows из панели инструментов, как показано ниже

Шаг 2) После добавления списка перейдите в окно свойств, щелкнув элемент управления списком.

  1. Сначала измените свойство элемента управления Listbox, в нашем случае мы изменили его на lstCity
  2. Щелкните свойство Items. Это позволит вам добавлять различные элементы, которые могут отображаться в списке. В нашем случае мы выбрали предметы «коллекция».
  3. В появившемся редакторе коллекции строк введите названия городов. В нашем случае мы ввели «Мумбаи», «Бангалор» и «Хайдарабад».
  4. Наконец, нажмите кнопку «ОК».

После внесения указанных выше изменений вы увидите следующий вывод:

Вывод: —

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

RadioButton

Radiobutton используется для демонстрации списка элементов, из которых пользователь может выбрать один. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим переключатель для мужского/женского варианта.

Шаг 1) Первый шаг — перетащить элемент управления «переключатель» на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления радиокнопки перейдите в окно свойств, щелкнув элемент управления радиокнопкой.

  1. Во-первых, вам нужно изменить текстовое свойство обоих элементов управления Radio. Перейдите в окно свойств и измените текст одного радиокнопки на мужской, а текст другого на женский.
  2. Аналогичным образом измените свойство имени обоих элементов управления Radio. Перейдите в окно свойств и измените имя на «rdMale» для одного переключателя и на «rdfemale» для другого.

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод: —

Вы увидите переключатели, добавленные в форму Windows.

Флажок

Флажок используется для предоставления списка параметров, в котором пользователь может выбрать несколько вариантов. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим 2 флажка в наши формы Windows. Эти флажки предоставят пользователю возможность выбрать, хотят ли они изучать C# или ASP.Net.

Шаг 1) Первый шаг — перетащить элемент управления флажком на форму Windows из панели инструментов, как показано ниже. элемент управления Флажок.

В окне свойств

  1. Во-первых, вам нужно изменить текстовое свойство обоих флажков. Перейдите в окна свойств и измените текст на C# и ASP.Net.
  2. Аналогичным образом измените свойство name обоих элементов управления Radio. Перейдите в окно свойств и измените имя на chkC для одного флажка и на chkASP для другого.

После внесения вышеуказанных изменений вы увидите следующий вывод:

Вывод: —

Кнопка

Кнопка позволяет пользователю щелкнуть кнопку, которая затем начнет обработку форма. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим простую кнопку «Отправить», которая будет использоваться для отправки всей информации в форме.

Шаг 1) Первым шагом является перетаскивание кнопки управления на форму Windows из панели инструментов, как показано ниже

Шаг 2) После добавления кнопки перейдите в окно свойств, нажав элемент управления «Кнопка».

  1. Во-первых, вам нужно изменить свойство текста кнопки управления. Перейдите в окна свойств и измените текст на «отправить».
  2. Аналогичным образом измените свойство имени элемента управления. Перейдите в окна свойств и измените имя на «btnSubmit».

После внесения вышеуказанных изменений вы увидите следующий вывод:

Вывод: —

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

Обработка событий C# для элементов управления

При работе с формой окна вы можете добавлять события в элементы управления. Событие — это то, что происходит при выполнении действия. Вероятно, наиболее распространенным действием является нажатие кнопки в форме. В C# Windows Forms вы можете добавить код, который можно использовать для выполнения определенных действий при нажатии кнопки в форме.

Обычно нажатие кнопки в форме означает, что должна произойти какая-то обработка.

Давайте рассмотрим одно из событий и то, как его можно обработать, прежде чем мы перейдем к сценарию события кнопки.

В приведенном ниже примере показано событие для элемента управления Listbox. Поэтому всякий раз, когда элемент выбран в элементе управления списком, должно появиться окно сообщения, в котором отображается выбранный элемент. Давайте выполним следующие шаги, чтобы добиться этого.

Шаг 1) Дважды щелкните список в конструкторе форм . При этом Visual Studio автоматически откроет файл кода для формы. И он автоматически добавит в код метод события. Этот метод события будет запускаться при выборе любого элемента в списке.

Выше приведен фрагмент кода, который автоматически добавляется Visual Studio при двойном щелчке элемента управления «Список» в форме. Теперь давайте добавим приведенный ниже раздел кода к этому фрагменту кода, чтобы добавить необходимые функции в событие списка.

  1. Это метод обработчика событий, который автоматически создается Visual Studio при двойном щелчке элемента управления «Поле списка». Вам не нужно беспокоиться о сложности имени метода или параметров, передаваемых в метод.
  2. Здесь мы получаем SelectedItem через свойство lstCity.SelectedItem. Помните, что lstCity — это имя нашего элемента управления Listbox. Затем мы используем метод GetItemText для получения фактического значения выбранного элемента. Затем мы присваиваем это значение текстовой переменной.
  3. Наконец, мы используем метод MessageBox для отображения значения текстовой переменной для пользователя.

После внесения вышеуказанных изменений и запуска программы в Visual Studio вы увидите следующий вывод:

Вывод: —

Из вывода видно, что при выборе любого элемента из списка , появится окно сообщения. Это покажет выбранный элемент из списка.

Теперь давайте посмотрим на последний элемент управления, который представляет собой метод нажатия кнопки. Опять же, это следует той же философии. Просто дважды щелкните кнопку в конструкторе форм, и он автоматически добавит метод для обработчика событий кнопки. Тогда вам просто нужно добавить приведенный ниже код.

  1. Это метод обработчика событий, который автоматически создается Visual Studio при двойном нажатии кнопки управления. Вам не нужно беспокоиться о сложности имени метода или параметров, передаваемых в метод.
  2. Здесь мы получаем значения, введенные в текстовое поле имени и адреса. Значения можно взять из свойства text текстового поля. Затем мы присваиваем значения 2 переменным, имени и адресу соответственно.
  3. Наконец, мы используем метод MessageBox для отображения значений имени и адреса для пользователя.

После внесения вышеуказанных изменений и запуска программы в Visual Studio вы увидите следующий вывод:

Вывод: —

  1. Сначала введите значение в поле имени и адреса.
  2. Затем нажмите кнопку «Отправить».

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

Элемент управления Tree и PictureBox

Есть еще 2 элемента управления, на которые мы можем обратить внимание: один — «Управление деревом», а другой — «Управление изображением». Давайте посмотрим на примеры того, как мы можем реализовать эти элементы управления

Управление деревом

— Управление деревом используется для перечисления элементов в виде дерева. Вероятно, лучший пример — это когда мы видим сам проводник Windows. Структура папок в проводнике Windows похожа на древовидную структуру.

Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.

Шаг 1) Первый шаг — перетащить элемент управления «Дерево» на форму Windows из панели инструментов, как показано ниже

Шаг 2) Следующий шаг — начать добавлять узлы в коллекцию дерева, чтобы она могла соответственно появиться в дереве. Во-первых, давайте выполним следующие подшаги, чтобы добавить корневой узел в коллекцию дерева.

  1. Перейдите к панели инструментов свойств для управления древовидным представлением. Нажмите на свойство узла. Это вызовет редактор TreeNode
    2. .
  2. В редакторе узла дерева нажмите кнопку «Добавить корень», чтобы добавить корневой узел в коллекцию дерева.
  3. Затем измените текст узла Root и укажите текст как Root и нажмите кнопку «ОК». Это добавит корневой узел.

Шаг 3) Следующим шагом является добавление дочерних узлов в коллекцию дерева. Давайте выполним следующие подшаги, чтобы добавить дочерний корневой узел в коллекцию дерева.

  1. Сначала нажмите кнопку «Добавить дочерний элемент». Это позволит вам добавлять дочерние узлы в коллекцию Tree.
  2. Для каждого дочернего узла измените свойство текста. Продолжайте повторять предыдущий шаг и этот шаг и добавьте 2 дополнительных узла. В конце у вас будет 3 узла, как показано выше, с текстом в виде метки, кнопки и флажка соответственно.
  3. Нажмите кнопку ОК

После внесения вышеуказанных изменений вы увидите следующий вывод.

Вывод:-

Вы сможете увидеть добавленное в форму представление в виде дерева. Когда вы запускаете приложение формы Windows, вы можете развернуть корневой узел и увидеть дочерние узлы в списке.

Элемент управления PictureBox

Этот элемент управления используется для добавления изображений в Winforms C#. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.

Шаг 1) Первый шаг — перетащить элемент управления PictureBox на форму Windows C# из панели инструментов, как показано ниже. . Это можно сделать, выполнив следующие шаги.

  1. Сначала щелкните свойство Image для элемента управления PictureBox. Появится новое окно.
  2. В этом окне нажмите кнопку Импорт. Это будет использоваться для прикрепления изображения к элементу управления picturebox.
  3. Появится диалоговое окно, в котором вы сможете выбрать изображение для прикрепления изображения
  4. Нажмите кнопку ОК

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод: —

Из вывода видно, что изображение отображается в форме.

Сводка

  • Форма Windows в приложении C# — это форма, которая запускается на рабочем столе компьютера. Visual Studio Form вместе с C# можно использовать для создания приложения Windows Forms.
  • Элементы управления можно добавить в формы C# для Windows с помощью панели инструментов в Visual Studio. Элементы управления, такие как метки, флажки, переключатели и т. д., можно добавить в форму с помощью панели инструментов.
  • Можно также использовать расширенные элементы управления, такие как элемент управления в виде дерева и элемент управления PictureBox.
  • Обработчики событий используются для реагирования на события, генерируемые элементами управления. Наиболее распространенным является тот, который добавляется для события нажатия кнопки.

4. Windows Forms I: разработка настольных приложений

Окна Forms — это набор классов, инкапсулирует создание графического пользовательского интерфейса (GUI) часть типичного настольного приложения. Раньше каждый Язык программирования имел свой собственный способ создания окон, текстовых полей, кнопки и т. д. Все эти функции были перенесены в .NET. Библиотека классов Framework — на типы, расположенные в Пространство имен System.Windows.Forms. Тесно связано пространство имен System.Drawing, которое содержит несколько типов, используемых при создании приложений с графическим интерфейсом. возможности, предоставляемые типами в пространстве имен System.Drawing обычно называют GDI+ (обсуждается далее полностью далее в этой главе).

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

Самый простой способ создать форму — использовать конструктор Windows Forms в Visual Studio .NET. Разработчик может использовать визуальные инструменты для макета формы, а дизайнер переводит макет в исходный код Visual Basic .NET. Если у вас нет Visual Studio .NET, вы можете напрямую писать код Visual Basic .NET и вообще не использовать конструктор. В этом разделе будут показаны оба методы.

Программно форма определяется путем производного класса от Класс формы (определено в System.Windows.Forms). Класс формы содержит ноу-хау для отображения пустой формы, включая ее заголовок и другие удобства, которые мы ожидаем от формы Windows. Добавление участников в новый класс и переопределяющие члены, унаследованные от класса Form добавить визуальные элементы и поведение в новую форму.

Создание формы с помощью Visual Studio .NET

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

  1. Выберите «Файл» → «Создать» → «Проект». Диалоговое окно «Новый проект» появится, как показано на рис. 4-1.

    Рис. 4-1. Диалоговое окно «Новый проект»

  2. Выберите «Проекты Visual Basic» на панели «Типы проектов» слева. стороне диалогового окна.

  3. Выберите Приложение Windows на панели Шаблоны в правой части диалоговое окно.

  4. Введите имя в текстовом поле Имя.

  5. Нажмите OK. Visual Studio .NET создает проект с формой в нем и отображает форму в конструкторе, как показано на рис. 4-2.

Рис. 4-2. Конструктор Windows Forms

Чтобы просмотреть код, созданный конструктором форм Windows Forms, щелкните правой кнопкой мыши форму, затем выберите Просмотр Код. Выполняя это для пустой формы, показанной на рис. 4-2, вы увидите показанный здесь код:

 Открытая форма класса 1
    Наследует System.Windows.Forms.Form.
 Сгенерированный конструктором форм Windows код
Конечный класс

Это показывает определение класса с именем Form1, который наследуется от класса Form. Формы Windows Дизайнер также создает много стандартного кода, который не должен быть изменены разработчиком. По умолчанию он скрывает этот код от просмотра. Чтобы увидеть код, нажмите на появившийся символ «+». слева от строки с надписью «Конструктор форм Windows сгенерировал код.» При этом открывается код, показанный в примере 4-1.

Пример 4-1. Созданный конструктором Windows Forms код для пустой формы

 Public Class Form1
   Наследует System.Windows.Forms.Form.
#Region " Код, сгенерированный конструктором форм Windows "
   Публичная подписка Новая( )
      Моя База.Новый( )
      'Этот вызов требуется конструктору форм Windows.
      ИнициализироватьКомпонент()
      'Добавить любую инициализацию после вызова InitializeComponent()
   Конец сабвуфера
   'Переопределение формы позволяет очистить список компонентов.
   Защищенные перегрузки переопределяют Sub Dispose (распоряжение ByVal как логическое значение)
      Если утилизировать Тогда
         Если Нет (компоненты ничего не значит), то
            компоненты. Dispose()
         Конец, если
      Конец, если
      MyBase.Dispose(удаление)
   Конец сабвуфера
   'Требуется конструктором форм Windows
   Частные компоненты Как System.ComponentModel.Container
   ПРИМЕЧАНИЕ. Для конструктора форм Windows требуется следующая процедура.
   «Его можно изменить с помощью конструктора форм Windows.
   'Не изменяйте его с помощью редактора кода.
    Private Sub InitializeComponent()
      компоненты = Новая Система.КомпонентМодель.Контейнер()
      Я.Текст = "Форма1"
   Конец сабвуфера
#Конечный регион
Конец класса

Конструктор Windows Forms автоматически создает код для четырех классов члены:

Новый метод (конструктор класса)

Конструктор вызывает конструктор базового класса, а затем вызывает метод InitializeComponent. Поставляется разработчиком код инициализации должен следовать за вызовом InitializeComponent. После создания конструктора дизайнер не трогает снова.

Метод Dispose

Метод Dispose позволяет объекту избавиться от любых дорогостоящих Ресурсы. В этом случае он вызывает Dispose базового класса. метод, чтобы дать ему возможность высвободить любые дорогостоящие ресурсы, которые он может содержаться, то он вызывает метод Dispose поля компонентов. (Подробнее о поле компонентов см. следующий пункт.) Это, в свою очередь, вызывает методы Dispose для каждого отдельного компонента в коллекция. Если производный класс использует какие-либо дорогостоящие ресурсы, разработчик должен добавить сюда код, чтобы выпустить их. Когда формы нет больше не требуется, весь код, использующий форму, должен вызывать Метод Dispose формы. После создания метода Dispose дизайнер больше его не трогает.

Поле компонентов

Поле компонентов представляет собой объект типа IContainer (определенный в пространство имен System.ComponentModel). Созданный дизайнером код использует поле компонентов для управления доработкой компонентов, которые могут быть добавленные в форму (например, компонент Таймер).

Метод InitializeComponent

Код этого метода не должен изменяться или добавляться разработчик в любом случае. Конструктор Windows Forms автоматически обновляет его по мере необходимости. Когда элементы управления добавляются в форму с помощью Designer, в этот метод добавляется код для создания экземпляров элементов управления в runtime и установить их начальные свойства. Обратите также внимание на то, что в примере 4.1 свойства самой формы (например, Text и Name) инициализируются в этом методе.

В этом определении класса отсутствует метод Main. Отзывать из главы 2, что приложения .NET должны предоставлять общедоступный общий метод Main. Этот метод вызывается средой CLR, когда запускается приложение. Так почему же не форма, созданная дизайнером, включает в себя Основной метод? Это потому, что Компилятор Visual Basic .NET в Visual Studio .NET автоматически создает его по мере компиляции кода. Другими словами, составленный в коде есть метод Main, хотя в исходном коде его нет. Метод Main в скомпилированном коде является членом класса Form1. и эквивалентно этому:

  STAThreadAttribute()> Public Shared Sub Main()
   System.Threading.Thread.CurrentThread.ApartmentState = _
      System.Threading.ApartmentState.STA
   System.Windows.Forms.Application.Run(Новая форма1( ))
End Sub

Обратите внимание, что компилятор командной строки Visual Basic .NET не автоматически генерировать метод Main. Этот метод должен появиться в исходный код, если будет использоваться компилятор командной строки.

Следующим шагом в разработке формы является присвоение имени файл кода что-то значимое и установить некоторые свойства формы, такие как текст заголовка. Изменить имя файла кода формы, щелкните правой кнопкой мыши имя файла в в окне обозревателя решений и выберите «Переименовать». Если ты следуя этому примеру, введите HelloWindows.vb в качестве имени файла.

Изменение имени файла не меняет имя учебный класс. Чтобы изменить имя класса, щелкните правой кнопкой мыши форму в дизайнере. и выберите Свойства. В окне свойств измените значение свойство Имя. Для этого примера измените имя на «Привет Windows».

Чтобы изменить заголовок формы, установите Текст формы свойство на новое значение. Задайте для свойства Text в этом примере значение «Программирование Visual Basic .NET».

Далее, элементы управления могут быть добавлены в форму из Набор инструментов Visual Studio .NET. Чтобы отобразить панель инструментов, выберите View→Toolbox из главного меню Visual Studio .NET. Для этого например, дважды щелкните элемент управления Label на панели инструментов, чтобы добавить Элемент управления Label на форме. Использовать Окно свойств, чтобы изменить свойство Text метки на «Привет, Windows!» и его свойство Font на Arial 24pt.

Затем дважды щелкните элемент управления «Кнопка» на панели инструментов, чтобы добавить Кнопка управления формой. Использовать Окно свойств, чтобы изменить свойство Name кнопки на «OkButton» и его свойство Text на «ОК».

Наконец, расположите элементы управления по желанию, измените размер элемента управления Label и форма должна быть привлекательной, и установите FormBorderStyle формы свойство «FixedToolWindow». Полученная форма должна выглядеть примерно так, как показано на рис. 4-3.

Рис. 4-3. Форма с элементами управления

Нажимаем F5 ключ для сборки и запуска программы. Результат должен выглядеть как-то как на рис. 4-4.

Рис. 4-4. Hello, Windows!, созданный дизайнером Windows Forms

Код, созданный дизайнером, показан в примере 4-2.

Пример 4-2. Привет, Виндовс! код, сгенерированный конструктором Windows Forms

 Public Class HelloWindows
   Наследует System.Windows.Forms.Form.
#Region " Код, сгенерированный конструктором форм Windows "
   Публичная подписка Новая( )
      Моя База.Новый( )
      'Этот вызов требуется конструктору форм Windows.
      ИнициализироватьКомпонент()
      'Добавить любую инициализацию после вызова InitializeComponent()
   Конец сабвуфера
   'Переопределение формы позволяет очистить список компонентов.
   Защищенные перегрузки переопределяют Sub Dispose (распоряжение ByVal как логическое значение)
      Если утилизировать Тогда
         Если Нет (компоненты ничего не значит), то
            компоненты. Dispose()
         Конец, если
      Конец, если
      MyBase.Dispose(удаление)
   Конец сабвуфера
   Friend WithEvents Label1 As System.Windows.Forms.Label
   Friend WithEvents OkButton As System.Windows.Forms.Button
   'Требуется конструктором форм Windows
   Частные компоненты Как System.ComponentModel.Container
   ПРИМЕЧАНИЕ. Для конструктора форм Windows требуется следующая процедура.
   «Его можно изменить с помощью конструктора форм Windows.
   'Не изменяйте его с помощью редактора кода.
    _
   Частная подсистема InitializeComponent()
      Me.Label1 = Новая Система.Windows.Forms.Label()
      Me.OkButton = Новая Система.Windows.Forms.Button()
      Me.SuspendLayout()
      '
      'Ярлык1
      '
      Me.Label1.Font = Новый System.Drawing.Font("Arial", 24!, _
         System.Drawing.FontStyle.Regular, _
         System.Drawing.GraphicsUnit.Point, CType(0, Byte))
      Me.Label1.Location = Новая система.Drawing.Point(8, 8)
      Me.Label1. Name = "Ярлык1"
      Me.Label1.Size = Новый System.Drawing.Size(264, 48)
      Me.Label1.TabIndex = 0
      Me.Label1.Text = "Привет, Windows!"
      '
      'ОкКнопка
      '
      Me.OkButton.Location = Новая система.Drawing.Point(280, 16)
      Me.OkButton.Name = "ОкКнопка"
      Me.OkButton.TabIndex = 1
      Me.OkButton.Text = "ОК"
      '
      'HelloWindows
      '
      Me.AutoScaleBaseSize = Новый System.Drawing.Size(5, 13)
      Me.ClientSize = Новый System.Drawing.Size(362, 58)
      Me.Controls.AddRange(Новая система.Windows.Forms.Control() _
         {Me.OkButton, Me.Label1})
      Me.FormBorderStyle = _
         System.Windows.Forms.FormBorderStyle.FixedToolWindow
      Me.Name = "HelloWindows"
      Me.Text = "Программирование Visual Basic .NET"
      Me.ResumeLayout(False)
   Конец сабвуфера
#Конечный регион
Конец класса

Обратите внимание, что дизайнер внес следующие изменения в код:

  • В класс были добавлены два поля Friend, по одному для каждого из элементы управления, которые были добавлены в форму:

     Friend WithEvents Label1 As System. Windows.Forms.Label
Friend WithEvents OkButton As System.Windows.Forms.Button

    Ключевое слово Friend делает членов видимыми для другой код в проекте, но он скрывает их от кода, работающего в другие сборки.

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

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

  • В метод InitializeComponent добавлен код для создания экземпляра два элемента управления и назначьте их ссылки полям-членам:

     Me.Label1 = Новая система.Windows.Forms.Label()
Me.OkButton = New System.Windows.Forms.Button()

  • В метод InitializeComponent добавлен код для установки различных свойства метки, кнопки и формы. Некоторые из этих заданий непосредственно соответствуют настройкам, сделанным в окне свойств, в то время как другие являются неявным результатом других действий, предпринятых в дизайнер (например, размер формы).

Добавление обработчиков событий

Привет, Windows! На данный момент создано приложений есть кнопка ОК, но приложение пока не отвечает щелчки кнопки. Чтобы добавить клик обработчик события для кнопки ОК, дважды щелкните кнопку в конструкторе Windows Forms. дизайнер отвечает, переключаясь на представление кода формы и вставка подпрограммы, обрабатывающей событие Click (т. е. она будет вызывается, когда пользователь запущенного приложения нажимает кнопку ОК кнопка). Подпрограмма, которую создает дизайнер, выглядит так (примечание что я добавил символ продолжения строки для печати в этом книга):

 Private Sub OkButton_Click (отправитель ByVal As System.Object, _
   ByVal e As System.EventArgs) Обрабатывает OkButton.Click
End Sub

Затем можно добавить тело подпрограммы. Это было бы вероятным реализация этого обработчика событий:

 Private Sub OkButton_Click (отправитель ByVal As System.Object, _
   ByVal e As System. EventArgs) Обрабатывает OkButton.Click
   Я.Закрыть( )
   Я.Распоряжаться()
End Sub

Альтернативным способом добавления обработчика событий является использование раскрывающегося списка списки в верхней части окна просмотра кода формы. в в раскрывающемся списке слева выберите объект, для которого вы хотите добавить обработчик событий. Затем в правом раскрывающемся списке выбрать желаемое событие. См. Рисунок 4-5.

Рис. 4-5. Добавление обработчика событий с помощью раскрывающихся списков представления кода

Обработчики событий можно вводить непосредственно в код формы, если вы знаете правильную подпись для обработчика. Обработчик события подписи задокументированы в Microsoft Developer Network ( MSDN) библиотека.

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

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

  1. Определить класс, производный от класса Form (определенный в пространство имен System. Windows.Forms). Если форма должна быть стартовой form для приложения, включите общедоступный общий метод Main. За пример:

     Импорт System.Windows.Forms
Открытый класс HelloWindows
   Наследует форму
   ' Включайте этот метод, только если это форма запуска приложения.
   ' В качестве альтернативы поместите этот метод в отдельный модуль в
   ' заявление. Если он размещен в отдельном модуле, удалите
   ' Общее ключевое слово.
    Public Shared Sub Main()
      System.Threading.Thread.CurrentThread.ApartmentState = _
         System.Threading.ApartmentState.STA
      Application.Run(Новый HelloWindows())
   End Sub 'Основной
Конец класса

  2. Объявите элемент данных для каждого элемента управления, который должен отображаться в форме. Если вы хотите обрабатывать события из элемента управления, используйте Ключевое слово WithEvents в объявлении. За пример:

     Импорт System.Windows.Forms
Открытый класс HelloWindows
   Наследует форму
      Частный lblHelloWindows как метка  
      Private WithEvents btnOK As Button  
    STAThreadAttribute()> Public Shared Sub Main()
      System.Threading.Thread.CurrentThread.ApartmentState = _
         System.Threading.ApartmentState.STA
      Application.Run(Новый HelloWindows())
   End Sub 'Основной
Конец класса

    Видимость ( Частный , Друг , Защищенный или Public ) этих элементов данных является проблемой дизайна это зависит от проекта и предпочтений разработчика. Я предпочитаю сделать все элементы данных закрытыми. Если код внешнему по отношению к классу необходимо изменить данные, хранящиеся в этих членах, для этой цели могут быть добавлены специальные методы доступа. Это предотвращает внутренние изменения дизайна от влияния внешних пользователей класса.

  3. Объявить конструктор. Выполните следующие операции в конструктор:

    1. Создайте экземпляр каждого элемента управления.

    2. Установите свойства для каждого элемента управления и для формы.

    3. Добавьте все элементы управления в коллекцию элементов управления формы.

    Например:

       Импорт System.Drawing  
Импортирует System.Windows.Forms
Открытый класс HelloWindows
   Наследует форму
   Частный lblHelloWindows как метка
   Частный WithEvents btnOK как кнопка
      Общественный сабвуфер Новый  
         ' Создайте экземпляр элемента управления меткой и задайте его свойства.  
         lblHelloWindows = Новая метка()  
         С lblHelloWindows  
            .Font = Новый шрифт ("Arial", 24)  
            .Расположение = Новая точка (16, 8)  
            .Размер = новый размер (248, 40)  
            .TabIndex = 0  
            .Text = "Привет, Windows!"  
         Конец с  
         ' Создайте экземпляр элемента управления "Кнопка" и задайте его свойства.   
         btnOK = Новая кнопка( )  
         С бтнОК  
            .Расположение = Новая точка (320, 16)  
            .TabIndex = 1  
            .Текст = "ОК"  
         Конец с  
         ' Задайте свойства формы.  
         FormBorderStyle = FormBorderStyle.FixedToolWindow  
         ClientSize = новый размер (405, 61)  
         Текст = "Программирование Visual Basic .NET"  
         ' Добавьте элементы управления в коллекцию элементов управления формы.  
         Controls.Add(lblHelloWindows  
         Элементы управления.Добавить(btnOK)  
      Конец Sub  
    STAThreadAttribute()> Public Shared Sub Main()
      System.Threading.Thread.CurrentThread.ApartmentState = _
         System.Threading.ApartmentState.STA
      Application.Run(Новый HelloWindows())
   End Sub 'Основной
End Class

    Оператор Imports был добавлен для предоставления доступа к типы в пространстве имен System.Drawing, такие как Point и Size.

Добавление обработчиков событий

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

 Private Sub btnOK_Click(ByVal отправитель как объект, _
   ByVal e As System.EventArgs) Обрабатывает btnOK.Click
   Закрывать(  )
   Распоряжаться ( )
End Sub

Показан полный код автономного приложения Windows Forms. в примере 4-3. Скомпилируйте его из командной строки с помощью этой команды:

 vbc HelloWindows.vb /r:System.dll,System.Drawing.dll,System.Windows.Forms.dll /t:winexe

(Обратите внимание, что команду следует вводить в одной строке. )

Пример 4–3. Привет, Виндовс! код, сгенерированный вне Visual Studio

 Импорт System.Drawing
Импортирует System.Windows.Forms
Открытый класс HelloWindows
 Наследует форму
 Частный lblHelloWindows как метка
 Частный WithEvents btnOK как кнопка
 Private Sub btnOK_Click(ByVal отправитель как объект, _
 ByVal e As System.EventArgs) Обрабатывает btnOK.Click
 Закрывать()
 Утилизировать()
 Конец сабвуфера
 Публичная подписка Новая
 ' Создайте экземпляр элемента управления меткой и задайте его свойства.
 lblHelloWindows = Новая метка ()
 С помощью lblHelloWindows
 .Font = Новый шрифт ("Arial", 24)
 .Расположение = Новая точка (16, 8)
 .Размер = Новый Размер(248, 40)
 .TabIndex = 0
 .Text = "Привет, Windows!"
 Конец с
 ' Создайте экземпляр элемента управления "кнопка" и задайте его свойства.
 btnOK = Новая кнопка()
 С бтнОК
 .Расположение = Новая точка (320, 16)
 .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *