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

运行效果

相关推荐
传奇开心果编程2 天前
【Flutter踩坑排雷】第19课:路由硬编码坑|字符串路由书写错误,页面跳转失败排查
android·flutter·ios·移动开发·跨平台·ui框架·声明式ui
行者-全栈开发5 天前
Flutter 插件 device_calendar_plus 开源鸿蒙适配实战:从权限弹窗失灵到循环日程跑通
flutter·跨平台·harmonyos·arkts·日历·适配·开源鸿蒙
传奇开心果编程10 天前
【Flutter踩坑排雷】第7课:巨型 build 函数坑|全部 UI 写在同一个 build,维护难、隐性异常
android·flutter·ios·移动开发·跨平台·dart·声明式ui
传奇开心果编程15 天前
【Flutter踩坑排雷】第3课:const 误用坑|const 错误使用引发 UI 异常与性能损耗
flutter·移动开发·跨平台·dart·编程语言理论·编程框架·声明式ui
传奇开心果编程15 天前
Compose Multiplatform 共享边界实战:架构契约、互操作同步与可回退设计
kotlin·移动开发·跨平台·cmp·编程语言理论·编程框架·声明式ui
晓蛋15 天前
什么是C语言
c语言·跨平台·编程语言·高级语言·低级语言
传奇开心果编程16 天前
从替代到粒度:Compose Multiplatform 的决策模式重构已开启跨平台新时代
kotlin·移动开发·跨平台·cmp·编程语言理论·编程框架·声明式ui
恶猫16 天前
7-Zip - 免费开源的压缩解压王者
开源·免费·跨平台·winrar·7-zip·压缩·解压缩
紫金桥软件17 天前
紫金桥国产组态软件:安全稳定护航工业现场
数据库·自动化·跨平台·scada·组态软件
传奇开心果编程18 天前
【Compose Multiplatform跨端声明式UI实用技术】第20课:CMP跨平台经典示例深度解析
kotlin·移动开发·跨平台·编程语言理论·开发范式·编程框架·声明式ui