Load XAML File dynamically

Question

Is this possible?   

I'm Beginner in winFX programming and I want to load a xaml file dynamically.   

For example I make an event handler which load the new Xaml Description from a uri (generated by another application) on event catched and load the new interface in a panel.

Have you an example or a tutorial on it?

Thanks for your help

 

Answer 1

Have a look in the SDK WinFX samples for FlowDocument_LoadSave sample.  It does more or less what you need I think.

Michael

Answer 2

Thanks,

I tried this sample but it can only load FlowDocument, what I want to do is to load a panel with Button, Label etc.

I'll try to modify the sample.

 

 

Answer 3

Using XamlReader you can load any element and set it as the content of your window/page.

this.Content = XamlReader.Load(stream); XamlReader.

Answer 4

Thanks :)

I use XamlReader and it work but not completely, it "draw" my interface but don't rely with "functions".

This a example of my problem :

I have a cs file with a function which is described here :

private void CompileXaml(String xamlDocument)

{

StringReader stringReader = null;

XmlTextReader xmlReader = null;

try

{

stringReader = new StringReader(xamlDocument);

xmlReader = new XmlTextReader(stringReader);

UIElement documentRoot = (UIElement)System.Windows.Markup.XamlReader.Load(xmlReader);

interactionWindow.child = documentRoot;

}

catch (Exception ex)

{}

finally

{

if (stringReader != null) stringReader.Close();

if (xmlReader != null) xmlReader.Close();

}

}

private void Close(object sender, RoutedEventArgs e)  { this.Close(); }

and i want to load dynamically the xaml description with xamlReader ( for example  <Button Name="btnOk" Click="Close">  or more complicated interaction ) with xamlreader, I can just load <Button Name="btnOk">

it says "you must compile", I'm really obligated?

 

Answer 5

There is no support for dynamically loading (or compiling) code behind or inline code with loose XAML.

There are a couple ways you can work around this:

1. Hook the event handlers via code,
   e.g something like:
   

   Page page = (Page)System.Windows.Markup.XamlReader.Load(xmlReader);
   
   TextBox tb = page.FindName("firstName") as TextBox;

   if (tb != null)
   tb.Text = "Joe";

   Button btnOk = page.FindName("btnOk") as Button;

   if (btnOk != null)
   btnOk.Click += new RoutedEventHandler(btnOk_Click); // and add the btnOk_Click event handler below

   
   or
   
2. use a custom page with component, and hook the event handlers via component code

Answer 6

Big thanks !!!!

this is what i need !

 

Answer 7

Hi Ashish,

Can you give an example for the 2nd option - using custom page with component? Thanks!

Answer 8

I Second that motion! :)

Answer 9

Hi Guys!

I wish to create XAML files and have a single code behind for all the XAML files. How can I achieve this? This will help me in creating an engine which will contain the code for a common code behind and I would be able to introduce multiple XAML files to the engine and they would run with all its event handlers being picked from the common code behind. Please help me out on this.

Answer 10

For those interested I used the following code snippet to "skin" my app.

Code Snippet

ResourceDictionary rd = null;
rd = Application.LoadComponent( new Uri( uri, UriKind.RelativeOrAbsolute ) ) as ResourceDictionary;

if( rd != null )
    Application.Current.Resources = rd;

I found this through Alan Le's blog post.

Answer 11

I am trying to create a XBAP application and I am having problems defining proper permissions to read a XAML file.

 

Also, I tried this code using just a XML string, the code goes through but the Page does not change, I do not see the new controls loaded?

 

How do you load a custom loaded page on the current page? Or do you have to navigate to the custom loaded page, if so how?

 

Thank you for your help.

Answer 12

Ashish Shetty - MSFT said:

There is no support for dynamically loading (or compiling) code behind or inline code with loose XAML.

There are a couple ways you can work around this:

1. Hook the event handlers via code,
   e.g something like:
   

   Page page = (Page)System.Windows.Markup.XamlReader.Load(xmlReader);
   
   TextBox tb = page.FindName("firstName") as TextBox;

   if (tb != null)
   tb.Text = "Joe";

   Button btnOk = page.FindName("btnOk") as Button;

   if (btnOk != null)
   btnOk.Click += new RoutedEventHandler(btnOk_Click); // and add the btnOk_Click event handler below

   
   or
   
2. use a custom page with component, and hook the event handlers via component code

I tried this, but I always get an exception:

System.Windows.Markup.XamlParseException: Ungültige Daten auf Stammebene. Zeile 1, Position 1. ---> System.Xml.XmlException: Ungültige Daten auf Stammebene. Zeile 1, Position 1.
   bei System.Xml.XmlTextReaderImpl.Throw(Exception e)
   bei System.Xml.XmlTextReaderImpl.Throw(String res, String arg)
   bei System.Xml.XmlTextReaderImpl.ParseRootLevelWhitespace()
   bei System.Xml.XmlTextReaderImpl.ParseDocumentContent()
   bei System.Xml.XmlTextReaderImpl.Read()
   bei System.Xml.XmlTextReader.Read()
   bei System.Windows.Markup.XmlCompatibilityReader.Read()
   bei System.Windows.Markup.XamlReaderHelper.Read(XamlNode& xamlNode)
   --- Ende der internen Ausnahmestapelüberwachung ---
   bei System.Windows.Markup.XamlReaderHelper.RethrowAsParseException(String keyString, Int32 lineNumber, Int32 linePosition, Exception innerException)
   bei System.Windows.Markup.XamlReaderHelper.Read(XamlNode& xamlNode)
   bei System.Windows.Markup.XamlParser.ReadXaml(Boolean singleRecordMode)
   bei System.Windows.Markup.TreeBuilderXamlTranslator._Parse()
   bei System.Windows.Markup.XamlParser.Parse()
   bei System.Windows.Markup.XamlTreeBuilder.ParseFragment()
   bei System.Windows.Markup.TreeBuilder.Parse()
   bei System.Windows.Markup.XamlReader.XmlTreeBuildDefault(ParserContext pc, XmlReader reader, Boolean wrapWithMarkupCompatReader, XamlParseMode parseMode, Boolean etwTracingEnabled)
   bei System.Windows.Markup.XamlReader.Load(XmlReader reader)
   bei Skin_Test.Window1.MI_Load_Click(Object sender, RoutedEventArgs e) in C:\Dokumente und Einstellungen\christian.hauer\Eigene Dateien\Visual Studio 2008\Projects\Skin_Test\Skin_Test\Window1.xaml.cs:Zeile 163.


I only have it in german, sorry about that.

My Code:

try

{

StringReader stringReader = new StringReader("testload.xaml");

XmlReader xmlReader = new XmlTextReader(stringReader);

Page page = (Page)System.Windows.Markup.XamlReader.Load(xmlReader);

}

catch (Exception ex)

{

MessageBox.Show(ex.ToString(), "Error");

}

My XAML-File:

<Grid

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:jas="clr-namespace:WPF.JoshSmith.Panels">

<jas:dragCanvas x:Name="dragCanvas">

<Button Name="testButton" Width="100" Height="30" Canvas.Left="10" Canvas.Top="20" VerticalAlignment="Top" HorizontalAlignment="Left">Button</Button>

</jas:dragCanvas>

</Grid>

Answer 13

I tried this, but I always get an exception:

I think you got a problem casting from <grid> (your root [Stammebene]) to page.

Try this:

Grid grid = (Grid)System.Windows.Markup.XamlReader.Load(xmlReader);

Answer 14

Ashish,

Would you please be able to provide a little more detail on how to accomplish 2nd approach: "use a custom page with component, and hook the event handlers via component code"?????

Thank you