TabControl и работа со вкладками

1. Элемент управления TabControl

2.

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

3.

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

4.

При переносе элемента TabControl с панели
инструментов на форму по умолчанию создаются две
вкладки - tabPage1 и tabPage2.
Изменить их отображение можно с помощью свойства TabPages.

5. Свойства TabControl

6.

Свойства TabControl
Свойство
Описание
Alignment
Appearance
Задает местоположение вкладок
ImageList
Объект ImageList, из которого получаются изображения этой
вкладки
ItemSize
Multiline
SelectedIndex
SelectedTab
TabCount
TabPages
Задает ширину вкладок
Указывает, прорисовываются ли вкладки как кнопки или как
обычные вкладки.
Указывает, разрешено ли несколько рядов вкладок
Определяет индекс выбранной вкладки
Получает или задает выбранную вкладку
Возвращает количество TabPages в TabControl
Позволяет получить доступ к вкладке страниц TabControl,
добавлять или удалять закладки

7.

Самым важным свойством TabControl является
свойство TabPages, которое содержит отдельные
страницы.
Каждая вкладка — это отдельный объект
TabPage со своими свойствами, методами и
событиями. При переключении с одной
страницы на другую, щелкая мышью на вкладке,
возникает событие Click для объекта TabPage.

8. Создание страниц

1 способ
Опции, позволяющие
добавлять или удалять
страницы
свойство MultiLine– отображение всех страниц сразу

9. Создание страниц

2 способ
Свойство TabPages

10.

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

11. Управление вкладками в коде

Для добавления новой вкладки,
надо ее создать и добавить в
коллекцию tabControl1.TabPages
с помощью метода Add:
//добавление вкладки
TabPage newTabPage = new TabPage();
newTabPage.Text = «новая вкладка";
tabControl1.TabPages.Add(newTabPage);
// удаление вкладки
// по индексу
tabControl1.TabPages.RemoveAt(0);
// по объекту
tabControl1.TabPages.Remove(newTabPage);
Получая в коллекции tabControl1.TabPages нужную вкладку по индексу, можно ею
управлять:
// изменение свойств
tabControl1.TabPages[0].Text = "Первая вкладка";

12. Пиктограммы на вкладках

1. в форму поместить компонент ImageList, задать в нем пиктограммы (их
надо заранее заготовить с расширением * .icon)
2. установить свойство ImageList компонента TabControl (привязать
компонент ImageList через это
свойство к компоненту
TabControl)
3. активизировать нужную вкладку
и ее свойство ImageIndex установить
на индекс подходящей пиктограммы.

13. Расположение вкладок

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

14. Форма вкладок

Свойство Appearance отображение вкладок в виде
кнопок
tabControl.Appearance = TabAppearance.FlatButtons;

15. Форма вкладок

Заголовки могут иметь три формы:
нормальную,
в виде кнопок,
в виде таких же кнопок, но разделенных между собой вертикальными
полосами.

16.

Метод SelectedIndex —
содержит номер активной страницы
(если ему присвоить целое значение, то страница с соответствующим
номером (отсчет от нуля) станет активной (доступной)).
• если в TabControl ни одна страница не выбрана, то значение
SelectedIndex равно –1.
• если надо программно открыть страницу, то следует выполнить
команду (например, для страницы 2):
tabControl1.SelectedIndex = 1;

17. метод TabControl.SelectTab

Метод SelectTab(), имеющий три варианта реализации и
позволяющий в режиме исполнения приложения активизировать
нужную страницу.
Здесь в качестве параметра задаются:
1) SelectTab(String) - Делает вкладку с указанным именем
текущей
2) SelectTab(TabPage) - Делает указанную вкладку TabPage
текущей вкладкой.
3) SelectTab(Int32) - Делает вкладку с указанным индексом
текущей.

18.

Свойство SelectedTab — представляет собой
выбранную страницу
(объект TabPage)
Если требуется программно открыть страницу, то надо
выполнить такую команду (например, для страницы 2):
tabControl1.SelectedTab = tabPage2;

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

Задать Enabled свойство TabPage для true или false.
tabPage1.Enabled = false;

20. Включение или отключение вкладки

Скрыть вкладку
tabControl1.TabPages[1].Parent = null;
Отобразить вкладку
tabControl1.TabPages[1].Parent = tabControl1;

21. методы TabControl.SelectTab

Метод SelectTab(), имеющий три варианта реализации и
позволяющий в режиме исполнения приложения активизировать
нужную страницу.
Здесь в качестве параметра задаются:
1) SelectTab(String) - Делает вкладку с указанным именем
текущей
2) SelectTab(TabPage) - Делает указанную вкладку TabPage
текущей вкладкой.
tabControl1.SelectedTab = tabPage2;
1) SelectTab(Int32) - Делает вкладку с указанным индексом
текущей.

22.

{
if(i== 0)
{tabControl1.SelectTab(i+1); i=1; }
else
{tabControl1.SelectTab(i-1); i=0; }
}

23. Свойства страницы TabPage

24. свойства страницы TabPage

Каждая страница компонента TabControl представляет
собой отдельный объект — экземпляр класса TabPage со
своими свойствами, методами и событиями.
Перечень свойств страницы, отображается в окне
Properties

25.

Свойства TabPage
Свойство
Описание
ImageIndex
Возвращает или задает индекс, отображаемый на этой
вкладке.
ImageKey
Возвращает или задает ключ метода доступа для
изображения в ImageList инициированного в TabControl
Text
Текст, который отображается на кнопке вкладки
TabPage

26.

Удаление вкладки программным способом
Метод Remove свойства TabPages - удалить выбранные вкладки
tabControl1.TabPages.Remove(tabControl1.SelectedTab);
Метод Clear свойства TabPages - удалить все вкладки
tabControl1.TabPages.Clear();