Как открыть toolbox в visual studio 2019

Обновлено: 08.07.2024

Окно панели элементов отображает элементы управления, которые вы можете добавлять в проекты Visual Studio. Чтобы открыть панель элементов, выберите Вид > Панель элементов в строке меню или нажмите клавиши CTRL+ALT+X.

Снимок экрана: окно "Панель элементов" с параметрами, представленными в разделе "Контейнеры".

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

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

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

Снимок экрана: диалоговое окно "Приложение", в котором отображаются параметры из раскрывающегося списка "Целевая платформа".

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

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

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

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

Переименовать элемент. Переименование выбранного элемента.

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

Показать все. Отображение всех возможных элементов управления (не только тех, которые можно использовать в текущем конструкторе).

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

Сортировать элементы по алфавиту. Сортировка элементов по имени.

Сброс панели. Восстановление параметров и элементов по умолчанию для панели элементов.

Добавить вкладку. Добавление новой вкладки на панель элементов.

Вверх. Перемещение выбранного элемента вверх.

Вниз. Перемещение выбранного элемента вниз.

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

Вы можете создать для панели элементов пользовательский элемент управления с помощью шаблона проекта на основе Windows Presentation Foundation или Windows Forms. Затем этот пользовательский элемент управления можно предоставить коллегам или опубликовать в Интернете с помощью установщика элементов управления панели элементов.

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

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


Состав панели элементов меняется в зависимости от того, какую платформу вы выбираете для разработки. Например, ниже на рисунке показаны различные варианты Toolbox для трех вариантов проектов: WinForms, WPF и UWP:


По умолчанию в панели элементов (toolbox) появятся только стандартные элементы управления. Например, мы захотим использовать в нашем проекте компоненты Ribbon Controls (как в Office). Для того, чтобы их использовать в своем проекте, мы должны добавить ссылку на них в свой проект. Сделать это можно следующим образом:



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

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





5. Теперь в панели элементов появятся новые элементы управления, которые можно добавлять на форму приложения простым перетаскиванием мышкой:

Сегодня мы разобрались с вопросом как добавить новые элементы управления в проект и добавить их в панель элементов (toolbox) Visual Studio 2019. Не всегда устанавливаемые элементы управления автоматически отображаются в панели элементов, поэтому иногда требуется воспользоваться их добавлением вручную, используя возможности IDE.

Когда вы создаете приложение на базе форм, то для дизайна пользовательского интерфейса применяются три отдельных инструмента Visual Studio: визуальный конструктор форм Forms Designer (который обеспечивает основу формы), панель инструментов Toolbox (со­держащую элементы управления, которые будут размещаться на основе) и браузер свойств (который используется для изменения: формы; ее дочерних элементов управления; внешнего вида и поведения). Эта триада инструментов интегрированной среды разработки является ключом к быстрой разработке форм в Visual Studio (особенно в том, что касается создания содержимого формы).

И элементы управления, и компоненты обитают в панели Toolbox (дополнительное описа­ние Toolbox см. в главе 6). Добавление на форму элемента управления или компонента про­изводится перетаскиванием соответствующего элемента из панели Toolbox на поверхность формы.

Описание: image384

После того как вы поместили элемент управления на форму, визуальный конструктор форм Windows Forms Designer прорисует элемент управления на форме (для того чтобы вы полу­чили представление WYSIWYG— то, как форма будет выглядеть на стадии выполнения). Как мы отмечали в главе 6, работа с компонентами производится несколько иначе. Визуаль­ный конструктор форм имеет специальную область, называемую лотком компонентов (здесь представлены все размещенные на форме компоненты). Это позволяет вам работать с компонентами точно так же, как и с элементами управления (просто щелкая по ним), но при этом на форме не появляется их визуальное представление (поскольку компонент не имеет визуального представления).

Via рис. 15.5 выделена область лотка компонентов визуального конструктора форм.

Компоновка и позиционирование элементов управления

