Blog

posts from 2010

Countdown app for Windows Phone 7

0 Comments
By Fons Sonnemans, 01-dec-2010

My Countdown application for the Windows Phone 7 is now available in de Windows Phone Marketplace.

Countdown is a metro-styled application that is used to track various dates, events and displays the time remaining until the timer comes to an end. See how long until Christmas, New Year, Easter, Halloween, Thanksgiving, etc. Remember Birthdays, anniversaries, or any other important events.

I used my Countdown for Silverlight 4 control to create this app and added an Digital clock style.

I'm planning to add more features like Live Tiles and extra clock types soon. I hope you like it. You can download it using the following button.

READ MORE

Accent Colors for Styled TextBlocks in WP7 Selected ListBoxItems

0 Comments
By Fons Sonnemans, 12-nov-2010


The Problem
The Windows Phone tools in Visual Studio an Expression Blend let you create a 'Windows Phone Data Bound Application" (Template). This application uses SampleData and two List/Detail pages. The List (MainPage) contains a listbox which is templated. The ItemSource of this listbox is databound to the Items in the SampleData. When run the application and select an Item in the ListBox the DetailsPage is shown using navigation. This navigation is initiated from the SelectionChanged event of the listbox in the MainPage. When you remove this event from the XAML you would expect that the selected item in the listbox would be shown using the Accent color of your phone. But this doesn't happen. It took me a while to figure out the reason why, and how to solve it.

  <
  ListBox
  x:Name
  ="MainListBox"
  Margin
  ="0,0,-12,0"
  ItemsSource
  ="{Binding Items}">
  <
  ListBox.ItemTemplate
  >
  <
  DataTemplate
  >
  <
  StackPanel
  Margin
  ="0,0,0,17"
  Width
  ="432"
  >
  <
  TextBlock
  Text
  ="{Binding LineOne}"
  TextWrapping
  ="Wrap"
  Style
  ="{StaticResource PhoneTextExtraLargeStyle}"
  />
  <
  TextBlock
  Text
  ="{Binding LineTwo}"
  TextWrapping
  ="Wrap"
  Margin
  ="12,-6,12,0"
  Style
  ="{StaticResource PhoneTextSubtleStyle}"
  />
  </
  StackPanel
  >
  </
  DataTemplate
  >
  </
  ListBox.ItemTemplate
  >
  </
  ListBox
  >

The Reason
The Selected (Visual)State of a ListBoxItem sets the foreground of the ContainerControl to the PhoneAccentBrush resource. The Two TextBlockes in the ItemTemplete of my listbox have a Style Property. Both styles are base on the PhoneTextBlockBase which has a Foreground property set to the PhoneForegroundBrush resource. This conflicts with the foreground set in the VisualState and therefore the color never changes.

  <
  VisualStateGroup
  x:Name
  ="SelectionStates"
  >
  <
  VisualState
  x:Name
  ="Unselected"
  />
  <
  VisualState
  x:Name
  ="Selected"
  >
  <
  Storyboard
  >
  <
  ObjectAnimationUsingKeyFrames
  Storyboard.TargetProperty="Foreground"Storyboard.TargetName="ContentContainer"><DiscreteObjectKeyFrameKeyTime="0"Value="{StaticResource PhoneAccentBrush}"/></ObjectAnimationUsingKeyFrames></Storyboard></VisualState></VisualStateGroup>

READ MORE

Sudoku in WP7 Marketplace

0 Comments
By Fons Sonnemans, 14-okt-2010

My Sudoku has been accepted in the Windows Phone 7 Marketplace.



Play standard 9x9 grid Sudoku puzzles on your phone. Exercise your visual scanning and processing powers and strengthen your brain. With four difficulty levels, intuitive interface, and all the functions right at your fingertips, this Sudoku app is sure to be your favorite.

READ MORE

Sudoku running on a WP7 Device

0 Comments
By Fons Sonnemans, 09-aug-2010

My Sudoku is running on a Samsung Windows Phone 7 device!

Tags: Windows 8, WinRT

READ MORE

Sudoku for WP7 on YouTube

0 Comments
By Fons Sonnemans, 22-jul-2010

I have placed a movie of my Sudoku for the Windows Phone 7 on YouTube. I have build it using the new Beta bits. It uses the same Model and ViewModel code as my Silverlight implementation.

I'm almost finished. I only have to implement the 'Notes' and 'Import from Camera' features. I can't test the Import/OCR yet because the emulator doesn't support the WebCam, bummer. I hope i can test it on a device soon.

Cheers,

Fons

READ MORE

Porting Sudoku to Windows Phone 7

0 Comments
By Fons Sonnemans, 04-jul-2010

Last year I wrote a Sudoku using Silverlight 2. I'm now porting it to the Windows Phone 7. I started designing the UX. I decided to stick to the Metro design. It's really clean.

I'm using the ApplicationBar and Menu. I'm not totally sure which buttons to use. For now: pause, undo, redo and hint. I will have to create a ShakeTrigger which I will use to create a new game. I will have to postpone this until I have a real device to develop on. The accelerometer is hard to emulate.

