Converting Windows Phone to Windows 8: Listing 4

MainPageViewModel XAML

<Page x:Class="MetroFlickrImages.BlankPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:FlickrImages"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Page.Resources>
        <local:MainPageViewModel x:Key="ViewModel" />
    </Page.Resources>
    <Page.DataContext>
        <Binding Source="{StaticResource ViewModel}" />
    </Page.DataContext>
    <Grid 
        Background="{StaticResource ApplicationPageBackgroundBrush}">
        <ListBox 
		ItemsSource="{Binding FlickrImages}"
		Background="Transparent">
            <ListBox.Resources>
                <DataTemplate x:Key="FlickrImagesItemTemplate">
                    <Grid Margin="0,0,0,24">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <Image HorizontalAlignment="Left"
                               Width="64"
                               VerticalAlignment="Top"
                               Margin="12"
                               Source="{Binding ImageUrl}" />
                        <TextBlock Text="{Binding Title}"
                                   TextWrapping="Wrap"
                                   VerticalAlignment="Top"
                                   Grid.Column="1" 
								   Style="{StaticResource BasicTextStyle}"
/>
                    </Grid>
                </DataTemplate>
            </ListBox.Resources>

            <ListBox.ItemTemplate>
                <Binding Source="{StaticResource FlickrImagesItemTemplate}"/>
            </ListBox.ItemTemplate>
        </ListBox>

    </Grid>
</Page>

About the Author

Nick Randolph runs Built to Roam, a consulting company that specializes in training, mentoring and assisting other companies build mobile applications. With a heritage in rich client applications for both the desktop and a variety of mobile platforms, Nick currently presents, writes and educates on the Windows Phone platform.

comments powered by Disqus

Featured

  • Visual Studio Takes Aim at Copilot Billing Shock

    Beyond Copilot usage visibility, the June update delivers several other enhancements centered on AI-assisted development, security and quality-of-life improvements. Here's a quick rundown of the remaining additions announced by Microsoft.

  • Claude AI Gets Yet Another Boost in VS Code 1.128

    The July 8, 2026, Visual Studio Code update expands agent workflows, chat attachments, browser-tab controls, OS-level shortcuts and enterprise telemetry management.

  • TypeScript 7 Arrives to Rock VS Code with Go-Powered Speed

    Microsoft says TypeScript 7, announced July 8, brings native Go performance to VS Code, Visual Studio and other editors.

  • Full-Stack with a Side of Copilot: Building and Deploying an App the AI-Accelerated Way

    In this Q&A, developer and VSLive! speaker Esteban Garcia explains how GitHub Copilot can accelerate the full software development lifecycle -- from architecture and code to tests, CI/CD, and Azure deployment -- and how to use it as a repeatable engineering workflow rather than just a faster autocomplete tool.

Subscribe on YouTube