Высокоуровневые методы информатики и программирования Лекция 21 Элементы управления. - презентация

1 Высокоуровневые методы информатики и программирования Лекция 21 Элементы управления

2 План работы Базовый класс элементов управления – Control Основные свойства и методы базового класса Основные элементы управления

3 Элементы управления (Controls) Классы производные от базового класса System.Windows.Forms.Control. Наследуют всю функциональность данного класса.

4 Типы элементов управления Визуальные элементы управления (controls) Компоненты (components) – не визуальные элементы управления

5 Некоторые базовые свойства класса System.Windows.Forms.Control Handle – номер окна Windows BackColor, ForeColor – фоновый цвет и цвет рисования Left, Top, Right, Bottom – координаты точек диагонали Height, Width – высота и ширина Size – размер окна ContextMenu – ссылка на контекстное меню Cursor - ссылка на курсор Name – имя элемента для работы системы разработки Parent – ссылка на родительское окно Text – заголовок Font – используемый шрифт Controls – список других элементов управления (если контейнер) TabIndex – порядок перехода при нажатии клавиши Tab Focused – имеет ли окно фокус ввода (get). Anchor – связывание со сторонами родительской формы. Dock – присоединение к сторонам родительской формы.

6 Размер окна Свойство Size – начальный размер окна. Свойство FormBorderStyle задает вид рамки формы: –Sizable – рамка с изменяющимся размером; при изменении размера возникает событие SizeChanged; –FixedSingle –Fixed3D –FixedDialog

7 Свойство Anchor Задает стороны родительского окна с которыми ЭУ связан. В этом случае, если родительское окно меняет размеры, то расстояние от ЭУ до заданных сторон родительской формы будет поддерживаться постоянным (неизменным). –Например, если задан ЭУ Button, который привязан к left и right, button1.Anchor = (AnchorStyles.Left | AnchorStyles.Right); то при изменении размера формы ЭУ Buton изменяет свои размеры так, чтобы сохранить расстояние до левой и правой сторон формы. Если ЭУ не привязан к сторонам формы и размер формы можно менять, положение ЭУ относительно сторон формы меняется.

8 Свойство Dock Задание присоединения (dock) границ ЭУ к границам родительского ЭУ и определения того, как ЭУ меняет свои размеры при изменений размеров родительского ЭУ. Свойства Anchor и Dock являются взаимно исключающими. Только одно может быть задано для ЭУ.Anchor

9 Некоторые основные методы класса System.Windows.Forms.Control Show() – показать окно на экране; Hide() - спрятать окно (убрать с экрана); OnEvent() – обработать заданное событие; CreateGrafics() – создать элемент класса Grafics для рисования в окне; Update() – обновить содержание окна; Invalidate() – объявить содержание окна неправильным, что заставляет ОС отправить событие WM_PAINT о необходимости перерисовки содержания окна.

10 Группы элементов управления Более 50 элементов управления (классов) Стандартные элементы управления Компоненты (не визуальные ЭУ) Элементы управления для работы с меню и инструментальными полосами Элементы управления для работы с принтером Общие диалоги Элементы управления для работы с базой данных

11 Использование элементов управления 1.Включить в состав класса Form переменные требуемых типов 2.Создать экземпляры классов элементов управления 3.Задать их начальные свойства 4.Создать методы - обработчики событий 5.Связать эти методы с события элемента управления 6.Добавить созданные объекты к коллекции Controls

12 Иерархия классов – элементов управления

13 Стандартные элементы управления – Common Controls Label (метки) LinkLabel (метки) Button (кнопки) RadioButton (кнопки) CheckBox (флажки) CheckedListBox (флажки) ListBox (флажки) ListView (списки) ComboBox (списки) TextBox (текст) RichTextBox (текст) MaskedTextBox (текст) NotifyIcon NumericUpDown PictureBox (графика) ProgressBar ToolTip TreeView (дерево) WebBrowser DateTimePicker MonthCalendar

