title | description | ms.date | ms.topic | f1_keywords | helpviewer_keywords | author | ms.author | manager | ms.technology | ms.workload | ||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Toolbox window |
Learn about the Toolbox window and how it displays controls that you can add to Visual Studio projects. |
06/01/2020 |
reference |
vs.toolbox.general |
|
TerryGLee |
tglee |
jmartens |
vs-ide-general |
multiple |
[!INCLUDE Visual Studio]
The Toolbox window displays controls that you can add to Visual Studio projects. To open Toolbox, choose View > Toolbox from the menu bar, or press Ctrl+Alt+X.
You can drag and drop different controls onto the surface of the designer you are using, and resize and position the controls.
Toolbox appears in conjunction with designer views, such as the designer view of a XAML file or a Windows Forms App project. Toolbox displays only those controls that can be used in the current designer. You can search within Toolbox to further filter the items that appear.
[!NOTE]
For some project types, Toolbox may not show any items.
The .NET version that your project targets also affects the set of controls visible in Toolbox. You can change the target framework version from the project’s property pages, if necessary. Select the project node in Solution Explorer, and then on the menu bar, choose Project > projectname Properties. On the Application tab, use the Target framework drop-down.
Manage the Toolbox window and its controls
By default, Toolbox is collapsed along the left side of the Visual Studio IDE and appears when the cursor is moved over it. You can pin Toolbox (by clicking the Pin icon on its toolbar) so that it remains open when you move the cursor. You can also undock the Toolbox window and drag it anywhere on your screen. You can dock, undock, and hide Toolbox by right-clicking its toolbar and selecting one of the options.
[!TIP]
If the Toolbox no longer appears as collapsed along the left side of the Visual Studio IDE, you can add it back by choosing Window > Reset Window Layout from the menu bar.
You can rearrange the items in a Toolbox tab or add custom tabs and items by using the following commands on the right-click context menu:
-
Rename Item — Renames the selected item.
-
List View — Shows the controls in a vertical list. If unchecked, the controls appear horizontally.
-
Show All — Shows all possible controls (not just the ones that apply to the current designer).
-
Choose Items — Opens the Choose Toolbox Items dialog box so that you can specify the items that appear in the Toolbox. You can show or hide an item by selecting or clearing its check box.
-
Sort Items Alphabetically — Sorts the items by name.
-
Reset Toolbar — Restores the default Toolbox settings and items.
-
Add Tab — Adds a new Toolbox tab.
-
Move Up — Moves the selected item up.
-
Move Down — Moves the selected item down.
Create and distribute custom Toolbox controls
You can create custom Toolbox controls, starting either with a project template that’s based on Windows Presentation Foundation or on Windows Forms. You can then distribute your custom control to your teammates, or publish it on the web by using the Toolbox Controls Installer.
Next steps
Peruse the following links to learn more about some of the available Toolbox tabs:
- Toolbox, Data Tab
- Toolbox, Components Tab
- Toolbox, HTML Tab
See also
- Choose Toolbox items, WPF components
Создание графического приложения
Последнее обновление: 13.11.2021
Графический редактор Windows Forms
Одним из преимуществ разработки в Visual Studio приложений Windows Forms является наличие графического редактора, который позволяет в графическом виде представить
создаваемую форму и в принципе упрощает работу с графическими компонентами.
Для открытия формы в режиме графического дизайнера нажмем на в структуре проекта на файл Form1.cs либо левой кнопкой мыши двойным кликом,
либо правой кнопкой мыши и в появившемся контекстном меню выберем View Designer (также можно использовать комбинацию клавиш Shift+F7)
После этого в Visual Studio откроется выбранная форма в графическом виде.
В то же время следует отметить, что на более слабых компьютерах окно дизайнера можно открываться довольно долго, а на некоторых — довольно слабых компьютерах может и вообще не открыться.
При выборе формы в окне дизайнера внизу справа под структурой проекта мы сможем найти окно Properties(Свойства).
Так как у меня в данный момент выбрана форма как элемент управления, то в этом поле отображаются свойства, связанные с формой.
Теперь найдем в этом окне свойство формы Text и изменим его значение на любое другое:
Таким образом мы поменяли заголовок формы. И подобным образом мы можем поменять другие свойства формы, которые доступны в окне свойств.
Но Visual Studio имеет еще одну связанную функциональность. Она обладает панелью графических инструментов. И мы можем, вместо создания элементов управления в коде C#,
просто переносить их на форму с панели инструментов с помощь мыши. Так, перенесем на форму какой-нибудь элемент управления, например, кнопку. Для этого
найдем в левой части Visual Studio вкладку Toolbox (Панель инструментов). Нажмем на эту вкладку, и у нас откроется панель с элементами,
откуда мы можем с помощью мыши перенести на форму любой элемент:
Найдем среди элементов кнопку и, захватив ее указателем мыши, перенесем на форму:
Причем при выборе кнопки она открывается в окне свойств и, как и для всей формы, для кнопки в окне свойств мы можем изменить значения различных свойств.
Кроме того, если после переноса кнопки на форму мы откроем файл Form1.
namespace HelloApp { partial class Form1 { /// <summary> /// Required designer variable. /// </summary> private System.ComponentModel.IContainer components = null; /// <summary> /// Clean up any resources being used. /// </summary> /// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param> protected override void Dispose(bool disposing) { if (disposing && (components != null)) { components.Dispose(); } base.Dispose(disposing); } #region Windows Form Designer generated code /// <summary> /// Required method for Designer support - do not modify /// the contents of this method with the code editor. /// </summary> private void InitializeComponent() { this.button1 = new System.Windows.Forms.Button(); this.SuspendLayout(); // // button1 // this.button1.Location = new System.Drawing.Point(312, 187); this.button1.Name = "button1"; this.button1.Size = new System.Drawing.Size(94, 29); this.button1.TabIndex = 0; this.button1.Text = "button1"; this.button1.UseVisualStyleBackColor = true; // // Form1 // this.AutoScaleDimensions = new System.Drawing.SizeF(8F, 20F); this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; this.ClientSize = new System.Drawing.Size(800, 450); this.Controls.Add(this.button1); this.Name = "Form1"; this.Text = "METANIT.COM"; this.ResumeLayout(false); } #endregion private Button button1; } }
Мы видим, что в класс Form1 была добавлена переменная button1
типа Button и для этой переменной, как и для объекта формы, задан ряд свойств.
И если в окне свойств мы поменяем значения этих свойств, то в этом файле также изменяться их значения. Как в случае с текстом формы:
this.Text = "METANIT.COM";
Это визуальная часть. Теперь приступим к самому программированию. Добавим простейший код на языке C#, который бы выводил сообщение по нажатию кнопки.
Для этого перейдем в файл кода Form1.cs, который связан с этой формой. По умолчанию после создания проекта он имеет код типа следующего:
namespace HelloApp { public partial class Form1 : Form { public Form1() { InitializeComponent(); } } }
Изменим этот код следующим образом:
namespace HelloApp { public partial class Form1 : Form { public Form1() { InitializeComponent(); button1.Click += button1_Click; } private void button1_Click(object? sender, EventArgs e) { MessageBox.Show("Привет"); } } }
Кнопка обладает событием Click, которое генерируется при нажатии. В данном случае в конструкторе формы мы подвязываем к кнопке button1 в качестве обработчика события
нажатия метод button1_Click
, в котором с помощью метода MessageBox.Show выводит сообщение. Текст сообщения передается в метод в качестве параметра.
Стоит отметить, что графический дизайнер позволяет автоматически сгенерировать обработчик нажатия кнопки. Для этого надо
в окне дизайнера нажать на кнопку на форме двойным щелчком мыши.
Теперь запустим проект и мы увидим форму с кнопкой, на которую мы можем нажать и получить сообщение:
Содержание
- Где находится панель элементов в Visual Studio 2019
- Как добавить новый элемент управления в проект
- Как добавить установленные элементы в панель элементов (toolbox)
- Итого
уважаемые посетители блога, если Вам понравилась, то, пожалуйста, помогите автору с лечением. Подробности тут.
Вне зависимости от того, с помощью какой платформы вы планируете разрабатывать графический интерфейс вашего приложения (WinForms, WPF или UWP) так или иначе вам придётся либо создавать все элементы интерфейса вручную, например, используя возможности XAML, либо использовать панель элементов (toolbox), просто перетаскивая необходимые компоненты на форму приложения. Второй вариант работы занимает намного меньше времени и для тех, кто как и я, переходит в C# из Delphi, наверное, более привычный. Однако, при установке новых элементов управления, они далеко не всегда автоматически появляются в панели элементов, что не совсем удобно. Поэтому сегодня мы рассмотрим подробно вопрос: как в Visual Studio добавить в Панель элементов (ToolBox) установленные компоненты?
Чтобы показать панель элементов Visual Studio 2019 необходимо зайти в главном меню в раздел «Вид» и выбрать пункт «Панель элементов»:
Состав панели элементов меняется в зависимости от того, какую платформу вы выбираете для разработки. Например, ниже на рисунке показаны различные варианты Toolbox для трех вариантов проектов: WinForms, WPF и UWP:
В зависимости от того, какая платформа используется, панель элементов содержит определенные элементы управления — какие-то элементы являются уникальными для платформы (например, в WinForms вы не найдете элемента MapControl
, который присутствует в UWP), какие-то имеются во всех вариантах, на, при этом работать с ними, иногда, приходится с учётом особенностей той или иной платформы.
Панель элементов состоит из нескольких разделов, которые можно свернуть, например, в WPF такими разделами будут «Типовые элементы управления WPF», «Все элементы управления WPF» и так далее.
Как добавить новый элемент управления в проект
Рассмотрим вопрос на примере приложения WPF с использованием .NET Framework. Создадим новый проект «Приложение WPF (.NET Framework)»:
По умолчанию в панели элементов (toolbox) появятся только стандартные элементы управления. Например, мы захотим использовать в нашем проекте компоненты Ribbon Controls (как в Office). Для того, чтобы их использовать в своем проекте, мы должны добавить ссылку на них в свой проект. Сделать это можно следующим образом:
1. В обозревателе решение кликаем правой кнопкой мыши по названию нашего проекта и выбираем пункт «Управление пакетами NuGet»
2. В открывшемся окне выбираем раздел «Обзор» и в окне поиска набираем «Ribbon». Появятся всевозможные пакеты, с элементами Ribbon Controls. Выбираем пакет от Microsoft с названием RibbonControlsLibrary и в правой части окна жмем кнопку «Установить»
3. После установки пакета в разделе «Ссылки» нашего проекта появится ссылка на установленный пакет
Теперь мы можем подключать необходимые пространства имен в наш проект и использовать компоненты в проекте. Однако в панели элементов они не появятся. Для того, чтобы добавить их в панель элементов необходимо выполнить ещё несколько простых действий.
Как добавить установленные элементы в панель элементов (toolbox)
Добавим наши компоненты Ribbon Controls в панель элементов. Элементы могут добавляться как в уже существующие вкладки, так и в новые, созданные нами. Воспользуемся вторым вариантом.
1. Находясь в панели элементов, выберите название любой вкладки, кликните по ней правой кнопкой мыши и в меню выдерите пункт «Добавить вкладку»
2. Назовем нашу новую вкладку «Ribbon Controls»
3. Кликаем по названию вкладки правой кнопкой мыши и выбираем пункт «Выбрать элементы». Откроется окно для выбора элементов, которые мы можем добавить в новую группу элементов
4. В разделе «Компоненты WPF» ищем элементы управления Ribbon, отмечаем их в списке и жмем кнопку «Ok»:
5. Теперь в панели элементов появятся новые элементы управления, которые можно добавлять на форму приложения простым перетаскиванием мышкой:
Итого
Сегодня мы разобрались с вопросом как добавить новые элементы управления в проект и добавить их в панель элементов (toolbox) Visual Studio 2019. Не всегда устанавливаемые элементы управления автоматически отображаются в панели элементов, поэтому иногда требуется воспользоваться их добавлением вручную, используя возможности IDE.
уважаемые посетители блога, если Вам понравилась, то, пожалуйста, помогите автору с лечением. Подробности тут.
- Remove From My Forums
-
Question
-
I am trying to make a C++ GUI project in Visual Studio 2013 Ultimate, but it seems I don’t have a toolbox to add items.
I’ve already checked View-> other windows, and toolbox is not there. Also, there is no toolbox when I use the Quick launch to search for it. Please help!
Answers
-
Hi Rafael Leafar,
Thank you for posting in MSDN forum.
Please go to View -> Toolbox, to open the toolbox.
If it doesn’t have controls on it, please check the following steps to make sure that you have created the C++ GUI project:
(1) New Project -> C++ -> CLR, CLR empty project
(2) Right click the project, Add new item, please check the following window:
(3) After adding the windows form, you will find the toolbox:
Best Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.-
Proposed as answer by
Thursday, November 26, 2015 8:37 AM
-
Marked as answer by
Jiayi Li
Monday, November 30, 2015 5:43 AM
-
Proposed as answer by
0
Создал новое приложение C#
winForms
открыл конструктор формы, а на панели элементов нет вкладки с визуальными компонентами.
Как ее можно включить? Перезапуск студии пробовал не помогло.
- visual-studio
Улучшить вопрос
задан 24 фев 2020 в 11:32
Konstantin_SHKonstantin_SH
2,8472 золотых знака18 серебряных знаков37 бронзовых знаков
Добавить комментарий
|
1 ответ
Сортировка:
Сброс на вариант по умолчанию
3
Нажмите Ctrl + Alt + X или View -> Toolbox
Улучшить ответ
ответ дан 24 фев 2020 в 11:39
Vladimir AfanasyevVladimir Afanasyev
2,3442 золотых знака7 серебряных знаков23 бронзовых знака
Добавить комментарий
|
Ваш ответ
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Имя
Почта
Необходима, но никому не показывается
By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.
Всё ещё ищете ответ? Посмотрите другие вопросы с метками
- visual-studio
или задайте свой вопрос.
Всё ещё ищете ответ? Посмотрите другие вопросы с метками
- visual-studio
или задайте свой вопрос.