courses I tutorials

Explore different tutorials to get hands on with Silverlight and Expression Blend across a wide array of topics in a short time.

Using SketchFlow for Windows Phone Series

In this ToolBox module you discover principles of good UX design. You also discover how to start and build your prototype using the SketchFlow Template for Windows Phone.

Adding the number graphic

In this next section, you add the circle graphic for the number.

Reposition the number TextBlock so that it is on the right side of the canvas. You will now add the circle to create the graphic for the time value.
Click and hold on the Rectangle tool to select the hidden Ellipse tool.
Select the topmost Canvas to make sure the circle you will be creating is in that container.
Click and drag an ellipse around the number value in the canvas. Hold the Shift key down while dragging to constrain the ellipse to a perfect circle. This covers the number value.
If necessary, use the Selection tool to reposition the ellipse.
With the ellipse still selected, select Fill in the Brushes pane and change it to Black.
In the Objects and Timeline panel, click and drag the Textblock down so that it is on top of the number TextBlock in the stacking order.
Select the number TextBlock, and then change the Foreground color to white.
Press Ctrl+ S to save the file.