Avalonia UI
首页支持GitHub 仓库English Doc
  • 👋欢迎
  • 文档
    • ⚡快速开始
      • IDE 支持
        • JetBrains Rider 设置
      • 使用 Avalonia 开发
        • Model-View-ViewModel 模式(MVVM)
        • 控件和布局
        • 数据绑定
        • 图像和动画
      • Windows
      • UserControls
      • 资产
      • 开发者工具
      • 错误和警告日志
      • 未处理的异常
      • 应用生命周期
    • 🔁数据绑定
      • 数据上下文
      • 变化通知
      • 绑定
      • 编译绑定
      • 与控件绑定
      • 转换绑定值
      • 绑定到命令
      • 绑定到任务和可观察对象
      • 使用代码进行绑定
      • 在控件模板中实现绑定
      • 绑定Classes
      • 创建和绑定到附加属性
      • Data Validation
    • 🎨样式
      • 样式
      • 选择器
      • 资源
      • 疑难解答
    • 🧰控件
      • AutoCompleteBox
      • Border
      • Buttons
        • Button
        • RepeatButton
        • RadioButton
        • ToggleButton
        • ButtonSpinner
        • SplitButton
        • ToggleSplitButton
      • Calendar
      • Canvas
      • Carousel
      • CheckBox
      • ComboBox
      • ContentControl
      • ContextMenu
      • Decorator
      • DataGrid
        • DataGridColumns
      • DatePicker
      • DockPanel
      • Expander
      • Flyouts
      • Grid
      • GridSplitter
      • Image
      • ItemsControl
      • ItemsRepeater
      • LayoutTransformControl
      • ListBox
      • MaskedTextBox
      • Menu
      • NativeMenu
      • NumericUpDown
      • Panel
      • ProgressBar
      • RelativePanel
      • ScrollBar
      • ScrollViewer
      • Separator
      • Slider
      • SplitView
      • StackPanel
      • TabControl
      • TabStrip
      • TextBlock
      • TrayIcon
      • TreeDataGrid
        • Creating a Hierarchical TreeDataGrid
        • Creating a Flat TreeDataGrid
        • TreeDataGrid column types
      • TimePicker
      • TextBox
      • ToolTip
      • TreeView
      • TransitioningContentControl
      • UserControl
      • Viewbox
      • Window
      • WrapPanel
    • 📚模板
      • 数据模板
      • 在代码中创建数据模板
      • 实现 IDataTemplate 接口
    • ✏️自定义控件
      • 控件类别
      • 定义属性
    • 🖱️输入
      • 路由事件
      • 剪贴板
      • 鼠标与触控设备
      • 快捷键
    • 🔑动画
      • 关键帧动画
      • 过渡
      • 页面过渡
    • 📐布局
      • 面板概述
      • Alignment、Margin 和 Padding
      • 创建自定义面板
    • 📦发布/分发
      • macOS
  • API 参考
    • 🗒️命名空间
      • Avalonia
      • Avalonia.Animation
        • Avalonia.Animation.Easings
        • Avalonia.Animation.Animators
      • Avalonia.Collections
      • Avalonia.Controls
      • Avalonia.Data
        • Avalonia.Data.Core.Plugins
        • Avalonia.Data.Core
        • Avalonia.Data.Converters
      • Avalonia.Diagnostics
      • Avalonia.Dialogs
  • 指南
    • 🐣基础
      • XAML 介绍
      • Code-behind
      • MVVM 架构
      • 在UI线程上操作
    • 🤿深入
      • 在树莓派上运行你的应用
      • 在树莓派上运行你的应用(使用Raspbian Lite)
      • ReactiveUI
        • 视图激活机制
        • 路由
        • 数据持久化
        • 绑定到 Sorted/Filtered 数据
    • 👩‍💻👩💻 开发人员指南
      • 🏭从源代码中构建 Avalonia
      • Avalonia 与 WPF 和 UWP 之间的比较
      • Debugging Previewer
      • Debugging the XAML compiler
      • macOS 开发
      • Release Process
      • 维护稳定的分支
  • 教程
    • 📋待办事项应用
    • 📻音乐商店应用
    • 🕸️在浏览器中运行
    • 📱为移动设备开发
  • 杂项
    • 👪社区
    • 🖥️WPF 开发者建议
    • 📋正在使用 Avalonia 的项目
    • ❔常见问题
由 GitBook 提供支持
在本页
  • 控件
  • 输入和命令
  • 布局

这有帮助吗?

在GitHub上编辑
  1. 文档
  2. 快速开始
  3. 使用 Avalonia 开发

控件和布局

上一页Model-View-ViewModel 模式(MVVM)下一页数据绑定

最后更新于2年前

这有帮助吗?

控件

Avalonia 提供了许多核心控件。以下是一些最常见的:

  • 按钮:,

  • 数据展示:, , ,

  • 输入:, , , ,

  • 布局:, , , , , , , , , , , ,

  • 菜单:, ,

  • 导航: ,

  • 用户信息:, ,

输入和命令

控件经常需要检测和响应用户输入。Avalonia 的 使用 支持文本输入、焦点管理和鼠标定位功能。

应用程序通常有复杂的输入要求。Avalonia 提供了一个 ,将用户输入的动作与响应这些动作的代码分开。

布局

创建用户界面时,可以按控件的位置和大小加以排列形成布局。任何布局的关键要求是适应窗体大小和显示设置的变化。Avalonia 提供了一流的、可扩展的布局系统,不通过强迫编写代码来适应这些情况下的布局。

相对定位是布局系统的基石,它能适应不断变化的窗口和显示条件。此外,确定布局依靠布局系统协调管理控件。协调是一个两步过程:第一步,子控件告诉其父控件子控件需要的位置和大小;第二步,父控件告诉子控件子控件允许有多少空间。

布局系统通过 Avalonia 基础类型暴露给子控件。对于 grids、stacking 和 docking 等常见布局,Avalonia 拥有多种布局控件。

: 子控件用堆叠在一起的方式填充面板

: 子控件与 panel 边缘对齐

: 子控件垂直或水平堆叠

: 当某一行上的控件数量超过空间允许的数量时,子控件将按从左到右的顺序排列并换行

: 子控件按行和列定位

: 子控件提供自己的布局

你还可以通过从 类派生来创建自己的布局。

⚡
Button
RepeatButton
ItemsControl
ItemsRepeater
ListBox
TreeView
CheckBox
ComboBox
RadioButton
Slider
TextBox
Border
Canvas
DockPanel
Expander
Grid
GridSplitter
Panel
Separator
ScrollBar
ScrollViewer
StackPanel
Viewbox
WrapPanel
ContextMenu
Menu
NativeMenu
TabControl
TabStrip
ProgressBar
TextBlock
ToolTip
输入系统
直接路由事件
命令系统
Panel
DockPanel
StackPanel
WrapPanel
Grid
Canvas
Panel