C# How to use multiple auxiliary xaml files in Xaml for Win UI 3

[jv1597]

I'm trying to get multiple Xaml files to work with my application to get my app code organized. I've tried multiple would-be solutions to no avail. I've tried a couple of XamlReader solutions I couldn't get working. Here are some of the things I've tried:

Simple Xaml code:

<Grid RowDefinitions="Auto,*">
    <Button
        Grid.Row="0"
        Click="LoadXamlButton_Click"
        Content="Load XAML" />
    <Frame
        x:Name="DynamicFrame"
        Grid.Row="2" />
</Grid>

Simple solution provided by experts on StackOverflow:

private async void LoadXamlButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
    string loadedXamlText = await File.ReadAllTextAsync("AuxFile.xaml");

    if (Microsoft.UI.Xaml.Markup.XamlReader.Load(loadedXamlText) is FrameworkElement dynamicElement)
    {
        this.DynamicFrame.Content = dynamicElement;
    }
}

I would prefer a simpler approach such as the following:

<Page x:Name="AuxFile" Resources="AuxFile.xaml"></Page>

Does anyone have any ideas on how to get this working? Thanks in advance.

 

[Antero360]

I'm trying to get multiple Xaml files to work with my application to get my app code organized. I've tried multiple would-be solutions to no avail. I've tried a couple of XamlReader solutions I couldn't get working. Here are some of the things I've tried:

Simple Xaml code:

<Grid RowDefinitions="Auto,*">
    <Button
        Grid.Row="0"
        Click="LoadXamlButton_Click"
        Content="Load XAML" />
    <Frame
        x:Name="DynamicFrame"
        Grid.Row="2" />
</Grid>

Simple solution provided by experts on StackOverflow:

private async void LoadXamlButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
    string loadedXamlText = await File.ReadAllTextAsync("AuxFile.xaml");

    if (Microsoft.UI.Xaml.Markup.XamlReader.Load(loadedXamlText) is FrameworkElement dynamicElement)
    {
        this.DynamicFrame.Content = dynamicElement;
    }
}

I would prefer a simpler approach such as the following:

<Page x:Name="AuxFile" Resources="AuxFile.xaml"></Page>

Does anyone have any ideas on how to get this working? Thanks in advance.

Hey there,
So, you may need to use a ResourceDictionary like so,

<Application
   …
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="MyTheme.xaml" />
               <ResourceDictionary Source="MyTheme.xaml" />...
                <!-- Other merged dictionaries here -->
            </ResourceDictionary.MergedDictionaries>
            <!-- Other app resources here -->
        </ResourceDictionary>
    </Application.Resources>
</Application>

Taken from: How to create and customize a C# WinUI 3 desktop app

 

[jv1597]

Hello again Antero,
Sounds like a really good solution! I'll try it shortly to see if it works for me. I'll post the results in a bit.

 

[jv1597]

Antero,
I tried the code you posted. Didn't work. I wasn't sure how the file was to be imported, accessed, or applied. Any ideas on how to get it working? I've tried some searching online but have only come across XamlReader method info, which hasn't worked for me as of yet.