Partager via

WPF/E Pad

  • Article

Late last year, one of the first WPF/E samples that our team created was a XAML pad type web page that you could paste XAML into and it would load that into the WPF/E control. This sample highlighted the fact that WPF/E content can be entirely text based and thus, created and edited on the client machine. This also proved to be a very handy tool for quickly testing a chunk of XAML in WPF/E. The original version of this app was almost entirely HTML with one div containing the WPF/E control.

I’ve created an updated version of this app that named “WPF/E Pad” that is almost entirely XAML and javascript. The only part of the UI that is HTML is the textarea used for entering the XAML. Click the image below to run WPF/E Pad. Note that you can pan around the scene by clicking and dragging the mouse in the scene pane. The rest of the controls are pretty self-explanatory, just paste some XAML into the textarea and click the "Load" button. The source for this app can be found here.

I consider this to be a 0.7 version of the app. The list of features I’m planning to add are below. Please let me know of any other feature ideas you have.

Future WPF/E Pad Features:

  • Download the XAML files one at a time (they take a while to load) 
  • Add a splitter for the Scene and XAML panes
  • Add scroll wheel support for zooming (Like Peter’s seventeen sample)
  • Animate the scrolling of the XAML files
  • Add a help system that shows the valid attributes for each tag

Comments

  • Anonymous
    December 22, 2006
    Microsoft's Mike Harsh just released an updated version of his WPF/E Pad that makes it easy to quickly

  • Anonymous
    December 22, 2006
    Mike Harsh vient de mettre en ligne une mise à jour de l'un des tous premiers samples de WPF /E ( Windows

  • Anonymous
    December 25, 2006
    WPF/E Padだそうです

  • Anonymous
    December 28, 2006
    I was going to do a WPF/E post, then I wasn't, then I was. Then I came across WPF/E Pad and realized

  • Anonymous
    December 29, 2006
    1。[来源： Barak's Blog about "WPF/E" and beyond ] WPF/E产品组的设计师提供了一张使用了WPF/E，可以设置内容的 贺卡 ： 2。[来源： Mike Harsh's

  • Anonymous
    January 28, 2007
    This is a sample I was working on a few weeks back but just got around to finishing. I had some Scrabble

  • Anonymous
    February 06, 2007
    The ever industrious Chad Campbell has created another cool WPF/E sample . This one uses overlaid HTML

  • Anonymous
    March 20, 2007
    What do you get when you combine WPF/E Pad with MSN Messenger? CHATBlender . IdentityMine has created