The person icon is implemented as a button with two ellipses, which allows me to use Fill property to change color. Use the Person Icon to Indicate the Group Size This has been implemented through adding code in .įig 5. If the user clicks the 4 th icon, then the first 4 person icons will turn green. The green color indicates how many people are sharing the bill.

To make the UI more interesting, I’m going to draw a person icon to indicate the group size, as shown in Fig 5. See Fig 4 for an example of XAML intelliSense on the orientation property for a StackPanel. The Visual Studio editor’s IntelliSense makes XAML editing user friendly. Nested StackPanels can be conveniently added wherever necessary in MainPage.xaml file directly. Drag controls from the Toolbox to Design Surface You can easily drag controls such as TextBlocks, Textboxes and Buttons from the Toolbox to the design surface, as shown in Fig 3.įig 3. The top level StackPanel contains five parts: a sharedByPanel to specify the group size, a tipPanel to specify the tip percentage, a StackPanel to enter bill amount, a StackPanel to display the calculated total tip, and a StackPanel to display the calculated total payment (bill + tip) for each person in the group. As you can see, I use nested StackPanels to organize the controls, whose Orientation property take care of the location of containing text boxes, text blocks and buttons, making layout super easy to manage. Here’s the XAML for the content panel which draws the above UI. The tip calculator’s UI looks like this, shown in Fig 2. Similar to other Silverlight applications, we can add controls through the designer surface, by handcrafting XAML, or in code. Second, add controls to select group size, tip percentage and bill amount. The tip calculator we’re writing only has one page, so we’ll select the simplest template – Windows Phone Application, as shown in figure 1:įig 1. After installing VB for Windows Phone Developer Tools, when you create a new project you’ll see new Windows Phone application templates under the new “Silverlight for Windows Phone” node. Now let’s get started!įirst, create a Windows Phone 7 application. We’ll need a way to specify group size, percentage of tip we want to give, and bill amount. This post is a variation on that example, and shows how to create a tip calculator that calculates the tip and splits the bill among a group. You may have seen the Tip Calculator application on Jason Zander’s blog. You’ll see that the many new IDE features in Visual Studio 2010, which help you navigate and write code, are now available for VB Windows Phone applications! This walkthrough demonstrates how easy and convenient it is to develop a VB Windows Phone application using the newly released tools. Today we are announcing the release to web (RTW) of Visual Basic for Windows Phone Developer Tools.

Windows phone emulator for mac