C# Avalonia动态加载xaml和cs实例

扩展请参考

复制代码
https://www.cnblogs.com/dalgleish/p/18972924

NonCompiledXaml.axaml代码

复制代码
<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="AvaloniaUI.NonCompiledXaml"
        Title="NonCompiledXaml">
    <ScrollViewer>
        <StackPanel Name="mainPanel" Background="#f0f0f0">
            <TextBlock Text="&#xe6e5;" FontFamily="{StaticResource IconFont}" FontSize="20" Margin="5" HorizontalAlignment="Center"/>
            <Button Content="加载动态内容" Click="Button_Click" Margin="0,0,0,5"/>
        </StackPanel>
    </ScrollViewer>
</Window>

NonCompiledXaml.axaml.cs代码,其中Window1是一个简单的Window窗口。新扩展已经支持多个cs文件编译,并且支持AvaloniaUseCompiledBindingsByDefault = true

复制代码
using Avalonia;
using Avalonia.Controls;
using Avalonia.Interactivity;
using Avalonia.Platform;
using Shares.Avalonia;
using System;
using System.IO;
using System.Text;
using System.Threading.Tasks;

namespace AvaloniaUI;

public partial class NonCompiledXaml : Window
{
    public NonCompiledXaml()
    {
        InitializeComponent();
    }
    private async void Button_Click(object? sender, RoutedEventArgs e)
    {
        Control control =  await this.RunResourceAsync("Window1");
        mainPanel.Children.Add(control);
        var xaml = @"
<UserControl xmlns='https://github.com/avaloniaui'
             xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
             x:Class='SampleView'>
    <StackPanel Margin='20'>
        <TextBlock Text='{Binding Message}' FontSize='24' Foreground='Blue'/>
    </StackPanel>
</UserControl>
";

        var code = @"
using Avalonia.Controls;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

public class SampleView : UserControl
{
    public SampleView()
    {
        this.DataContext = new ViewModel();
    }

    public class ViewModel : ObservableObject
    {
         private string message = ""Hello from dynamic SampleView!"";

        public string Message
        {
            get => message;
            set => SetProperty(ref message, value);
        }
    }
}
";
        Control xamlControl = await this.RunXamlAsync(xaml, code);
        mainPanel.Children.Add(xamlControl);

        var xaml1 = @"<Window xmlns=""https://github.com/avaloniaui""
        xmlns:x=""http://schemas.microsoft.com/winfx/2006/xaml""
        xmlns:d=""http://schemas.microsoft.com/expression/blend/2008""
        xmlns:mc=""http://schemas.openxmlformats.org/markup-compatibility/2006""
		 xmlns:local=""using:AvaloniaUI""
        mc:Ignorable=""d"" d:DesignWidth=""800"" d:DesignHeight=""450""
        x:Class=""AvaloniaUI.Window2""
        Title=""Window2"">
	<StackPanel Margin=""20"">
		<TextBlock x:DataType=""local:ViewModel"" Text=""{Binding Message}"" FontSize=""24"" Foreground=""Blue""/>
	</StackPanel>
</Window> 
";
        var code1 = @"using Avalonia;
using Avalonia.Controls;
using CommunityToolkit.Mvvm.ComponentModel;

namespace AvaloniaUI;

public partial class Window2 : Window
{
    public Window2()
    {
        this.DataContext = new ViewModel();
    }
}
public class ViewModel : ObservableObject
    {
        private string message = ""Hello from dynamic Window2View!"";

        public string Message
        {
            get => message;
            set => SetProperty(ref message, value);
        }
    }
";
        Control xamlControl1 = await this.RunXamlAsync(xaml1, code1,"Window2");
        mainPanel.Children.Add(xamlControl1);
    }
}

运行效果

相关推荐
ALex_zry20 小时前
跨操作系统文本换行符问题完全指南
经验分享·跨平台·工具推荐
张人玉4 天前
C# 中的 MVC、MVP、MVVM 模式详解
开发语言·c#·mvc·mvvm·mvp
七牛云行业应用7 天前
OpenClaw 无法安装 Skills:完整排查与解决指南(2026)
跨平台·解决方案·安装失败·open claw·权限不足
特立独行的猫a1 个月前
基于HarmonyOS ArkTS的MVVM架构最佳实践
华为·架构·harmonyos·mvvm·最佳实战
weixin_468466851 个月前
PyTorch导出ONNX格式分割模型及在C#中调用预测
人工智能·pytorch·深度学习·c#·跨平台·onnx·语义分割
紫金桥软件1 个月前
【紫金桥跨平台实时数据库】的技术架构与工程实践
数据库·架构·自动化·跨平台
常利兵1 个月前
跨平台开发框架全景对比:技术选型决策指南
跨平台
灵感菇_2 个月前
详细解析 MVC/MVP/MVVM/MVI 架构
架构·mvc·mvvm·mvp·mvi
●VON2 个月前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von