Windows应用商店将项目动态添加到GridView中

Jordi Sipkens 发表于 Dev

乔迪·西普本斯

嘻

我目前正在尝试制作一个GridView，其中包含图像内的项目和标题的文本块。我想动态添加这些。

搜索一个小时后，我得到了：

<GridView 
    x:Name="grid" 
    SelectionMode="Single" 
    IsItemClickEnabled="False"  
    Foreground="#DEFFFFFF" 
    SelectionChanged="GridView_SelectionChanged" Margin="0, 50, 0, 0" >
    <GridView.Resources>
        <CollectionViewSource x:Name="CollectionViewSource" x:Key="CollectionViewSource" />
        <DataTemplate x:Key="ImageBinder">
            <Image Source="{Binding Photo}" Width="200" Height="200" />
        </DataTemplate>
        <DataTemplate x:Key="TextBinder">
            <TextBlock Text="{Binding Text}" Width="auto" Height ="auto" />
        </DataTemplate>
    </GridView.Resources>

</GridView>

从阅读中我了解到Source属性需要一个类或其他东西？但是我真的不明白如何将Item动态添加到网格中，有人可以通过代码示例向我解释吗？

微波炉

一个类的例子：

Public Class PiecePictureObject{
    Public String [Text] { get; set; }
    Public BitmapImage [Photo] { get; set; }
}

然后创建该类的列表
将元素添加到该列表
影响您的网格视图 GridviewExample.DataContext = ListYouCreatedOfYourObject

还有XAML

<GridView x:Name="grdPiecesImage" ItemsSource="{Binding}" SelectionChanged="grdPiecesImage_SelectionChanged">
    <GridView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Vertical">
                <StackPanel.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black"/>
                        <GradientStop Color="#FF443585" Offset="1"/>
                    </LinearGradientBrush>
                </StackPanel.Background>
                <TextBlock Text="{Binding Text}" Height="45" FontSize="25" Padding="10"/>
                <Image Source="{Binding Photo}" Height="95" Width="250"/>
            </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

我建议使用与Photo和Text不同的单词，例如PiecePhoto，PieceText

确保绑定中的名称与对象相同。如果您无法从文件中获取图像，这是我在VB.NET中的处理方法

    Public Async Function LoadImage(_folder As StorageFolder, _filename As String) As Task(Of BitmapImage)
        Try
            Dim file = Await _folder.GetFileAsync(_filename)
            Dim bitmapImage As BitmapImage = New BitmapImage()
            Dim stream As FileRandomAccessStream = CType(Await file.OpenAsync(FileAccessMode.Read), FileRandomAccessStream)
            bitmapImage.SetSource(stream)
            Return bitmapImage
        Catch ex As Exception
            Return Nothing
        End Try
    End Function

很抱歉给您带来不便，我目前没有时间翻译成C＃

如果您仍然遇到问题，请查看以下内容：http : //www.c-sharpcorner.com/UploadFile/c25b6d/image-binding-in-gridview-and-listview-in-windows-8-apps-usi/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。