Когда на форме находится несколько элементов управления,- то визуальный конструктор форм может помочь автоматизировать некоторые стандартные задачи компоновки, такие как выравнивание группы элементов управления по вертикали. Мы снова отсылаем вас к главе 6 за описанием способов использования этих инструментов повышения производи­тельности. Однако эти функции компоновки хотя и являются удобными с точки зрения ди­зайна, но они ничего не дают вам на стадии выполнения.

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

Самый простой способ продемонстрировать проблему изменения размеров формы — это рассмотреть несколько рисунков. На рис. 15.6 показана простейшая форма: метка, текстовое поле, кнопки ОК и Cancel. Элементы управления формы были тщательно размещены: вы­держаны равные расстояния, элементы аккуратно выровнены по горизонтали и вертикали — короче говоря, эта форма выглядит именно так, как того хотел разработчик.

Рис. 15.6. Элементы управления на форме выровнены

Но затем в дело вступает пользователь. На рис. 15.7 показаны результаты изменения разме­ров формы по горизонтали и вертикали.

Описание: image385

Этот вид— совершенно не то, что планировалось получить; четкий и аккуратный дизайн формы не справился с изменением её размеров. Возможно, пользователь изменил размеры формы в попытке получить больше места для ввода в текстовом поле. Либо пользователь упорядочил все окна приложений в мозаичном порядке, что и привело к изменению размера окна данного приложения. Какова бы ни была причина, совершенно ясно, что требуется дополнительное вмешательство разработчика для того, чтобы дизайн стал "правильным" (и не зависел от размера формы).

При помощи сравнения рисунков до, и после изменения размеров вы можете выработать стратегию и ответить на вопрос: "Что должно происходить при изменении размера формы пользователем?" На рис. 15.8 показан снимок идеального варианта; текстовое поле "после­довало" за изменением размера (изменяя свою ширину в горизонтальном направлении). Ко­мандные кнопки сохранили свое выравнивание друг с другом и с текстовым полем, но не изменили своих общих размеров. Метка осталась в своем исходном положении.

Каждый объект формы имеет событие изменения размера, которое происходит при измене­нии размера границ формы (чаще всего это происходит в результате перетаскивания поль­зователем границы формы для увеличения или уменьшения ее размера). Поскольку каждый элемент управления имеет такие свойства позиционирования, как Top, Left, Height и Width, то для получения формы, показанной на рис. 15.8, можно было бы применить грубый сило­вой подход — написав несколько строк кода для каждого элемента управления, вы могли бы вручную переместить элементы управления или изменить их размер при изменении размера формы и положения других элементов управления. Однако такой подход как минимум тру­доемок и дает весьма "хрупкий" код, который необходимо подправлять каждый раз, когда компоновка и расположение элементов управления модифицируются.

К счастью, визуальный конструктор Windows Forms в Visual Studio (в сочетании с некото­рыми стандартными свойствами элементов управления) позволяет вам учитывать все воз­можные оптимизации изменения размера уже при компоновке формы. При помощи привяз­ки (anchoring) и закрепления (docking) ваших элементов управления вы можете указать их положение относительно друг друга и относительно границ формы.

Скриншот 1

Обзор Visual Studio 2019

Visual Studio – это интегрированная среда разработки (IDE) от компании Microsoft.

С помощью Visual Studio можно разрабатывать:

  • Классические приложения для компьютера под управлением операционной системы Windows;
  • Мобильные приложения (Windows, iOS, Android);
  • Web-приложения;
  • Облачные приложения;
  • Различные расширения для Office, SharePoint, а также создание собственных расширений для Visual Studio;
  • Игры;
  • Базы данных SQL Server и SQL Azure.

Редакции Visual Studio 2019

