хз. Wpf стили и свойства основных элементов
 Скачать 1.69 Mb.
|
|
WPF Стили и свойства основных элементов Свойства Параметры элементов, изменение которых приводит к изменению внешнего вида элемента управления. У многих элементов есть похожий набор доступных свойств, так как они реализуют общие интерфейсы с этими свойствами. Распространенные свойства Название элемента Name = «BtnLogin» Свойства выравнивания
VerticalAlignment = «Top|Bottom|Center|Stretch» Свойства позиционирования (примеры были в прошлой лекции) Grid.Row, Grid.Column Grid.RowSpan, Grid.ColumnSpan Внешние и внутренние отступы (1,2 или 4 числа через запятую) Margin = «5|5,15|5,15,5,0» Padding = «5|5,15|5,15,5,0» Текст (У некоторых элементов) Text = «Привет, мир!» Заливка (указывается цвет из констант или через #)
Цвет фона Background = «Red» Шрифт Тип шрифта FontFamily = «Times New Roman» Размер шрифта FontSize = «20» Видимость Visibility = «Visible|Hidden|Collapsed» Включение/отключение взаимодействия IsEnabled = «True|False» Доступ к элементу в режиме «для чтения» IsReadOnly = «True|False» Ответ на взаимодействие пользователя с элементом управления. Необходимо обрабатывать. Можно из XAML, можно из панели событий. Важно дать элементу имя для корректной генерации названия события. F12 по названию события для его создания в коде (провалимся в событие). Button Кнопка для взаимодействия с пользователем. Самое распространенное событие – Click. Содержимое (свойство Content), может быть не только текстом, но и другими элементами. TextBlock Элемент для вывода текстовой информации. Ключевым свойством здесь является свойство Text, которое задает текстовое содержимое. Причем в случае Свойство TextAlignment выравнивает текст по центру (значение Center), правому (Right) или левому краю (Left): Свойство TextWrapping позволяет переносить текст при установке этого свойства TextWrapping="Wrap". По умолчанию это свойство имеет значение NoWrap, поэтому текст не переносится. Свойство LineHeight позволяет указывать высоту строк. TextBlock С помощью таких свойств, как FontFamily, TextDecorations и др., мы можем настроить отображение текста. Однако мы можем задать и более сложное форматирование, например: Run - куски обычного текста c форматированием. Для декорации текста используется свойство TextDecorations, например, если TextDecorations="Underline", то текст будет подчеркнут. Если нам вдруг потребуется перенести текст на другую строку, то тогда мы можем использовать элемент LineBreak: TextBox Элемент для ввода текстовой информации. С помощью свойства MaxLength можно задать предельное количество вводимых символов. TextChanged – событие изменения текста. (Либо в разметке, либо на панели событий справа, обязательно укажите имя до этого). TextBox TextChanged – событие изменения текста. (Либо в разметке, либо на панели событий справа, обязательно укажите имя до этого). Генерация события в коде происходит с помощью клавиши F12 на названии события. Пример обработки события: PasswordBox Элемент предназначен для ввода парольной информации. По сути это тоже текстовое поле, только для ввода символов используется маска. Свойство PasswordChar устанавливает символ маски, отображаемый при вводе пароля. Если это свойство не задано, то по умолчанию для маски символа используется черная точка. Свойство Password устанавливает парольную строку, отображаемую по умолчанию при загрузке окна приложения. Image Элемент для вывода изображений. В структуру проекта добавить папку Assets (ПКМ на проекте -> Add -> New Folder -> Assets). Скопировать – Вставить в папку нужную картинку. Выбрать изображение в свойстве Source в выпадающем списке. Image Готово! Обратите внимание, значение свойства можно указать как в верстке, так и в панели свойств справа. В случае с картинкой более удобен был второй вариант, так как Source предлагает выпадающий список с ресурсами. Image Свойство Stretch отвечает за позиционирование изображения внутри элемента. Стили Если несколько одинаковых элементов (например, Button) используют одни и те же значения свойств, есть смысл вынести эти значения отдельным стилем, чтобы ускорить процесс верстки. Прописываются в App.xaml Стили Новый стиль – новый тег Style. Значения свойств устанавливаются с помощью свойств Property (название), Value (значение свойства). Свойство TargetType применяет стиль для всех элементов указанного типа. Значения свойств в самом теге элемента имеют более высокий приоритет, чем стиль. Опасно делать общий стиль на Textblock, так как все сложные элементы в WPF состоят из более простых и подхватят глобальный стиль. Стили Для разных целей можно использовать разные стили. Для этого в стиле прописывается ключ (x:Key). А потом используется в свойстве Style элемента. Any questions? Задание Опробовать указанные в презентации приёмы использования элементов и стилей. Если что-то не понятно – не стесняйтесь и задавайте вопросы =) Дополнительное чтение:
https://metanit.com/sharp/wpf/5.1.php Видео: https://nationalteam.worldskills.ru/skills/sozdanie-karkasa-prilozheniya-sozdanie-i-ispolzovanie-stiley/ |