posts tagged with xaml

DevDays 2010 Materiaal

By Fons Sonnemans, 01-apr-2010

Zoals beloofd kan je de Presentatie + Demo's van mijn 'Introduction to WCF RIA Services' sessie van de DevDays downloaden. Je dient eerst wel de Northwind database te installeren op localhost\SQLEXPRESS. Het benodigde installatiescript is ook in de ZIP file opgenomen. 


Mijn WCF RIA Services sessie op DevDays 2010

By Fons Sonnemans, 17-feb-2010

Op 30 en 31 maart a.s. vinden de Microsoft Development Days (DevDays) plaats. DevDays is een evenement dat al 13 jaar dé bron van kennis en inspiratie voor IT ontwikkelaars is. Ook deze keer vinden de DevDays plaats in het World Forum in Den Haag.

Dit jaar zijn de DevDays voor mij extra speciaal omdat ik door Microsoft ben gevraagd om als spreker op de DevDays te verschijnen. Op dinsdag 30 maart mag ik een sessies verzorgen over een onderdeel van Silverlight 4, namelijk WCF RIA Services. Met een goed doordacht Framework, op basis van codegeneratie, wordt hiermee het bouwen van gedistribueerde Silverlight applicaties veel eenvoudiger.

Wilt u ook naar mijn sessie komen luisteren, maar heeft u zich nog niet ingeschreven, ga dan naar, want ook u bent uiteraard van harte welkom.


Keyboard selection on Silverlight ListBox and ComboBox

By Fons Sonnemans, 07-feb-2010

Silverlight doesn't support keyboard selection on a ListBox or Combox. I have created a small Behavior which fixes this problem. You can attach the KeyboardSelectionBehavior to a ListBox or ComboBox using Microsoft Expression Blend. You drag it from the Assets and drop it on your ComboBox or ListBox. If you have a custom ItemTemplate you will have to set the SelectionMemberPath property.

Try my behavior below. If you press a key on the ComboBox or ListBoxes it will select the next item starting with the given key.

Get Microsoft Silverlight

The ComboBox in this example is not databound, The behavior uses the Convert.ToString() method to convert the Content of each ListBoxItem/ComboBoxItem to a string. An invariant case insensitive StartWith() comparison is used to find the next item.


Silverlight Behaviors and Commands

By Fons Sonnemans, 21-dec-2009

A few months ago I wrote an blog post about a Silverlight 3.0 LetItSnowBehavior. This Behavior can be used to add a Snow effect to a Canvas. Very usefull if you want to create a christmas card.

This behavior was always showing you falling snow flakes. You couldn't stop and (re)start the gameloop. The best way to implement this is by adding Commands to the behavior. This allows you to select one or more triggers to Start or Stop the gameloop. I have added the Start and Stop properties of the type ICommand to the LetItSnowBehavior class. In the constructor I have initialized these properties with new ActionCommand objects (Microsoft.Expression.Interactions.dll) and delegates to the OnStop() and OnStart() methods. Triggers attached to these commands will execute the these methods.

public class LetItSnowBehavior : Behavior<Canvas> {


    privateDispatcherTimer _gameLoop = newDispatcherTimer();


