Элементы управления и макеты

Элементы управления

Avalonia предоставляет множество основных элементов управления. Вот некоторые из наиболее распространенных:

• Buttons: Button, RepeatButton
• Data Display: ItemsControl, ItemsRepeater, ListBox, TreeView
• Input: CheckBox, ComboBox, RadioButton, Slider, TextBox
• Layout: Border, Canvas, DockPanel, Expander, Grid, GridSplitter, Panel, Separator, ScrollBar, ScrollViewer, StackPanel, Viewbox, WrapPanel
• Menus: ContextMenu, Menu, NativeMenu
• Navigation: TabControl, TabStrip
• User Information: ProgressBar, TextBlock, ToolTip

Ввод и команды

Элементы управления чаще всего обнаруживают и реагируют на пользовательский ввод. Система ввода Avalonia использует как прямые, так и перенаправленные события для поддержки ввода текста, управления фокусом и позиционирования мыши.

Приложения часто имеют сложные требования ко вводу. Avalonia предоставляет систему команд, которая отделяет действия, вводимые пользователем, от кода, отвечающего на эти действия.

Макет

Когда вы создаете пользовательский интерфейс, вы упорядочиваете элементы управления по местоположению и размеру, чтобы сформировать макет. Ключевым требованием любого макета является адаптация к изменениям размера окна и параметров отображения. Вместо того, чтобы заставлять вас писать код для адаптации макета в этих обстоятельствах, Avalonia предоставляет вам первоклассную, расширяемую систему макетов.

Краеугольным камнем системы компоновки является относительное позиционирование, которое повышает способность адаптироваться к изменяющимся условиям окна и отображения. Кроме того, система компоновки управляет согласованием между элементами управления для определения компоновки. Согласование представляет собой двухэтапный процесс: во-первых, элемент управления сообщает своему родителю, какое местоположение и размер ему требуются; во-вторых, родитель сообщает элементу управления, какое пространство он может иметь.

Система компоновки доступна для дочерних элементов управления через базовые классы Avalonia. Для обычных макетов, таких как сетки, стопка и стыковка, Avalonia включает несколько элементов управления макетом.

• Panel: дочерние элементы управления располагаются друг над другом, чтобы заполнить панель.
• DockPanel: дочерние элементы управления выравниваются по краям панели.
• StackPanel: дочерние элементы управления располагаются вертикально или горизонтально.
• WrapPanel: дочерние элементы управления располагаются в порядке слева направо и переносятся на следующую строку, если в текущей строке больше элементов управления, чем позволяет пространство.
• Grid: дочерние элементы управления располагаются по строкам и столбцам.
• Canvas: дочерние элементы управления имеют собственный макет.

Вы также можете создавать свои собственные макеты, производные от класса Panel.