嘻
我目前正在尝试制作一个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] 删除。
我来说两句