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);
    }
}

运行效果

相关推荐
特立独行的猫a7 天前
基于HarmonyOS ArkTS的MVVM架构最佳实践
华为·架构·harmonyos·mvvm·最佳实战
weixin_4684668514 天前
PyTorch导出ONNX格式分割模型及在C#中调用预测
人工智能·pytorch·深度学习·c#·跨平台·onnx·语义分割
紫金桥软件16 天前
【紫金桥跨平台实时数据库】的技术架构与工程实践
数据库·架构·自动化·跨平台
常利兵22 天前
跨平台开发框架全景对比:技术选型决策指南
跨平台
灵感菇_1 个月前
详细解析 MVC/MVP/MVVM/MVI 架构
架构·mvc·mvvm·mvp·mvi
●VON1 个月前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von
kirk_wang1 个月前
Flutter video_thumbnail库在鸿蒙(OpenHarmony)端的完整适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
●VON1 个月前
Flutter for OpenHarmony:基于可扩展标签系统与对话框状态隔离的 TodoList 个性化分类体系实现
学习·flutter·架构·跨平台·von
●VON1 个月前
Flutter for OpenHarmony:基于原子清空与用户意图防护的 TodoList 批量删除子系统实现
学习·flutter·架构·跨平台·von
●VON1 个月前
面向 OpenHarmony 的 Flutter 应用实战:TodoList 多条件过滤系统的状态管理与性能优化
学习·flutter·架构·跨平台·von