I'm also planning to 'import' Sudoku's using the phone camera and OCR. But probably not in the first version.

READ MORE

Touch Gesture Triggers for Windows Phone 7 projects in Blend 4.0

0 Comments
By Fons Sonnemans, 04-jun-2010

The Windows Phone 7 supports single and multi touch gestures. I have implemented the Tap, Double Tap and the Touch&Hold gestures using Triggers. You can use them to trigger an Action in Expression Blend.

You first have to reference the GestureTriggersLibrary. Then you add an Action to a control using the Behavior assets. Finally you change the TriggerType using the New button.

The following example has tree TextBlock controls on with a ChangePropertyAction attached to it. This action sets the Text of the red TextBlock (textBlockResult) using the Tap, Double Tap or Touch and Hold GestureTriggers.

READ MORE

Windows Phone 7 Training

0 Comments
By Fons Sonnemans, 03-jun-2010

Yesterday I attended the Windows Phone 7 Developer Hub. The quality of the sessions was very good. They had some phone prototypes which you could play with during the breaks. I had the chance to play with an LG Windows Phone! It looks and feels great. I can't wait to get one!

It really inspired me to develop a new training for it together with my friend Loek. We plan to finish the training by the time Microsoft releases the first builds which we can run on real phones.

The content of the training will be: 

  • Introduction: Windows Phone 7, Metro Design, Silverlight, XAML, Visual Studio 2010, Microsoft Expression Blend 4, Hardware, Emulator
  • Controls: Runtime Controls, 3rd Party Controls, Events, Fonts, Tips & Tricks
  • Graphics and Animations: Shapes, Brushes, PixelShader Effects, Resources, Transformations, Animations and storyboards, Key frames and Interpolation, Triggering and Programming Animations Methods, Tips & Tricks
  • UI Customization: Styling, Skinning (Templating), Styling and Skinning, Template Binding, Visual State Manager (VSM), Tips & Tricks
  • Data Binding: Element To Element Binding, StaticResource Binding, DataContext Binding, Binding to Collections, Blend Sample Data, MVVM, Converters, Data Validation, Data Annotations DataBinding from Code, DataGrid, Tips & Tricks
  • Programmability: Using and creating Actions/Triggers/Behaviors and Commands. Using Files, Base Class Library, Asynchronous Programming, Sound, Accelerometer, Location Service
  • Control Creation: Creating User Controls, Dependency and Attached Properties, States, Creating Templated Controls, Transition Effects, Tips & Tricks
  • Networking: HTTP (Download, Upload, Data Serialization: XML, JSON, RSS), SOAP (XML WebServices & WCF), OData (WCF Data Services), Push Notification, Tips & Tricks
  • Phone Applications: Navigation, WebBrowser, Pivot, Panorama, Lauchers, Choosers, Bing Maps
  • Deployment: Marketplace, Unit Testing
  • Closure: Summary, Resources, Books, Evaluation

If you can't wait you can prepare yourself with our Silverlight 4 training.

READ MORE

SpiralText in Silverlight 4

0 Comments
By Fons Sonnemans, 31-mei-2010

Blend 4.0 includes a new PathListBox control. In Silverlight 4 you can create your own shapes by deriving from the Path class. I have used these two techniques to create this SpiralText sample.

The Spiral class uses ArcSegment objects to create a spiral illusion. It isn't a perfect spiral but it is good enough for me.

The LayoutPath of the PathListBox is set to the Spiral. The ItemsSource is databound to the TextBox.

You can also select the Font, Color, Font Size, Font Spacing and the number of Spirals.

Get Microsoft Silverlight

READ MORE

RightMouseTrigger

0 Comments
By Fons Sonnemans, 09-mei-2010

I have written a Silverlight Minesweepe game in October 2008. I just published an improved version on Silver Arcade which support right mouse click. I implemented it using the following RightMouseTrigger. You can set the SetHandled property to true. This stops the MouseRightButtonDown event from bubbling to it's parent.

I really love Behaviors, Actions and Triggers. I hope you like it too.

public class RightMouseTrigger : EventTriggerBase<Control> {


    protectedoverridestring GetEventName() {

        return"MouseRightButtonDown";

    }


    #region SetHandled Dependency Property


    ///<summary>

    /// Get or Sets the SetHandled dependency property. 

    ///</summary>

    publicbool SetHandled {

        get { return (bool)GetValue(SetHandledProperty); }

        set { SetValue(SetHandledProperty, value); }

    }


    ///<summary>

    /// Identifies the SetHandled dependency property.

    /// This enables animation, styling, binding, etc...

    ///</summary>

    publicstaticreadonlyDependencyProperty SetHandledProperty =

        DependencyProperty.Register("SetHandled",

                                    typeof(bool),

                                    typeof(RightMouseTrigger),

                                    newPropertyMetadata(true));


    #endregion SetHandled Dependency Property


    protectedoverridevoid OnEvent(EventArgs eventArgs) {

        var ea = eventArgs asMouseButtonEventArgs;

        if (ea != null && SetHandled) {

            ea.Handled = true;

        }

        base.OnEvent(eventArgs);

    }


}

READ MORE

12>

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.