    public LetItSnowBehavior() {

        // Create Commands

        this.Start = newActionCommand(this.OnStart);

        this.Stop = newActionCommand(this.OnStop);


        // Init timer

        _gameLoop.Interval = newTimeSpan(0, 0, 0, 0, 10);

        _gameLoop.Tick += newEventHandler(gameLoop_Tick);




    publicICommand Start { get; privateset; }


    publicICommand Stop { get; privateset; }


    privatevoid OnStart() {




    privatevoid OnStop() {





You can use Expression Blend to attach triggers to the Commands. Select the LetItSnowBehavior object and open it properties. Click the + button for the Start property and select an EventTrigger. Select the 'buttonStart' as source and the 'Click' as event. You can even add multiple triggers to the command.

Set Triggers on LetItSnowBehavior in Expression Blend 3.0

You can download the code from here.


Watch my Silverlight Christmas card

By Fons Sonnemans, 20-dec-2009

Click the following image to see my Christmas card which I have created using Silverlight 3.0 and Expression Blend.

Click to view this Christmas card

I didn't have to write any line of  C# code. I only re-used some of my existing behaviors: LetItSnowBehavior and ControlMediaElementAction.

Tags: XAML, Silverlight


Simple ReportDocument for Silverlight 4

By Fons Sonnemans, 25-nov-2009

I have written an Simple Report Library for Windows Forms applications a few years ago. The new Printing API makes it possible to create a similar solution for Silverlight 4.

You create a report by instantiating a new ReportDocument object. You can set the Title and the SubTitle. Next you add Paragraphs (FrameworkElements) to the report. Finally you Print the report.

ReportDocument r = newReportDocument() {

    Title = "Test Title",

    SubTitle = "Test SubTitle",


for (int i = 0; i < 40; i++) {

    var tb = newTextBlock() {

        Text = "Test text " + i,

        FontSize = i + 10,





This prints the following Test Title.pdf if you print it to a PDF writer.

Test Title.pdf


SilverlightXP 2.0 release

By Fons Sonnemans, 24-nov-2009

Visit SilverlightXP

SilverlightXP is a web application where Silverlight Developers and Designers can post links to controls, resources and other interesting information about Microsoft Silverlight.


Silverlight Flip Clock

By Fons Sonnemans, 04-nov-2009

I have created a simple Flip Clock using Silverlight 3 and Expression Blend 3. It uses some simple animations to flip the hours, minutes and seconds. I hope you like it.

Get Microsoft Silverlight

You can download the sourcecode from here.


Control a MediaElement using a custom Behavior

By Fons Sonnemans, 11-okt-2009

Controlling a MediaElement in Silverlight isn't difficult. You use the Play(), Stop() and Pause() methods in your code. I have written the 'ControlMediaElementAction' Behavior which makes it even easier. You don't have to write a single line of code. The ControlMediaElementAction is associated with a MediaElement. It has a ControlMediaElementOption which you can set to Play, Stop, Pause and RewindAndPlay. The Invoke() methods controls (Plays, Stops, Pauses and RewindAndPlays) the AssociatedObject (MediaElement).

public class ControlMediaElementAction : TriggerAction<MediaElement> {


    protectedoverridevoid Invoke(object o) {

        switch (ControlMediaElementOption) {











                this.AssociatedObject.Position = TimeSpan.Zero;








    publicControlMediaElementOption ControlMediaElementOption { get; set; }




public enum ControlMediaElementOption {

    Play, Stop, Pause, RewindAndPlay


You assign a ControlMediaElementAction to a MediaElement. In Expression Blend you drag it from you Asset tab and drop it on a MediaElement. Then you can select your trigger and set all other properties from the Properties tab.

ControlMediaElementAction in Blend 3.0

In the following example I have 3 ControlMediaElementAction assigned to a MediaElement. The first is triggerd by the 'Click' event of 'buttonPlay' and uses the 'Play' option. The second is triggerd by the 'Click' event of 'buttonPause' and uses the 'Pause' option. The third is triggerd by the 'MediaEnded' event of the MediaElement and uses the 'RewindAndPlay' option, making the movie loop.



By Fons Sonnemans, 01-sep-2009

I'm proud to announce the Silverlight website. It is a web application where Silverlight Developers can post links to interesting information, controls, resources e.t.c. We invite you to submit your Silverlight resources.

Silverlight is a Silverlight 3.0 LOB application which uses a lot of the new techniques:

  • .NET Ria Services
  • Navigation Application (deeplinking + history)
  • Search Engine Optimization (SEO)
  • Behaviors

Silverlight XP was created by Loek van den Ouweland and me, and is currently at version 1.0. We plan to add a lot of features soon. We don’t have a feedback-function yet. Please drop comments about the website by mail.


All postings/content on this blog are provided "AS IS" with no warranties, and confer no rights. All entries in this blog are my opinion and don't necessarily reflect the opinion of my employer or sponsors. The content on this site is licensed under a Creative Commons Attribution By license.