熙,
我目前正在尝试制作一个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添加到网格中,有人可以用代码示例向我解释这个吗?
答案 0 :(得分:1)
班级示例:
Public Class PiecePictureObject{
Public String [Text] { get; set; }
Public BitmapImage [Photo] { get; set; }
}
然后创建该类的列表
将元素添加到该列表
影响您的gridview 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/