Xaml网格图库与预览

时间:2013-09-06 12:17:46

标签: facebook xaml data-binding imageview

我想在win8应用中创建一个图库,用户可以选择缩略图并在更大的区域内预览。我从Facebook获取图像并使用数据绑定到缩略图的网格视图。但是,我似乎无法找到如何允许用户选择图像并在单独的区域中显示图像的大版本。

基本上我想将矩形/区域的来源设置为所选缩略图的源URL。这可能吗?

到目前为止,我有以下内容,但视图框没有显示任何内容:

<GridView x:Name="photosView"  ItemsSource="{Binding Photos}" HorizontalAlignment="Left" Margin="762,462,0,0" Grid.Row="1" VerticalAlignment="Top" Width="514" Height="166" ItemTemplate="{StaticResource picTemp}" IsItemClickEnabled="True">
        <GridView.DataContext>
            <ViewModel:FacebookPhotosData/>
        </GridView.DataContext>
    </GridView> 

    <Viewbox x:Name="Preview" HorizontalAlignment="Left" Height="379" Margin="778,48,0,0" Grid.Row="1" VerticalAlignment="Top" Width="480">
        <Viewbox.DataContext>
            <ViewModel:FacebookPhotosData/>
        </Viewbox.DataContext>
    </Viewbox>

1 个答案:

答案 0 :(得分:0)

我自己解决了。我使用了一个图像和ItemClicked事件来更改源。

<GridView x:Name="photosView" ItemsSource="{Binding Photos}" HorizontalAlignment="Left" Margin="762,462,0,0" Grid.Row="1" VerticalAlignment="Top" Width="514" Height="166" ItemTemplate="{StaticResource picTemp}" IsItemClickEnabled="True" ItemClick="photosView_ItemClick">
        <GridView.DataContext>
            <ViewModel:FacebookPhotosData/>
        </GridView.DataContext>
    </GridView>
    <Image x:Name="Preview" HorizontalAlignment="Center" Height="379" Margin="778,48,0,0" Grid.Row="1" VerticalAlignment="Center" Width="480"/>

在事件处理程序中,我将图像设置为显示所选图像中URI指示的图片。