Актуальной на текущий момент является версия Visual Studio 2019, выпускается она в следующих редакциях:

  • Community – бесплатная версия среды разработки Visual Studio. Чтобы ее использовать, необходимо создать учетную запись Visual Studio, в противном случае она будет действовать 30 дней. Редакция имеет меньший функционал по сравнению с платными редакциями, однако она включает все необходимое для создания полноценных приложений. Походит для индивидуальных разработчиков и обучения;
  • Professional – редакция содержит профессиональные инструменты для разработки приложений. Функционал в этой редакции все равно не полный, например, это заметно в части инструментов диагностики, отладки и тестирования. Подходит для небольших групп разработчиков;
  • Enterprise – полнофункциональная версия Visual Studio. Комплексное решение для разработки приложений. Подходит для групп любого размера с высокими требованиями к качеству и масштабу.

Системные требования Visual Studio 2019

Среду Visual Studio 2019 можно установить и работать в ней на следующих операционных системах (перечислены официально поддерживаемые версии):

    ;
  • Windows 8.1 (с обновлением 2919355); (1703 и выше);
  • Windows Server 2012 R2 (с обновлением 2919355);
  • Windows Server 2016 (Standard и Datacenter); (Standard и Datacenter).

Минимальные требования к оборудованию:

  • Процессор с тактовой частотой не ниже 1,8 ГГц. Рекомендуется использовать как минимум двухъядерный процессор;
  • 2 ГБ оперативной памяти, рекомендуется 8 ГБ (если устанавливать на виртуальную машину, то минимум 2.5 ГБ);
  • Свободного места на жестком диске от 800 мегабайт до 210 гигабайт, в зависимости от установленных компонентов. В большинстве случаев выделяйте как минимум 30 гигабайт, например, я устанавливал всего несколько компонентов, и у меня заняло более 20 ГБ места на жестком диске. Также Microsoft рекомендует устанавливать Visual Studio на SSD диск, я как раз устанавливал на SSD (на своем ноутбуке), скорость работы Visual Studio меня, конечно, порадовала;
  • Видеоадаптер с минимальным разрешением 1280 на 720 пикселей (для оптимальной работы Visual Studio рекомендуется разрешение 1366 на 768 пикселей и более высокое).

Дополнительные важные моменты:

Что нового в Visual Studio 2019?

Новых возможностей в среде Visual Studio 2019 появилось очень много, я перечислю только небольшую часть:

  • Новый интерфейс создания проектов;
  • Новые возможности установки обновлений – теперь можно выбрать способ установки обновлений Visual Studio и полностью контролировать его («Сервис -> Параметры»), а также обновления Visual Studio загружаются в фоновом режиме, только когда компьютер бездействует;
  • Доступна совместная работа с другими пользователями с помощью среды Visual Studio Live Share, которая устанавливается по умолчанию;
  • Переработан интерфейс среды, в частности увеличено вертикальное пространство для кода;
  • Добавлен вид расширения: «Бесплатное», «Платное» и «Пробная версия» – теперь гораздо легче распознать версию расширения, также добавлены соответствующие теги, для более удобного поиска;
  • Система управления версиями – теперь можно временно сохранить изменения, чтобы работать над другими задачами, это возможно благодаря поддержке временного хранилища Git средствами Git в Team Explorer;
  • Очистка кода одним щелчком – теперь отреагировать на предупреждения и рекомендации среды можно одним нажатием кнопки;
  • Усовершенствованный поиск – теперь поиск выдает более точные результаты (а также поиск стал возможен в окнах отладки);
  • Индикатор хода выполнения сборки – теперь мы можем наблюдать более подробные сведения о ходе выполнения сборки, полезно, если проект крупный и на его сборку затрачивается много времени.

Более подробно посмотреть все нововведения можете на официальной странице – Заметки о выпуске Visual Studio 2019.

Где скачать Visual Studio 2019 Community?

Скриншот 2

С главной страницы официального сайта также возможно загрузить Visual Studio 2019 Community, только в этом случае необходимо выбрать нужную редакцию.