14 Компоненты Элементы управления без визуального интерфейса Timer FileSystemWatcher BackgroundWorker HelpProvider ImageList SerialPort ServiceController

15 Элементы управления для работы с принтером - Printing PrintDialog PageSetupDialog PrintDocument PrintPreviewDialog PrintPreviewControl

16 Автоматизация программирования на основе визуальных действий с элементами управления

17 Автоматизация создания программы Шаблон проекта –Создает минимально требуемый для программы определенного типа набор файлов –Заполняет файлы текстом простейшей программы Конструктор - дизайнер формы –В визуальном режиме позволяет добавлять элементы управления к форме и задавать начальные значения их свойствам –На основе действий пользователя автоматически генерируется код программы

18 Инструменты Windows Forms Designer «Конструктор форм Windows» - специальные подсистемы в Visual Studio для работы с инструментами визуальной разработки. Набор элементов управления (Toolbox) Форма – контейнер для размещения элементов управления Окно Properties для работы со свойствами элементов управления в режиме проектирования (design mode)

19 Окно c набором элементов управления «Tollbox» Содержит все элементы управления, которые могут быть размещены на форме Все элементы разделены на группы Позволяет выбрать нужный элемент управления и перетащить его на форму

20 Просмотр свойств объекта Выделить элемент (должны появиться handles) Выделить элемент и выбрать команду Properties в контекстном меню.

21 Окно свойств «Properties» Позволяет выбрать свойство, посмотреть значение и задать новое значение.

22 События элемента в окне свойств Выбрать событие Двойной щелчок на имени события – создание пустого обработчика событий со стандартным именем. Задание имени и щелчок - создание пустого обработчика событий со стандартным именем. Одинарный щелчок на имени события – переход к обработчику событий. Можно сменить имя обработчика события

23 Работа дизайнеров В Visual Studio имеется несколько визуальных проектировщиков форм (visual forms designers) Основные операции: –«Перетащить и уронить» (drag-and-drop) на форме элемент управления –Перемещение элементов управления на форме (перетащить) и выбор их размеров –Задание свойств элементов управления в окне Properties –Назначение обработчиков событий для элементов управления Дизайнеры предназначены для формирования частей программы на основе интерпретации действий программиста с инструментами –Добавление элемента управления на форму – вставка объекта соответствующего класса в класс формы –Размещение и изменение размеров – задание свойств созданных объектов –Задание параметров элемента управления – присвоение значений свойствам созданных объектов. –Задание обработчиков событий для элементов управления – создание методов для обработки событий и присвоение их соответствующим делегатам классов элементов управления.

24 Разделение классов на части Для формы создаются 2 файла –Form1.cs (в котором записываются обработчики событий, с которыми работает программист) –Form1.Designer.cs (часть класса производного от Form, с которой работает программа-дизайнер, без необходимости не менять, но нужно понимать, что в этом файле содержится) В этих файлах описывается один класс с ключевым словом partial: partial class Form1 {... } Файл Form1.Designer.cs хранит часть класса производного от Form, с которой работает дизайнер. Файл Form1.cs хранит часть класса производного от Form, с которой работает программист (обработка событий элементов управления). Для просмотра кода из файла Form1.cs нужно выбрать в контекстном меню команду View Code Кроме файлов формы создается файл Program.cs с методом Main, в котором создается экземпляр нового класса форм и показывается окно программы.

25 Окно управления решением В проект включены три файла: –Form1.cs –Form1.Designer.cs –Program.cs

26 «Windows Forms Designers поможет только до определенного момента, а потом вам придется писать код и, возможно, разбираться в том, что генерирует для вас Windows Forms Designers» Чарльз Петзольд

27 Описание отдельных типов ЭУ

28 Класс меток - Label Предназначен для вывода текста на форму Основные свойства –Text –Font –ForeColor

29

30 Класс меток-ссылок LinkLable Свойство –LinkArea –Links –LinksData –bool LinkVisited –LinkColor –VisitedLinkColor –ActiveLinkColor Событие –LinkClicked

