Перейти к основному содержимому

Встроенные компоненты

Ниже представлены некоторые из наиболее часто используемых компонентов Avalonia, организованные по категориям:

Компоненты компоновки

КомпонентОписание
BorderОформляет один дочерний элемент границей и фоном.
CanvasОтображает дочерние компоненты в указанных позициях.
Dock PanelРазмещает дочерние компоненты вдоль указанных краев (верхний, нижний, левый, правый), при этом один из них заполняет оставшееся пространство.
ExpanderИмеет область заголовка (всегда видимую) и сворачиваемую секцию содержимого (один дочерний элемент).
GridРазмещает дочерние компоненты в ячейках сетки, расположенных по строкам и столбцам. Ячейки могут охватывать несколько строк и столбцов.
Grid SplitterМожет быть добавлен в сетку, чтобы позволить пользователю изменять размер строк или столбцов во время выполнения.
PanelУкладывает дочерние компоненты друг на друга.
Relative PanelПозволяет размещать несколько дочерних компонентов. Положение и выравнивание дочерних компонентов можно указать относительно самой панели или относительно других дочерних компонентов. Размер дочерних компонентов может быть указан явно или вычислен на основе отношений и выравниваний.
Scroll ViewerДобавляет полосы прокрутки и поведение прокрутки, если (единственный) дочерний элемент больше доступного пространства.
Split ViewДобавляет сворачиваемую панель к краю своей зоны содержимого (один дочерний элемент).
Stack PanelПозволяет размещать несколько дочерних компонентов, расположенных последовательно, горизонтально или вертикально.
Tab ControlКомпонент вкладок позволяет разделить представление на элементы вкладок.
Uniform GridПозволяет размещать несколько дочерних компонентов в сетке с ячейками одинакового размера столбцов и строк.
Wrap PanelРасполагает дочерние компоненты последовательно слева направо, пока они помещаются по ширине. Начинает новую строку, когда не остается места.

Кнопки

КомпонентОписание
ButtonБазовый компонент кнопки - может отображать текст, значок или и то, и другое. Имеет стандартное поведение при нажатии.
Repeat ButtonКнопка, которая многократно вызывает событие нажатия, когда её нажимают и удерживают.
Radio ButtonКнопка, которая имеет выбранное состояние. Может быть помещена в группу, так что выбор одной кнопки отменяет выбор всех остальных в группе.
Toggle ButtonКнопка, которая имеет выбранное и невыбранное состояния. Последующие нажатия 'переключают' это состояние. Псевдокласс 'checked' позволяет применять различные стили к выбранному и невыбранному состояниям.
Button SpinnerКомпонент с двумя кнопками вращения и зоной содержимого.
Split ButtonФункционирует как кнопка с основной и дополнительной частями, которые могут быть нажаты независимо друг от друга. Основная часть работает как стандартная кнопка, а дополнительная открывает всплывающую панель с дополнительными действиями.
Toggle Split ButtonФункционирует как кнопка с основной и дополнительной частями, которые могут быть нажаты независимо друг от друга. Основная часть работает как переключаемая кнопка, а дополнительная открывает всплывающую панель с дополнительными действиями.

Компоненты повторяющихся данных

Эти компоненты отображают повторяющиеся данные в табличном или списочном формате:

КомпонентОписание
Data GridОтображает данные в настраиваемой сетке.
Items ControlОтображает коллекцию элементов из привязанного источника данных.
Items RepeaterОтображает повторяющиеся данные из привязанного источника данных. Имеет как шаблон компоновки, так и шаблон данных.
List BoxКомпонент с элементами, которые могут быть выбраны.
Combo BoxКомпонент с выпадающим списком, элементы которого могут быть выбраны.

Отображение и редактирование текста

КомпонентОписание
Auto Complete BoxКомпонент, который показывает текстовое поле для ввода пользователем и выпадающий список, содержащий возможные совпадения на основе того, что было введено.
Text BlockКомпонент, который отображает блок текста. Только для чтения.
Text BoxИспользуется для отображения или редактирования текста без ограничений форматирования.
Masked Text BoxИспользуется для отображения текста в формате, содержащемся в маске; или для редактирования текста с использованием маски формата, чтобы предотвратить неверный ввод пользователем.

Выбор значений

КомпонентТипОписание
Check BoxBooleanЗначение 'истина' представлено как отметка. Взаимодействие с помощью нажатия переключает значение. Имеет возможность отображать 'неизвестное' значение.
SliderDoubleОтносительное значение в сравнении с максимальным и минимальным значениями, представленное как положение вдоль длины дорожки ползунка. Перетаскивание кнопки ползунка может изменять значение между максимальным и минимальным значениями. Взаимодействие с клавиатурой и нажатия также могут изменять значение.
CalendarDateTimeКалендарь - это компонент для выбора пользователями дат или диапазонов дат.
Calendar Date PickerDateTimeРасширение компонента календаря, которое включает текстовое поле и кнопку.
Color PickerColor / HsvColorВыбор цвета поддерживает выбор и редактирование цветов пользователем с помощью спектра, палитры и ползунков компонентов. Он также поддерживает необязательный альфа-компонент, цветовые модели RGB или HSV и шестнадцатеричные значения цветов.
Date PickerDateTimeВыбор даты имеет три компонента 'прокрутки', которые позволяют пользователю выбрать значение даты.
Time PickerTimeSpanВыбор времени имеет три компонента 'прокрутки', которые позволяют пользователю выбрать время из часов, минут и секунд.

Отображение изображений

КомпонентОписание
ImageОтображает растровое или векторное изображение.
Path IconРисует векторное изображение, используя текущий Foreground.

Меню и всплывающие окна

КомпонентОписание
MenuОтображает меню приложения.
FlyoutsПрикрепляет всплывающее окно или контекстное меню к компоненту.
Tool TipОтображает всплывающую подсказку при наведении на компонент.