当前位置：首页 > news >正文

Avalonia-数据绑定

news 2026/5/11 14:33:52

Avalonia 数据绑定

在Avalonia 中绑定数据和在WPF 中类似，但也有些区别，如果全按照wpf中的绑定方式，则会失败

1.在窗体AXAML中指定绑定数据类型，即数据上下文使用的类型。x:DataType="vm:MainViewModel",如果不指定则会报错。

<Window xmlns="https://github.com/avaloniaui"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:vm="using:AvaMvvmDemo.ViewModels"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d" x:DataType="vm:MainViewModel"x:Class="AvaMvvmDemo.Views.MainWindow"Icon="/Assets/avalonia-logo.ico"Title="AvaMvvmDemo"Width="800" Height="600"><Grid RowDefinitions="Auto,*" ShowGridLines="True"><StackPanel Orientation="Horizontal" Height="40"><TextBlock Text="{Binding Caption}"/></StackPanel><Grid Grid.Row="1" ColumnDefinitions="*,*,*" ShowGridLines="True"><ListBox x:Name="lb" ItemsSource="{Binding Products}"><ListBox.ItemTemplate><DataTemplate><Grid ColumnDefinitions="*,*,*,*"><TextBlock Text="{Binding Id}" Grid.Column="0"/><TextBlock Text="{Binding Name}" Grid.Column="1" /><TextBlock Text="{Binding Description}" Grid.Column="2" /><TextBlock Text="{Binding Price}" Grid.Column="3" />	   </Grid></DataTemplate></ListBox.ItemTemplate></ListBox></Grid></Grid>

Models

namespace AvaMvvmDemo.Models
{public class Product{public int Id { get; set; }public string Name { get; set; }public string Description { get; set; }public decimal Price { get; set; }  }
}

ViewModels

using CommunityToolkit.Mvvm.ComponentModel;
using System.Collections.ObjectModel;namespace AvaMvvmDemo.ViewModels
{public partial class MainViewModel:ObservableObject{[ObservableProperty]private ObservableCollection<Product> _products=new ObservableCollection<Product>();public MainViewModel(){Products.Add(new Product { Id=1,Name="篮球",Description="体育用品",Price=125.0M});Products.Add(new Product { Id = 2,Name = "足球", Description = "体育用品", Price = 320.0M });Caption = "Test";}[ObservableProperty]private string _caption;}
}

效果