31 Наследование классов кнопок

32 Класс кнопок - Button Элемент для сообщения о щелчке –Левая клавиша мыши –Клавиша пробел на клавиатуре Основное событие: –Click

33 Класс флажков - CheckBox состоит из маленького прямоугольника и текстовой строки основные свойства –bool Checked (get/set) – по умолчанию false –bool AutoCheck (get/set) – по умолчанию true –Appearance (get/set) – Normal, Button основное событие – изменение состояния –CheckedChanged

34 Класс переключателей -RadioButton для выбора из группы опций Объединяются в группы (элемент GroupBox) в которых выбран может быть только один переключатель Основные свойства –bool Checked (get/set) –bool AutoCheck (get/set) Основное событие –CheckedChanged (изменение состояния)

35 Порядок работы с переключателями Установить на форму элемент GroupBox и задать Text Поместить в элемент GroupBox элементы RadioButton

36 Текстовые поля - TextBox для ввода текста в программу основные свойства –string Text (get/set) –int MaxLength(get/set) –int TextLength (get) –string[] Lines (get/set) –bool Multiline (get/set) (по умолчанию false) основное событие –TextChanged имеет smart tag (задать Multiline)

37 Пример текстового поля Другие свойства –PasswordChar – задать заменитель для введенных символов –ReadOnly –CharacterCasing (Normal – 0; Upper – 1; Lower - 2) –Полосы прокрутки для (Multiline = true и WordWrap=false)

38 Методы текстового поля bool Modified (get/set) void Undo() void Сut() void Copy() void Paste() void Clear()

39 Элемент RichTextBox Поддерживает форматированный текст (rich text), в котором могут применяться разные шрифты, цвета, отступы абзацев и табуляция. Может импортировать и экспортировать текст в формате RTF (Reach Text Format) Свойства –string Rtf (get/set) задать или получить текст в формате RTF Методы –LoadFile –SaveFile

40 Элемент MaskedTextBox Улучшенный элемент TextBox Свойство –string Mask (get/set) – шаблон вводимых данных

41 Описание элементов в шаблоне Элемент шаблона Описание 0 Digit, required. This element will accept any single digit between 0 and 9. 9Digit or space, optional. # Digit or space, optional. If this position is blank in the mask, it will be rendered as a space in the Text property. Plus (+) and minus (-) signs are allowed.Text L Letter, required. Restricts input to the ASCII letters a-z and A-Z. This mask element is equivalent to [a-zA-Z] in regular expressions. ? Letter, optional. Restricts input to the ASCII letters a-z and A-Z. This mask element is equivalent to [a-zA-Z]? in regular expressions. …

42 Окно списков ListBox Часто используется в тех же целях, что и группа переключателей (RadioButton) – чтобы пользователь мог выбрать один элемент из нескольких. Занимает меньше место на форме и позволяет выбирать несколько элементов. Имеет свойства –Коллекция Items Items[индекс] (get/set) Items.Add(object), Remove(object), Clear(), Count –int SelectionMode (None -0; One – 1; MultipleSimple - 2) –bool Sorted (get/set) –int SelectedIndex = 0; –object SelectedItem (get/set)

43 Окно списков ListBox Примеры свойств: –object SelectedItem тоже самое, что и object Items[lstbox.SelectedIndex] –object SelectedValue – значение, связанное с выбранным элементом; –string Text – текстовое значение выделенного элемента (если в классе задан метод ToString - lstbox.SelectedItem.ToString()) –ListBox.SelectedIndexCollection SelectedIndexes (get) –ListBox.SelectedObjectCollection SelectedItems (get) Методы: –void SetSelected(int index, bool bSelect) –bool GetSelected(int index) –void ClearSelected() События –SelectedIndexChanged - пользователь выбрал другое значение из списка

