win8+XAML Binding(数据绑定)

第一次接触Binding是用到listview的时候，ListView中如果要动态显示一些内容，我一开始想的就是动态生成一个item，然后插入。。。

其实用Binding就不用在代码中涉及listview的一些控件的操作了。

下面是我用ListView显示图片的一个例子：

[html] view plaincopyprint?

<ListView x:Name="ImageList" ">
<ListView.ItemTemplate >
<DataTemplate>
<Image Opacity="0.7" Width="150" Height="125" Stretch="UniformToFill" Source="{Binding}" />
</DataTemplate>
</ListView.ItemTemplate>
</ListView>

在Image中定义了Source=“Binding”以后，我们在代码中需要定义一个ObservableCollection对象，这个对象是专门来同步绑定GridView，ListView这些控件的。

[csharp] view plaincopyprint?

this.collImages = new ObservableCollection<BitmapImage>();
this.ImageList.ItemsSource = collImages;

就这么简单，后面就只要在collImages中插入图片就可以了。

但是，问题是：我如果想一个item既包含图片又包含图片相关的文字。如何进行数据的绑定呢？

仔细看看上面ObservableCollection对象，就像数组一样定义了类型，上面我定义的时BitmapImage类型；如果写成string型，那么关联的就是一些文字对象了。

所以只要自己写一个类，包含图片和文字的属性，定义这样的一个类型实现数据绑定就可以了：

[csharp] view plaincopyprint?

/// <summary>
/// A class that can be used to bind data containing text and image.
/// </summary>
public class MyListViewData
{
public BitmapImage bitImg { get; set; }
public string strName { get; set; }
public MyListViewData(BitmapImage img, string name)
{
bitImg = img;
strName = name;
}
}

在绑定的时候，也要说明一下，在Image和TextBlock中分别Binding的是bitImg和strName：

[html] view plaincopyprint?

<ListView x:Name="ImageList" ">
<ListView.ItemTemplate >
<DataTemplate>
<StackPanel Width="100" Height="100">
<Image Opacity="0.7" Source="{Binding bitImg}" />
<TextBlock Height="25" Text="{Binding strName}" />
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>

接下来就是定义一个ObservationCollection对象，就可以动态绑定了

[csharp] view plaincopyprint?

ObservableCollection<MyListViewData> listViewData = new ObservableCollection<MyListViewData>();
this.ImageList.ItemsSource = pMainPage.listViewData;
listViewData.Add(new MyListViewData(videoImg, file.Name));

好的，下面是一个效果图：

win8+XAML Binding(数据绑定)相关推荐

win8（四）实例讲解win8(XAML+C#)开发--------课程表:Snapped模式和动态磁贴，徽章（badge）
免责声明:本文章由fengyun1989创作,采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可. 到这里,我们已经拥有一个不错的程序,可以数据的增删改,可以看到当前的课表 ...
WP7之题样式与数据绑定
Windows Phone 主题 1. 用户可以客户化主题用户可以自己选择明亮或灰暗的背景: Windows Phone系统本身提供了10种主题颜色(accent colors)可供选择: 2. S ...
WPF中的Data Binding调试指南
点击蓝字"大白技术控"关注我哟加个"星标★",每日良时,好文必达! WPF中的Data Binding如何Debug? 大家平时做WPF开发,相信用Visua ...
WP8.1学习系列(第二十三章)——到控件的数据绑定
在本文中先决条件将控件绑定到单个项目将控件绑定到对象的集合通过使用数据模板显示控件中的项目添加详细信息视图转换数据以在控件中显示相关主题本主题介绍了如何在使用 C++.C# 或 Vis ...
WIN8相关资源汇总
WIN8相关资源汇总 WIN8发布已有一段时间了,但是网上的资料参差不齐,新学者想要学习WIN8系统的使用和开发总要到处搜索.这里将本人搜到的一些WIN8相关资源整理一番,供大家学习参考.特别申明下, ...
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月24日-9月30日)
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月24日-9月30日) 本周Silverlight学习资源更新解决"Chrome提示:Silverligh ...
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月23日-7月29日)
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月23日-7月29日) 本周Silverlight学习资源更新 Silverlight OOB模式下COOKIE处理 ...
Silverlight 5 Beta 新特性预览
MIX11大会昨天刚刚结束.第二天核心Session包含三个部分:Windows phone 7/Silverlight 5 Beta/Kinect for Windows SDK.在整个全程直播中. ...
分享Silverlight/WPF/Windows Phone一周学习导读(06月13日-06月18日)
分享Silverlight/WPF/Windows Phone一周学习导读本周Silverlight学习资源更新: 小D学blend-----优美简洁的mp3播放器 D调の幸福 Silverligh ...

win8+XAML Binding(数据绑定)

win8+XAML Binding(数据绑定)相关推荐

最新文章

热门文章