Для ввода текстовых данных в приложении .NET MAUI могут использоваться два типа компонентов — Editor(многострочный редактор) и Entry(однострочный редактор). В этой части мы рассмотрим работу с текстовыми полями в .NET MAUI и XAML
.NET MAUI
Кнопки в .NET MAUI: Button и ImageButton
В .NET MAUI можно выделить два вида кнопок — это Button (обычные кнопки) и ImageButton (кнопка у которой в качестве содержимого выступает какая-либо картинка). Рассмотрим работу с этими компонентами управления.
.NET MAUI. Работа с текстом и шрифтами
Многие элементы управления в .NET MAUI могут отображать какой-либо текст. Например, такие элементы как метки (Label), кнопки (Button), а также различные списки и коллекции могут содержать такие свойства для работы с текстом и шрифтами как Font, Font, Text, Text и другие. В этой части мы рассмотрим работу с этими другими свойствами элементов XAML, отвечающими за работу с текстом в .NET MAUI
.NET MAUI. Работа с цветом (класс Color)
Так же, как и свойства размеров и позиционирования XAML-элементов, свойства, отвечающие за цветовое оформление того или иного элемента управления в XAML присущи многим компонентам в .NET MAUI. Поэтому в этой части мы рассмотрим эти свойства, а также способы работы с цветом в XAML. В зависимости от того, с каким компонентом мы работаем, у этого компонента могут быть различные свойства для работы с цветом. Например, метка (Label) содержит свойство Background, определяющее цвет заливки, кнопка (Button) содержит такие свойства как Background, BorderColor (цвет границы) иTextColor (цвет текста) и так далее. Работа с цветом в XAML может осуществляться различными способами, которые мы рассмотрим далее
Контейнеры компоновки (макеты). Grid
Контейнер Grid — это еще один контейнер компоновки, доступный нам в .NET MAUI. Отличие от рассмотренных нами ранее контейнеров компоновки, Grid позволяет размещать дочерние компоненты в сетке (таблице). В этой части мы рассмотрим основные моменты по использованию Grid в XAML.
Контейнеры компоновки (макеты). AbsoluteLayout
Контейнер компоновки AbsoluteLayout используется в том случае, если вам необходимо указать абсолютные размеры и положение дочерних элементов в контейнере. В большинстве случаев используются контейнеры типа FlexLayout или StackLayout, которые самостоятельно позиционируют дочерние элементы, однако, иногда и AbsoluteLayout может нам потребоваться для построения графического интерфейса приложения .NET MAUI.
Контейнеры компоновки (макеты). FlexLayout
Изначально, за основу этого контейнера компоновки была взята концепция модуля CSS FlexBox. Как и StackLayout, FlexLayout позволяет размещать элементы в строках или столбцах, но, при этом, имеет ряд особенностей, позволяющих создавать «гибкий» интерфейс.
Контейнеры компоновки (макеты). StackLayout, HorizontalStackLayout и VerticalStackLayout
Контейнеры компоновки (макеты) используются для того, чтобы упорядочить различные элементы управления на странице приложения или на в отдельное её части. В .NET MAUI мы можем использовать различные контейнеры, позволяющие упорядочивать компоненты, располагая их по горизонтали, вертикали, в табличном виде и так далее. Так, можно выделить следующие контейнеры компоновки доступные нам в .NET MAUI: StackLayout, HorizontalStackLayout, VerticalStackLayout, AbsoluteLayout, FlexLayout и Grid. Разберемся с работой этих компонентов и начнем с первых трех — StackLayout, HorizontalStackLayout и VerticalStackLayout так как это, можно сказать, «родственные» компоненты.
Свойства размеров и позиционировния XAML-элементов
В XAML элементы могут иметь достаточно большое количество различных свойств. Однако только часть из них отвечает за размеры и позиционирование элемента, то есть за то где XAML-элемент будет расположен и как. В этой части мы рассмотрим основные свойства размеров и позиционироваться XAML-элементов.
XAML-элементы
При построении графического интерфейса пользователя с использованием XAML мы задействуем различные XAML-элементы, которые представляют собой декларацию объекта одного из типов C#. Например, в предыдущей части мы рассмотрели то, как в декларируется XAML-элемент Button (кнопка) и как в дальнейшем мы можем использовать объект типа Button в коде C#. В этой части мы подробнее рассмотрим работу с XAML-элементами в .NET MAUI.