Windows phone stackpanel example

Monday, July 22, AM. Hi I have a sample for you you please refer it here is xaml code MainPage. Adding supported languages in the Project Properties tab will create a new resx file per language that can carry the translated values of your UI strings.

The binding in these examples will cause the value of the attributes to be drawn from the. The image has a top margin of px to account for the System Tray.

Set this to 0 or remove the margin altogether if the System Tray is hidden. Before shipping remove this XAML and the image itself. Generic; using System. Linq; using System. Net; using System. Windows; using System.

Rehan Parvez Rehan Parvez 2 2 silver badges 17 17 bronze badges. Check these answers, they worked for me: stackoverflow. Add a comment. Active Oldest Votes.

SetBinding TextBlock. TextProperty, myBinding ;. Improve this answer. Toni Petrina Toni Petrina 6, 1 1 gold badge 23 23 silver badges 34 34 bronze badges. See my edit for more info.

Resources["bordercss"]; mainsp. Add myRun ; getme. Add textblock ; and so on. The basics are: Each tag name corresponds to a class name, usually under the System. Add run1 ; tb. Add run2 ; FindResource gets the value for a resource key at an element's scope. SetBinding Run. Listing 3 shows the XAML you use to build the list box for this sample. This is an instance of the Products class. The Path attribute refers to the DataCollection property that was populated by the BuildCollection method that is called in the constructor of the Products class.

Next, you have the definition for each row in the list box defined in the ItemsTemplate. This allows the two TextBlock controls to be displayed one on top of the other. Notice in the text block that displays the Price the use of the value converter class you created earlier. You bind to the Price property using the Path attribute of the Binding class.

However, before the Binding class displays the Price, it passes the value to the converter. The Convert method of the PriceConverter class formats the price and returns it as a string to be displayed in the TextBlock. When you have a phone in your hands you can turn the phone on its side.

This gives you a wide view of the screen. If the user switches from the normal portrait orientation of the phone Figure 1 to a landscape orientation Figure 2 you end up with more room to display your data horizontally.

You can take advantage of this extra room by switching between two different XAML templates when the phone orientation changes. The list box that you first built in this article contained a DataTemplate that worked for a portrait mode of the phone. You will now remove that DataTemplate from the ListBox and put it into the Resources section of your page. You will also need to assign a Key to this DataTemplate.

Now you can modify your list box to set this template as the default ItemTemplate. You will remove all other XAML from your list box except what is shown in the code below:. Create another DataTemplate in the Resources section of your page to display the landscape view as shown in Figure 3. Copy the existing DataTemplate you created for the portrait mode and paste it back in below the listPortrait DataTemplate.

Change the x:Key to be listLandscape. Since you have more room in landscape mode, most product names will not have to wrap as they might when in portrait mode. Listing 5 shows the complete landscape DataTemplate. Now that you have created two different templates, all you need to do is write code to switch between the two templates when the orientation of the phone changes. This attribute will allow the OrientationChanged event to fire. Also, within the PhoneApplicationPage attributes you add an OrientationChanged event and have Visual Studio create the event procedure in the code behind for this page.

Since we are just concerned with Portrait or Landscape, you will just convert the Orientation property to a string and see if the value contains Portrait. This causes the list box to redraw itself using the defined data template. The Windows Phone Panorama control makes creating a wrap-around list of items very quick and easy to accomplish.

You will be able to take a set of your photos, drop them into this project and try out this sample right away. In Figure 3 you can see an example of an application that you can create. In Figure 3 I am showing one page of my panorama that shows me at the top of Kilimanjaro in with some of my fellow climbers, including Richard Campbell and Stephen Forte. To get started creating your own Panorama application, open Visual Studio and choose New Project. Once VS has your new project created, click on MainPage.

Right-mouse click on the project and select Add Add New Item… from the context menu. Click the OK button and your new main page will be ready for you to start adding pictures to in the Panorama control. You can find the Panorama control in the Microsoft.

Each Panorama control allows you to create a title that will be displayed across all items that make up your Panorama page.