{"id":1154,"date":"2012-03-22T19:19:10","date_gmt":"2012-03-22T19:19:10","guid":{"rendered":"http:\/\/www.navision-blog.de\/?p=1154"},"modified":"2012-09-25T10:12:22","modified_gmt":"2012-09-25T10:12:22","slug":"wpf-designer-for-f","status":"publish","type":"post","link":"http:\/\/www.navision-blog.de\/blog\/2012\/03\/22\/wpf-designer-for-f\/","title":{"rendered":"WPF Designer for F#"},"content":{"rendered":"<p>F# 3.0 brings the new <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/hh156509(v=vs.110).aspx\">type providers<\/a> feature which enables a lot of different applications. Today I\u2019m happy to announce that the <a href=\"https:\/\/github.com\/fsharp\/fsharpx\">FSharpx project<\/a> brings you a WPF designer for F# in the Visual Studio 11 beta.<\/p>\n<p><a href=\"http:\/\/www.navision-blog.de\/images\/WPF-Designer-for-F_EDC7\/image.png\"><img loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/www.navision-blog.de\/images\/WPF-Designer-for-F_EDC7\/image_thumb.png\" width=\"504\" height=\"316\" \/><\/a><\/p>\n<p>A big kudos to <a href=\"http:\/\/sharp-gamedev.blogspot.de\/\">Johann Deneux<\/a> for writing the underlying <a href=\"https:\/\/github.com\/fsharp\/fsharpx\/blob\/master\/src\/FSharpx.TypeProviders.Xaml\/XamlProvider.fs\">XAML type provider<\/a>.<\/p>\n<ol>\n<li>Create a new F# 3.0 Console application project <\/li>\n<li>Set the output type to \u201cWindows Application\u201d in the project settings <\/li>\n<li>Use nuget and <em>install-package FSharpx.TypeProviders.Xaml<\/em> <\/li>\n<li>Add references to WindowsBase.dll, PresentationFramework.dll, System.Xaml.dll and PresentationCore.dll <\/li>\n<li>Add a Xaml file to your project. Something like this: <script src=\"https:\/\/gist.github.com\/2161484.js\"> <\/script><\/li>\n<li>Now you can access the Xaml in a typed way: <script src=\"https:\/\/gist.github.com\/2161552.js\"> <\/script><\/li>\n<li>Start the project <\/li>\n<\/ol>\n<p>Enjoy!<\/p>\n<p>BTW: No code generation needed is for this. No more nasty *.xaml.cs files.    <br \/>BTW2: Try to change the name of Button1 in the Xaml and press save. <img style=\"border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none\" class=\"wlEmoticon wlEmoticon-winkingsmile\" alt=\"Zwinkerndes Smiley\" src=\"http:\/\/www.navision-blog.de\/images\/WPF-Designer-for-F_112B0\/wlEmoticon-winkingsmile.png\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F# 3.0 brings the new type providers feature which enables a lot of different applications. Today I\u2019m happy to announce that the FSharpx project brings you a WPF designer for F# in the Visual Studio 11 beta. A big kudos to Johann Deneux for writing the underlying XAML type provider. Create a new F# 3.0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,448,19],"tags":[664,609,614,647,615],"_links":{"self":[{"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/posts\/1154"}],"collection":[{"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/comments?post=1154"}],"version-history":[{"count":8,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/posts\/1154\/revisions"}],"predecessor-version":[{"id":1207,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/posts\/1154\/revisions\/1207"}],"wp:attachment":[{"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/media?parent=1154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/categories?post=1154"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.navision-blog.de\/blog\/wp-json\/wp\/v2\/tags?post=1154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}