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

  • Death of the Dev Machine?

    Here's a takeaway from this week's Ignite 2020 event: An advanced Azure cloud portends the death of the traditional, high-powered dev machine packed with computing, memory and storage components.

  • COVID-19 Is Ignite 2020's Elephant in the Room: 'Frankly, It Sucks'

    As in all things of our new reality, there was no escaping the drastic changes in routine caused by the COVID-19 pandemic during Microsoft's big Ignite 2020 developer/IT pro conference, this week shifted to an online-only event after drawing tens of thousands of in-person attendees in years past.

  • Visual Studio 2019 v16.8 Preview Update Adds Codespaces

    To coincide with the Microsoft Ignite 2020 IT pro/developer event, the Visual Studio dev team shipped a new update, Visual Studio 2019 v16.8 Preview 3.1, with the main attraction being support for cloud-hosted Codespaces, now in a limited beta.

  • Speed Lines Graphic

    New for Blazor: Azure Static Web Apps Support

    With Blazor taking the .NET web development world by storm, one of the first announcements during Microsoft's Ignite 2020 developer/IT event was its new support in Azure Static Web Apps.

  • Entity Framework Core 5 RC1 Is Feature Complete, Ready for Production

    The first release candidate for Entity Framework 5 -- Microsoft's object-database mapper for .NET -- has shipped with a go live license, ready for production.

Upcoming Events