44 Коллекция элементов ListBox Коллекция элементов Items –Add (object o) – добавление элемента; –Insert(int n, object o) - вставка элемента в заданное место; –RemoveAt (int n) – удаление элемента из заданного места; –Remove (object o) - удаление заданного объекта; –Clear() – удалить все объекты

45 Связывание с источником данных DataSource = Book; string DisplayMember = "Name"; string ValueMember = Id"; SelectedIndex = 0;

46 Комбинированные окна ComboBox Текстовое поле + Окно списка Свойства: –DropDownStyle Simple (0) – поле можно редактировать, список всегда показывать DropDown (1) - поле можно редактировать, список выпадает (по умолчанию) DropDownList (2) - поле нельзя редактировать, список выпадает Основные события: – TextChanged – при каждом изменении текста в текстовом поле – SelectedIndexChanged –выбор другого элемента

47 Элемент CheckedListBox Класс производный от класса ListBox string[] myFruit = {"Apples", "Oranges","Tomato"}; checkedListBox1.Items.AddRange(myFruit);

48 Класс PictureBox Вывод изображения в в окне Свойства –Image – изображение (bmp, gif, jpg, wmf, ico); –ImageLocation – путь к файлу (метод Load) –SizeMode – PictureBoxSizeMode (Normal, StretchImage; AutoSize; CenterImage; Zoom); –BoderStyle

49 Элемент управления WebBrowser Показать web страницу на форме Свойства –URL (get/set) – адрес страницы; –Document (get) – получить HTMLDocument показанной web- страницы; –string DocumentText (get/set) - содержание HTML страницы; –string DocumentTitle (get) – получить заголовок страницы Методы –void Navigate ( string urlString ) – загрузить и показать новую страницу –void GoHome () – перейти к странице по умолчанию –bool GoBack () – перейти к предыдущей странице истории –bool GoForward () – перейти к следующей странице истории Событие –event WebBrowserDocumentCompletedEventHandler DocumentCompleted – завершение загрузки документаWebBrowserDocumentCompletedEventHandler

50 Элемент управления ProgressBar Показывает ход выполнения долгой операции Свойства –Style –Value –Maximum –Minimum

51 Элемент NumericUpDown для задания цифрового значения с помощью мыши Свойства –decimal Minimum –decimal Maximum –decimal Value –decimal Increment Свойства –event EventHandler ValueChanged

52 Подсказки - ToolTip Небольшое прямоугольное окно с пояснительными текстом Нужно добавить к форме элемент ToolTip Для отображения надо –В обработчике события Form1_Load для элементов управления к которым нужно добавить пояснение вызвать метод void SetToolTip(Control cntl, string strTip) –Или в свойствах элементов формы задать текст Для удаления подсказки вызвать метод void SetToolTip(Control cntl, null)

53 Элементы управления DataTimePicker и MonthCalendar MonthCalendar – выбор даты или интервала дат –Событие DateChanged (параметр - DateRangeEventArgs е.Start и e.End) DataTimePicker – для выбора одной даты (Value) или одного значения времени (ShowUpDown – true; Format - Time)

54 Класс таймер - Timer Инициирует события через заданные интервалы времени Свойства –int Interval (миллисекунды) –bool Enabled Методы –void Start () – начать работу –void Stop () – закончить работу Событие –event EventHandler Tick

55 Контейнеры GroupBox – группа элементов Panel – панель с элементами SplitContainer – разделяемый контейнер TabControl – панели с закладками TableLayoutPanel – табличная разметка

56 Связывание ЭУ с данными Выполняется для ЭУ ListBox, ComboBox. Используется свойство DataSource. Для связывания нужно задать значение DataSource = Отображаемое значение - свойство DisplayMember = имя свойства класса (не поле) Используемое значение - Свойство ValueMember=имя свойства класса (не поле)

57 Методы класса Form Методы управления окном –Show() – показать окно –Hide() – спрятать окно –Close() – закрыть окно Методы обработки событий – созданные и подключенные обработчики событий –Paint – –Load – –Resize - –OnPaint(object, PaintEventArgs)