Платные редакции Professional и Enterprise Вы также можете скачать для тестирования, т.е. они имеют 90-дневную пробную версию.

В результате у Вас должна загрузиться программа установщик vs_Community.exe.

Установка Visual Studio 2019 Community на Windows 10

Перед тем как переходить к установке Visual Studio 2019, хотелось бы еще раз отметить, что для того чтобы установить хотя бы пару компонентов (рабочих нагрузок), потребуется достаточно много места на жестком диске (10-20 гигабайт), а если установить больше 2-3 компонентов, то объем может достигать и сотни гигабайт, у меня установка Visual Studio 2019 заняла более 20 ГБ места на жестком диске.

Хорошо, что установщик в 2019 версии Visual Studio (который появился в 2017 версии, но в 2019 он улучшен) позволяет выбрать только те компоненты, которые нужны нам для создания нашего приложения, например, если нам нужно разработать web-приложения, устанавливать рабочие нагрузки для создания классических приложений не требуется, тем самым мы можем экономить место на жестком диске.

Также в случае необходимости мы всегда можем удалить ненужные нам компоненты.

Шаг 1 – Запускаем установщик

Запускаем скаченный установщик, т.е. файл vs_Community.exe.

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

Скриншот 3

После чего загрузятся и установятся необходимые файлы установщика.

Скриншот 4

Шаг 2 – Выбор компонентов, настройка установки

После того как установщик выполнит все необходимые предварительные мероприятия, он запустится. Теперь нам нужно выбрать «Рабочие нагрузки», т.е. что мы будем создавать с помощью Visual Studio 2019 Community, я выбрал разработку как классических приложений под компьютер, так и разработку Web-приложений.

В принципе после этого можно сразу нажимать «Установить», но в случае необходимости Вы можете более детально настроить установку, для этого есть дополнительные вкладки: «Отдельные компоненты», «Языковые пакеты» и «Расположения установки».

Скриншот 5

Вкладка «Отдельные компоненты» – если есть такая необходимость, Вы можете конкретизировать компоненты, которые необходимо установить, на этой вкладке.

Скриншот 6

Вкладка «Языковые пакеты» – по умолчанию установлен язык, соответствующий языку системы, но, если Вам нужен другой, Вы можете изменить его на данной вкладке.

Скриншот 7

Вкладка «Расположения установки» – здесь Вы можете изменить каталог, в который будет установлена среда Visual Studio.

Скриншот 8

Шаг 3 – Процесс установки и его завершение

После того как Вы нажали кнопку установить, начнется процесс загрузки и установки всех выбранных компонентов. В зависимости от объема компонентов, скорости интернета и характеристик ПК продолжительность данного процесса будет различаться, специально я не засекал, но мне кажется, он у меня длился минут 20-30.

Скриншот 9

Когда появится следующее окно, установка будет завершена, нажимаем «Перезагрузить».

Скриншот 10

Создание нового проекта в Visual Studio Community 2019, и запуск первой программы

Теперь я предлагаю запустить Visual Studio Community 2019, и посмотреть, как она выглядит, и для примера давайте даже создадим проект программы, и запустим его на выполнение.

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

Скриншот 11

Затем выбирайте цветовую схему оформления среды Visual Studio и нажимайте «Запуск Visual Studio».

Скриншот 12

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

Для примера я сразу создам проект.

Скриншот 13

В качестве шаблона проекта я выберу «Мастер классических приложений Windows».

Скриншот 14

Затем указываем название проекта и расположение файлов этого проекта.

Скриншот 15

Потом выбираем тип приложения и дополнительные параметры, если требуется. Я выберу «Классическое приложение», параметры оставлю по умолчанию. Нажимаем «ОК».

Скриншот 16

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

Скриншот 17

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

Скриншот 18

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

Видео-инструкция по установке Visual Studio 2019 Community

На этом мой обзор среды Visual Studio 2019 Community закончен, надеюсь, материал был Вам полезен, пока!

Читайте также: