Visual studio добавить элемент на форму
Заключение
В этой пошаговой статье показано, как программно добавить и настроить несколько часто используемых элементов управления в Windows форме. Обработка событий пропущена из примера кода.
Требования
В этой статье предполагается, что вы знакомы со следующими разделами:
Создание Windows Forms приложения
Дважды щелкните Form1, чтобы создать и просмотреть процедуру Form1_Load события.
Добавьте переменные частного экземпляра в класс Form1 для работы с общими Windows управления. Класс Form1 запускается следующим образом:
Настройка свойств формы и элемента управления
Найдите Form1_Load процедуру события и добавьте в нее следующий код, чтобы настроить внешний вид элемента управления "Форма":
Добавьте следующий код в процедуру Form1_Load события, чтобы настроить внешний вид элемента управления Button:
Добавьте следующий код, чтобы настроить внешний вид элемента управления TextBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления ListBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления CheckBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления Label в Form1_Load :
Добавление элементов управления в форму
Добавьте следующий код, чтобы добавить каждый объект Controls в массив формы в конце Form1_Load :
Убедитесь, что он работает
Чтобы убедиться, что пример работает , выберите " Пуск" в меню "Отладка ".
- Хотя форма и элементы управления отображаются, в настоящее время они не будут выполнять никаких действий, так как вы не написали обработчики событий.
- Помните, что позиции этих элементов управления являются статическими. Чтобы сделать их более надежными при растянутых формах, сделайте точки динамическими относительно положения формы. Если элементы управления являются статическими, растягивание формы может помешать отображению других элементов управления в форме.
Ссылки
In this series of three tutorials, you'll create a Windows Forms application that loads a picture and displays it. The Visual Studio Integrated Design Environment (IDE) provides the tools you need to create the app. To learn more, see Welcome to the Visual Studio IDE.
In this third tutorial, you learn how to:
- Add event handlers for your controls
- Write code to open a dialog box
- Write code for the other controls
- Run your application
Prerequisites
This tutorial builds on the previous tutorials, Create a picture viewer application and Add UI controls to the picture viewer. If you haven't done those tutorials, go through them first.
Add event handlers for your controls
In this section, add event handlers for the controls that you added in the second tutorial, Add controls to a picture viewer application. Your application calls an event handler when an action takes place, such as selecting a button.
Open Visual Studio. Your Picture Viewer project appears under Open recent.
In the Windows Forms Designer, double-click the Show a picture button. You can instead select the Show a picture button on the form, and then press Enter.
This tab displays the code file behind the form.
Your Form1.vb tab might display showButton as ShowButton.
Focus on this part of the code.
Choose the Windows Forms Designer tab again, and then double-click the Clear the picture button to open its code. Repeat for the remaining two buttons. Each time, the Visual Studio IDE adds a new method to the form's code file.
Double-click the CheckBox control in Windows Forms Designer to add a checkBox1_CheckedChanged() method. When you select or clear the check box, it calls this method.
The following snippet shows the new code that you see in the code editor.
Methods, including event handlers, can have any name that you want. When you add an event handler with the IDE, it creates a name based on the control's name and the event being handled.
For example, the Click event for a button named showButton is called showButton_Click() or ShowButton_Click() . If you want to change a code variable name, right-click the variable in the code and then choose Refactor > Rename. All instances of that variable in the code are renamed. For more information, see Rename refactoring.
Write code to open a dialog box
The Show a picture button uses the OpenFileDialog component to display a picture file. This procedure adds the code used to call that component.
The Visual Studio IDE offers a powerful tool called IntelliSense. As you type, IntelliSense suggests possible code.
In Windows Forms Designer, double-click the Show a picture button. The IDE moves your cursor inside the showButton_Click() or ShowButton_Click() method.
Type an i on the empty line between the two braces < >or between Private Sub. and End Sub . An IntelliSense window opens.
The IntelliSense window should highlight the word if . Select the Tab key to insert if .
IntelliSense displays openFileDialog1.
Select Tab to add openFileDialog1.
Type a period ( . ) or dot, right after openFileDialog1. IntelliSense provides all of the OpenFileDialog component's properties and methods. Start to type ShowDialog and select Tab The ShowDialog() method will show the Open File dialog box.
Add parentheses immediately after the "g" in ShowDialog : () . Your code should be openFileDialog1.ShowDialog() .
Add another space. Use IntelliSense to enter DialogResult.
Type a dot to open the DialogResult value in the IntelliSense window. Enter the letter O and choose the Tab key to insert OK.
if (openFileDialog1.ShowDialog() == DialogResult.OK)
For Visual Basic, it should be the following.
If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
Add the following line of code.
You can copy and paste or use IntelliSense to add it. Your final showButton_Click() method should look similar to the following code.
Add the following comment to your code.
It's the best practice to always comment your code. Code comments make it easier to understand and maintain your code in the future.
Write code for the other controls
If you run your application now, you can select Show a picture. Picture Viewer opens the Open File dialog box, where you can select a picture to display.
In this section, add the code for the other event handlers.
In Windows Forms Designer, double-click the Clear the picture button. Add the code in the braces.
Double-click the Set the background color button and add the code in braces.
Double-click the Close button and add the code in braces.
Double-click the Stretch checkbox and add the code in braces.
Run your application
You can run your application at any time, while you're writing it. After you add the code in the previous section, the Picture Viewer is complete. As in the previous tutorials, use one of the following methods to run your application:
- Select the F5 key.
- On the menu bar, select Debug >Start Debugging.
- On the toolbar, select the Start button.
A window with the title Picture Viewer appears. Test all the controls.
Select the Set the background color button. The Color dialog box opens.
Choose a color to set the background color.
Select Show a picture to display a picture.
Select and unselect Stretch.
Select the Clear the picture button to make sure the display clears.
Select Close to exit the app.
Next steps
Congratulations! You've completed this series of tutorials. You've done these programming and design tasks in the Visual Studio IDE:
Continue learning with another tutorial series on how to create a timed math quiz.
Большинство форм создается путем добавления элементов управления на поверхность формы для определения пользовательского интерфейса. Элемент управления — это компонент в форме, используемый для вывода информации или ввода данных пользователем. Дополнительные сведения об элементах управления см. в разделе Элементы управления Windows Forms.
Рисование элемента управления в форме
На вкладке Панель элементов щелкните элемент управления, который требуется добавить в форму.
Щелкните нужное место в форме, где будет находиться верхний левый угол элемента управления, и перетащите указатель к тому месту, где будет расположен нижний правый угол.
Элемент управления добавляется в форму с указанным местоположением и размером.
Каждый элемент управления имеет определенный размер по умолчанию. Элемент управления можно добавить в форму с размером по умолчанию, перетащив его из панели элементов в форму.
Перетаскивание элемента управления в форму
На вкладке Панель элементов щелкните элемент управления и перетащите его в форму.
Элемент управления добавляется в форму в указанном расположении по умолчанию.
Вы можете дважды щелкнуть элемент управления на панели элементов, чтобы добавить его в левый верхний угол формы по умолчанию.
Вы также можете динамически добавлять элементы управления в форму во время выполнения. В следующем примере кода элемент управления TextBox будет добавлен в форму при щелчке по элементу управления Button.
Для выполнения следующей процедуры требуется наличие формы с элементом управления Кнопка, Button1 , который уже размещен на нем.
Добавление элемента управления в форму программным способом
В методе, обрабатывающем событие кнопки Click в классе формы, вставьте код, аналогичный приведенному ниже, чтобы добавить ссылку на переменную элемента управления, задать элемент управления Location и добавить элемент управления.
Вы также можете добавить код для инициализации других свойств элемента управления.
Вы можете подвергнуть локальный компьютер риску проникновения через сеть, сославшись на вредоносный элемент UserControl . Это может быть проблемой, только если злоумышленник создает вредоносный пользовательский элемент управления, а затем вы ошибочно добавляете его в проект.
Заключение
В этой пошаговой статье показано, как программно добавить и настроить несколько часто используемых элементов управления в Windows форме. Обработка событий пропущена из примера кода.
Требования
В этой статье предполагается, что вы знакомы со следующими разделами:
Создание Windows Forms приложения
Дважды щелкните Form1, чтобы создать и просмотреть процедуру Form1_Load события.
Добавьте переменные частного экземпляра в класс Form1 для работы с общими Windows управления. Класс Form1 запускается следующим образом:
Настройка свойств формы и элемента управления
Найдите Form1_Load процедуру события и добавьте в нее следующий код, чтобы настроить внешний вид элемента управления "Форма":
Добавьте следующий код в процедуру Form1_Load события, чтобы настроить внешний вид элемента управления Button:
Добавьте следующий код, чтобы настроить внешний вид элемента управления TextBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления ListBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления CheckBox в Form1_Load :
Добавьте следующий код, чтобы настроить внешний вид элемента управления Label в Form1_Load :
Добавление элементов управления в форму
Добавьте следующий код, чтобы добавить каждый объект Controls в массив формы в конце Form1_Load :
Убедитесь, что он работает
Чтобы убедиться, что пример работает , выберите " Пуск" в меню "Отладка ".
- Хотя форма и элементы управления отображаются, в настоящее время они не будут выполнять никаких действий, так как вы не написали обработчики событий.
- Помните, что позиции этих элементов управления являются статическими. Чтобы сделать их более надежными при растянутых формах, сделайте точки динамическими относительно положения формы. Если элементы управления являются статическими, растягивание формы может помешать отображению других элементов управления в форме.
Ссылки
Чтобы показать панель элементов Visual Studio 2019 необходимо зайти в главном меню в раздел «Вид» и выбрать пункт «Панель элементов»:
Состав панели элементов меняется в зависимости от того, какую платформу вы выбираете для разработки. Например, ниже на рисунке показаны различные варианты Toolbox для трех вариантов проектов: WinForms, WPF и UWP:
В зависимости от того, какая платформа используется, панель элементов содержит определенные элементы управления — какие-то элементы являются уникальными для платформы (например, в WinForms вы не найдете элемента MapControl , который присутствует в UWP), какие-то имеются во всех вариантах, на, при этом работать с ними, иногда, приходится с учётом особенностей той или иной платформы.
Панель элементов состоит из нескольких разделов, которые можно свернуть, например, в WPF такими разделами будут «Типовые элементы управления WPF», «Все элементы управления WPF» и так далее.
По умолчанию в панели элементов (toolbox) появятся только стандартные элементы управления. Например, мы захотим использовать в нашем проекте компоненты Ribbon Controls (как в Office). Для того, чтобы их использовать в своем проекте, мы должны добавить ссылку на них в свой проект. Сделать это можно следующим образом:
1. В обозревателе решение кликаем правой кнопкой мыши по названию нашего проекта и выбираем пункт «Управление пакетами NuGet»
2. В открывшемся окне выбираем раздел «Обзор» и в окне поиска набираем «Ribbon». Появятся всевозможные пакеты, с элементами Ribbon Controls. Выбираем пакет от Microsoft с названием RibbonControlsLibrary и в правой части окна жмем кнопку «Установить»
3. После установки пакета в разделе «Ссылки» нашего проекта появится ссылка на установленный пакет
Теперь мы можем подключать необходимые пространства имен в наш проект и использовать компоненты в проекте. Однако в панели элементов они не появятся. Для того, чтобы добавить их в панель элементов необходимо выполнить ещё несколько простых действий.
Добавим наши компоненты Ribbon Controls в панель элементов. Элементы могут добавляться как в уже существующие вкладки, так и в новые, созданные нами. Воспользуемся вторым вариантом.
1. Находясь в панели элементов, выберите название любой вкладки, кликните по ней правой кнопкой мыши и в меню выдерите пункт «Добавить вкладку»
2. Назовем нашу новую вкладку «Ribbon Controls»
3. Кликаем по названию вкладки правой кнопкой мыши и выбираем пункт «Выбрать элементы». Откроется окно для выбора элементов, которые мы можем добавить в новую группу элементов
4. В разделе «Компоненты WPF» ищем элементы управления Ribbon, отмечаем их в списке и жмем кнопку «Ok»:
5. Теперь в панели элементов появятся новые элементы управления, которые можно добавлять на форму приложения простым перетаскиванием мышкой:
Сегодня мы разобрались с вопросом как добавить новые элементы управления в проект и добавить их в панель элементов (toolbox) Visual Studio 2019. Не всегда устанавливаемые элементы управления автоматически отображаются в панели элементов, поэтому иногда требуется воспользоваться их добавлением вручную, используя возможности IDE.
Читайте также: