- Элемент управления Panel (Windows Forms) Panel Control (Windows Forms)
- в этом разделе In This Section
- Справочник Reference
- Связанные разделы Related Sections
- Панель элементов Toolbox
- Управление окном панели элементов и элементами управления в нем Manage the Toolbox window and its controls
- Создание и распространение пользовательских элементов управления панели элементов Create and distribute custom Toolbox controls
- Следующие шаги Next steps
- Размещение и компоновка элементов управления (Windows Forms .NET) Position and layout of controls (Windows Forms .NET)
- Фиксированное расположение и размер Fixed position and size
- Автоматическое размещение и размер Automatic placement and size
- Панель закрепления Dock
- Привязка Anchor
- Автоматическое изменение размеров Automatic sizing
- Контейнер: Form Container: Form
- Контейнер: Panel Container: Panel
- Контейнер: Группа Container: Group box
- Контейнер: Потоковый макет Container: Flow Layout
- Контейнер: табличный макет Container: Table layout
- Контейнер: контейнер разбиения Container: Split container
- Контейнер: Элемент управления табуляции Container: Tab control
Элемент управления Panel (Windows Forms) Panel Control (Windows Forms)
Panel Элементы управления Windows Forms используются для предоставления идентифицируемого группирования для других элементов управления. Windows Forms Panel controls are used to provide an identifiable grouping for other controls. Как правило, панели используются для разделения формы на функции. Typically, you use panels to subdivide a form by function. Panel Элемент управления аналогичен GroupBox элементу управления, но только Panel элемент управления может иметь полосы прокрутки, а только GroupBox элемент управления отображает заголовок. The Panel control is similar to the GroupBox control; however, only the Panel control can have scroll bars, and only the GroupBox control displays a caption.
в этом разделе In This Section
Общие сведения об элементе управления Panel Panel Control Overview
Описание элемента управления, его основных возможностей и свойств. Explains what this control is and its key features and properties.
Практическое руководство. Установка фона панели формы Windows Forms с помощью конструктора How to: Set the Background of a Windows Forms Panel Using the Designer
Описывает, как отобразить цвет фона и фоновое изображение на панели с помощью конструктора. Describes how to display a background color and a background image on a panel using the designer.
Практическое руководство. Установка фона панели How to: Set the Background of a Panel
Описывает, как отобразить цвет фона и фоновое изображение на панели. Describes how to display a background color and a background image on a panel.
Справочник Reference
Panel
Описание класса и всех его членов. Describes this class and has links to all its members.
Связанные разделы Related Sections
Элементы управления для использования в формах Windows Forms Controls to Use on Windows Forms
Полный список элементов управления Windows Forms со ссылками на информацию об их применении. Provides a complete list of Windows Forms controls, with links to information on their use.
Практическое руководство. Добавление или удаление элемента в коллекции элементов управления во время выполнения How to: Add to or Remove from a Collection of Controls at Run Time
Описывает добавление элементов управления и удаление элементов управления из любого контейнера в формах. Describes how to add controls to and remove controls from any container control on your forms.
Панель элементов Toolbox
Окно панели элементов отображает элементы управления, которые вы можете добавлять в проекты Visual Studio. The Toolbox window displays controls that you can add to Visual Studio projects. Чтобы открыть панель элементов, выберите Вид > Панель элементов в строке меню или нажмите клавиши CTRL+ALT+X. 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.
Панель элементов отображается вместе с представлениями конструктора, например представлением XAML-файла или проектом приложения Windows Forms. 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.
Для некоторых типов проектов панель элементов не содержит никаких элементов. For some project types, Toolbox may not show any items.
Целевая версия .NET проекта также влияет на набор элементов управления, отображаемых на панели элементов. The .NET version that your project targets also affects the set of controls visible in Toolbox. При необходимости вы можете изменить требуемую версию .NET Framework на страницах свойств проекта. 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
По умолчанию панель элементов свернута в левой части Visual Studio. Чтобы отобразить ее, наведите на нее курсор. 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.
Если панель элементов больше не отображается как свернутая в левой части интегрированной среды разработки Visual Studio, можно добавить ее обратно, выбрав Окно > Сбросить макет окна в строке меню. 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
Вы можете создать для панели элементов пользовательский элемент управления с помощью шаблона проекта на основе Windows Presentation Foundation или Windows Forms. 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:
Размещение и компоновка элементов управления (Windows Forms .NET) Position and layout of controls (Windows Forms .NET)
Размещение элементов управления в Windows Forms определяется не только элементом управления, но и родительским элементом управления. Control placement in Windows Forms is determined not only by the control, but also by the parent of the control. В этой статье описываются различные параметры элементов управления, а также различные типы родительских контейнеров, которые влияют на компоновку. This article describes the different settings provided by controls and the different types of parent containers that affect layout.
Документация для Руководства по рабочему столу по .NET 5 (и .NET Core) находится в разработке. The Desktop Guide documentation for .NET 5 (and .NET Core) is under construction.
Фиксированное расположение и размер Fixed position and size
Расположение на родительском элементе определяется значением свойства Location относительно левого верхнего угла поверхности родительского элемента управления. The position a control appears on a parent is determined by the value of the Location property relative to the top-left of the parent surface. Координата верхнего левого угла в родительском элементе — (x0,y0) . The top-left position coordinate in the parent is (x0,y0) . Размер элемента управления определяется свойством Size и представляет ширину и высоту элемента управления. The size of the control is determined by the Size property and represents the width and height of the control.
При добавлении элемента управления на родительский элемент, который применяет автоматическое размещение, положение и размер элемента управления изменяются. When a control is added to a parent that enforces automatic placement, the position and size of the control is changed. В этом случае в зависимости от типа родительского элемента скорректировать расположение и размер элемента управления вручную не удастся. In this case, the position and size of the control may not be manually adjusted, depending on the type of parent.
Свойства MaximumSize и MinimumSize помогают задать минимальное и максимальное пространство, которое может использовать элемент управления. The MaximumSize and MinimumSize properties help set the minimum and maximum space a control can use.
Автоматическое размещение и размер Automatic placement and size
Элементы управления могут размещаться в родительском элементе автоматически. Controls can be automatically placed within their parent. Некоторые родительские контейнеры выполняют размещение принудительно, в то время как другие используют параметры управления, определяющие размещение. Some parent containers force placement while others respect control settings that guide placement. Существует два свойства элемента управления, которые помогают автоматически размещать и изменять размер в пределах родительского элемента: Dock и Anchor. There are two properties on a control that help automatic placement and size within a parent: Dock and Anchor.
На автоматическое размещение может влиять порядок отображения. Drawing order can affect automatic placement. Порядок, в котором отображается элемент управления, определяется индексом элемента управления в коллекции Controls родительского элемента. The order in which a control is drawn determined by the control’s index in the parent’s Controls collection. Этот индекс называется Z-order . This index is known as the Z-order. Каждый элемент управления отображается в порядке, в котором он представлен в коллекции. Each control is drawn in the reverse order they appear in the collection. Это означает, что первый элемент в коллекции отображается последним, а последний элемент — первым. Meaning, the collection is a first-in-last-drawn and last-in-first-drawn collection.
Свойства MinimumSize и MaximumSize помогают задать минимальное и максимальное пространство, которое может использовать элемент управления. The MinimumSize and MaximumSize properties help set the minimum and maximum space a control can use.
Панель закрепления Dock
Свойство Dock задает, какая граница элемента управления выравнивается по соответствующей стороне родительского элемента и как изменяется размер элемента управления в пределах родительского элемента. The Dock property sets which border of the control is aligned to the corresponding side of the parent, and how the control is resized within the parent.
Когда элемент управления закреплен, контейнер определяет пространство, которое он должен занимать, а затем соответствующим образом изменяет размер элемента управления и помещает его. When a control is docked, the container determines the space it should occupy and resizes and places the control. Ширина и высота элемента управления по-прежнему соблюдаются с учетом стиля закрепления. The width and height of the control are still respected based on the docking style. Например, если элемент управления закреплен в верхней части, Height элемента управления соблюдается, тогда как Width корректируется автоматически. For example, if the control is docked to the top, the Height of the control is respected but the Width is automatically adjusted. Если элемент управления закреплен слева, Width элемента управления соблюдается, тогда как Height корректируется автоматически. If a control is docked to the left, the Width of the control is respected but the Height is automatically adjusted.
Location элемента управления нельзя задать вручную, поскольку при закреплении элемента управления его положение контролируется автоматически. The Location of the control can’t be manually set as docking a control automatically controls its position.
Индекс Z-order элемента управления влияет на закрепление. The Z-order of the control does affect docking. После размещения закрепленных элементов управления они занимают выделенное для них пространство. As docked controls are laid out, they use what space is available to them. Например, если элемент управления отображается первым и закрепляется в верхней части, он займет всю ширину контейнера. For example, if a control is drawn first and docked to the top, it will take up the entire width of the container. Если следующий элемент управления закреплен слева, ему будет выделено меньше свободного места. If a next control is docked to the left, it has less vertical space available to it.
При изменении индекса Z-order доступное начальное пространство элемента управления, закрепленного слева, будет больше. If the control’s Z-order is reversed, the control that is docked to the left now has more initial space available. Элемент управления использует всю высоту контейнера. The control uses the entire height of the container. Элемент управления, закрепленный вверху, имеет меньше свободного места. The control that is docked to the top has less horizontal space available to it.
По мере расширения и сжатия контейнера элементы управления, закрепленные в контейнере, перемещаются и изменяют свой размер для сохранения заданных параметров. As the container grows and shrinks, the controls docked to the container are repositioned and resized to maintain their applicable positions and sizes.
Если на одной стороне контейнера закреплены несколько элементов управления, они группируются в соответствии с их индексами Z-order . If multiple controls are docked to the same side of the container, they’re stacked according to their Z-order.
Привязка Anchor
Привязка элемента управления позволяет привязать элемент управления к одной или нескольким сторонам родительского контейнера. Anchoring a control allows you to tie the control to one or more sides of the parent container. По мере изменения размера контейнера любой дочерний элемент управления будет сохранять заданное расстояние до привязанной стороны. As the container changes in size, any child control will maintain its distance to the anchored side.
Элемент управления можно привязать к одной или нескольким сторонам без ограничений. A control can be anchored to one or more sides, without restriction. Привязка задается свойством Anchor. The anchor is set with the Anchor property.
Автоматическое изменение размеров Automatic sizing
Свойство AutoSize позволяет элементу управления изменять свой размер, если это необходимо, в соответствии с размером, заданным свойством PreferredSize. The AutoSize property enables a control to change its size, if necessary, to fit the size specified by the PreferredSize property. Изменение размеров конкретных элементов управления регулируется заданием свойства AutoSizeMode . You adjust the sizing behavior for specific controls by setting the AutoSizeMode property.
Свойство AutoSize поддерживают только некоторые элементы управления. Only some controls support the AutoSize property. Кроме того, некоторые элементы управления, поддерживающие свойство AutoSize, также поддерживают свойство AutoSizeMode . In addition, some controls that support the AutoSize property also supports the AutoSizeMode property.
Всегда истинное поведение Always true behavior | Описание Description |
---|---|
Автоматическое изменение размера — это функция, активируемая во время выполнения. Automatic sizing is a run-time feature. | Это означает, что она никогда не увеличивает и не сжимает элемент управления и не оказывает дальнего влияния. This means it never grows or shrinks a control and then has no further effect. |
Если размер элемента управления изменяется, значение его свойства Location всегда остается постоянным. If a control changes size, the value of its Location property always remains constant. | Когда содержимое элемента управления приводит к увеличению элемента управления, он увеличивается в направлении вправо и вниз. When a control’s contents cause it to grow, the control grows toward the right and downward. Элементы управления не увеличиваются до левого края. Controls do not grow to the left. |
Свойства Dock и Anchor учитываются, если AutoSize имеет значение true . The Dock and Anchor properties are honored when AutoSize is true . | Значение свойства Location элемента управления корректируется на правильное значение. The value of the control’s Location property is adjusted to the correct value. Элемент управления Label является исключением из этого правила. The Label control is the exception to this rule. Если для свойства AutoSize закрепленного элемента управления Label задано значение true , то элемент управления Label не будет растягиваться. When you set the value of a docked Label control’s AutoSize property to true , the Label control will not stretch. |
Свойства MaximumSize и MinimumSize элемента управления всегда учитываются независимо от значения свойства AutoSize. A control’s MaximumSize and MinimumSize properties are always honored, regardless of the value of its AutoSize property. | Свойство AutoSize не влияет на свойства MaximumSize и MinimumSize. The MaximumSize and MinimumSize properties are not affected by the AutoSize property. |
Минимальный размер по умолчанию не задан. There is no minimum size set by default. | Это означает, что если для элемента управления задано сжатие до AutoSize и он не имеет содержимого, значение его свойства Size равно (0x,0y) . This means that if a control is set to shrink under AutoSize and it has no contents, the value of its Size property is (0x,0y) . В этом случае элемент управления будет сжиматься до точки, и он не будет виден. In this case, your control will shrink to a point, and it will not be readily visible. |
Если элемент управления не реализует метод GetPreferredSize, метод GetPreferredSize возвращает последнее значение, присвоенное свойству Size. If a control does not implement the GetPreferredSize method, the GetPreferredSize method returns last value assigned to the Size property. | Это означает, что установка для свойства AutoSize значения true не окажет никакого влияния. This means that setting AutoSize to true will have no effect. |
Элемент управления в ячейке TableLayoutPanel всегда сжимается в соответствии с ячейкой, пока не будет достигнут ее MinimumSize. A control in a TableLayoutPanel cell always shrinks to fit in the cell until its MinimumSize is reached. | Этот размер применяется в качестве максимального размера. This size is enforced as a maximum size. Исключением является случай, когда ячейка входит в строку или столбец AutoSize. This is not the case when the cell is part of an AutoSize row or column. |
Контейнер: Form Container: Form
Form является основным объектом Windows Forms. The Form is the main object of Windows Forms. Формы обычно всегда отображаются в приложении Windows Forms. A Windows Forms application will usually have a form displayed at all times. Формы содержат элементы управления и учитывают свойства Location и Size элемента управления для размещения вручную. Forms contain controls and respect the Location and Size properties of the control for manual placement. Формы также учитывают свойство Dock для автоматического размещения. Forms also respond to the Dock property for automatic placement.
Как правило, на краях формы имеются маркеры, позволяющие пользователю изменить ее размер. Most of the time a form will have grips on the edges that allow the user to resize the form. Свойство Anchor элемента управления позволяет увеличивать и уменьшать размер элемента управления при изменении размера формы. The Anchor property of a control will let the control grow and shrink as the form is resized.
Контейнер: Panel Container: Panel
Элемент управления Panel аналогичен форме в том, что он просто группирует элементы управления вместе. The Panel control is similar to a form in that it simply groups controls together. Он поддерживает те же стили автоматического размещения, что и форма. It supports the same manual and automatic placement styles that a form does. Подробнее см. в разделе Контейнер: Form. For more information, see the Container: Form section.
Панель сливается с родительским элементом и обрезает все области элемента управления, находящиеся за границами панели. A panel blends in seamlessly with the parent, and it does cut off any area of a control that falls out of bounds of the panel. Если элемент управления выходит за границы панели, а свойство AutoScroll имеет значение true , появляются полосы прокрутки, с помощью которых пользователь может прокручивать панель. If a control falls outside the bounds of the panel and AutoScroll is set to true , scroll bars appear and the user can scroll the panel.
В отличие от группы панель не содержит заголовок и границу. Unlike the group box control, a panel doesn’t have a caption and border.
На изображении выше показана панель с заданным свойством BorderStyle, чтобы продемонстрировать границы панели. The image above has a panel with the BorderStyle property set to demonstrate the bounds of the panel.
Контейнер: Группа Container: Group box
Элемент управления GroupBox предоставляет возможность идентифицируемой группировки других элементов управления. The GroupBox control provides an identifiable grouping for other controls. Как правило, группа используется для разделения формы на функциональные области. Typically, you use a group box to subdivide a form by function. Например, у вас может быть форма для ввода персональных данных, в которой следует сгруппировать поля, связанные с адресом. For example, you may have a form representing personal information and the fields related to an address would be grouped together. Во время разработки можно с легкостью переместить группу вместе со всеми содержащимися в ней элементами управления. At design time, it’s easy to move the group box around along with its contained controls.
Группа поддерживает те же стили автоматического размещения, что и форма. The group box supports the same manual and automatic placement styles that a form does. Подробнее см. в разделе Контейнер: Form. For more information, see the Container: Form section. Группа также обрезает любую часть элемента управления, которая выходит за пределы панели. A group box also cuts off any portion of a control that falls out of bounds of the panel.
В отличие от панели, в группе нет возможности прокрутить содержимого и нет полос прокрутки. Unlike the panel control, a group box doesn’t have the capability to scroll content and display scroll bars.
Контейнер: Потоковый макет Container: Flow Layout
Элемент управления FlowLayoutPanel упорядочивает свое содержимое в горизонтальном или вертикальном направлении. The FlowLayoutPanel control arranges its contents in a horizontal or vertical flow direction. Его содержимое может переноситься из одной строки или столбца в следующую строку или столбец. You can wrap the control’s contents from one row to the next, or from one column to the next. Кроме того, вместо переноса содержимое может обрезаться. Alternately, you can clip instead of wrap its contents.
Чтобы определить направление содержимого, задайте свойство FlowDirection. You can specify the flow direction by setting the value of the FlowDirection property. Содержимое элемента управления FlowLayoutPanel размещается правильно при использовании направления справа налево. The FlowLayoutPanel control correctly reverses its flow direction in Right-to-Left (RTL) layouts. С помощью свойства WrapContents можно указать, должно ли содержимое элемента управления FlowLayoutPanel переноситься или обрезаться. You can also specify whether the FlowLayoutPanel control’s contents are wrapped or clipped by setting the value of the WrapContents property.
Если свойству AutoSize присвоено значение true , размер элемента управления FlowLayoutPanel автоматически изменяется в соответствии с содержимым. The FlowLayoutPanel control automatically sizes to its contents when you set the AutoSize property to true . Дочерние элементы управления также получают свойство FlowBreak . It also provides a FlowBreak property to its child controls. Если свойству FlowBreak присвоено значение true , элементы управления внутри элемента FlowLayoutPanel перестают размещаться в текущем направлении и переносятся на следующую строку или в следующий столбец. Setting the value of the FlowBreak property to true causes the FlowLayoutPanel control to stop laying out controls in the current flow direction and wrap to the next row or column.
На изображении выше представлены два элемента управления FlowLayoutPanel с заданным свойством BorderStyle, чтобы продемонстрировать границы панели. The image above has two FlowLayoutPanel controls with the BorderStyle property set to demonstrate the bounds of the control.
Контейнер: табличный макет Container: Table layout
Элемент управления TableLayoutPanel упорядочивает содержимое в сетке. The TableLayoutPanel control arranges its contents in a grid. Так как макет строится как во время разработки, так и во время выполнения, его можно изменять динамически по мере изменения среды приложения. Because the layout is done both at design time and run time, it can change dynamically as the application environment changes. Это позволяет пропорционально изменять размер элементов управления на панели с учетом изменений, например изменения размера родительского элемента управления или изменения длины текста в результате локализации. This gives the controls in the panel the ability to resize proportionally, so they can respond to changes such as the parent control resizing or text length changing because of localization.
Любой элемент управления Windows Forms, включая другие экземпляры TableLayoutPanel, может быть дочерним относительно элемента TableLayoutPanel. Any Windows Forms control can be a child of the TableLayoutPanel control, including other instances of TableLayoutPanel. Это позволяет создавать сложные макеты, динамически меняющиеся во время выполнения. This allows you to construct sophisticated layouts that adapt to changes at run time.
Также можно управлять направлением расширения элемента управления TableLayoutPanel (горизонтальное или вертикальное) после его заполнения дочерними элементами управления. You can also control the direction of expansion (horizontal or vertical) after the TableLayoutPanel control is full of child controls. По умолчанию элемент управления TableLayoutPanel развертывается вниз путем добавления строк. By default, the TableLayoutPanel control expands downward by adding rows.
Для изменения размера и стиля строк и столбцов можно использовать свойства RowStyles и ColumnStyles. You can control the size and style of the rows and columns by using the RowStyles and ColumnStyles properties. Свойства строк и столбцов можно задавать по отдельности. You can set the properties of rows or columns individually.
Элемент управления TableLayoutPanel добавляет следующие свойства в свои дочерние элементы управления: Cell , Column , Row , ColumnSpan и RowSpan . The TableLayoutPanel control adds the following properties to its child controls: Cell , Column , Row , ColumnSpan , and RowSpan .
На изображении выше показана таблица с заданным свойством CellBorderStyle, чтобы продемонстрировать границы каждой ячейки. The image above has a table with the CellBorderStyle property set to demonstrate the bounds of each cell.
Контейнер: контейнер разбиения Container: Split container
Элемент управления Windows Forms SplitContainer состоит из двух панелей, разделенных подвижной полосой. The Windows Forms SplitContainer control can be thought of as a composite control; it’s two panels separated by a movable bar. При наведении указателя мыши на полосу его форма изменяется, показывая, что полоса является перемещаемой. When the mouse pointer is over the bar, the pointer changes shape to show that the bar is movable.
С помощью элемента управления SplitContainer можно создавать сложные пользовательские интерфейсы. Часто выбор на одной панели определяет объекты, представленные на другой. With the SplitContainer control, you can create complex user interfaces; often, a selection in one panel determines what objects are shown in the other panel. Такой подход является эффективным для отображения и просмотра информации. This arrangement is effective for displaying and browsing information. Две панели позволяют группировать информацию, а полоса или разделитель упрощают изменение размера панелей. Having two panels lets you aggregate information in areas, and the bar, or «splitter,» makes it easy for users to resize the panels.
На изображении выше имеется контейнер разбиения для создания левой и правой областей. The image above has a split container to create a left and right pane. В правой панели содержится второй контейнер разбиения, для которого свойству Orientation задано значение Vertical. The right pane contains a second split container with the Orientation set to Vertical. Свойство BorderStyle задается, чтобы продемонстрировать границы каждой панели. The BorderStyle property is set to demonstrate the bounds of each panel.
Контейнер: Элемент управления табуляции Container: Tab control
Элемент управления TabControl используется для отображения нескольких вкладок, аналогичных разделителям в записной книжке или меткам в наборе папок в картотеке. The TabControl displays multiple tabs, like dividers in a notebook or labels in a set of folders in a filing cabinet. Вкладки могут содержать изображения и другие элементы управления. The tabs can contain pictures and other controls. Используйте вкладки для создания многостраничного диалогового окна, которое появляется во многих местах в операционной системе Windows, например на панели управления и в свойствах отображения. Use the tab control to produce the kind of multiple-page dialog box that appears many places in the Windows operating system, such as the Control Panel and Display Properties. Кроме того, TabControl можно использовать для создания страниц свойств, которые используются для задания группы связанных свойств. Additionally, the TabControl can be used to create property pages, which are used to set a group of related properties.
Наиболее важным свойством TabControl является TabPages, которое содержит отдельные вкладки. The most important property of the TabControl is TabPages, which contains the individual tabs. Каждая отдельная вкладка является объектом TabPage. Each individual tab is a TabPage object.