windowsphone 中CollectionViewSource和ObservableCollection的使用
功能描述:一级菜单省份 联动显示省份下的城市
直接上代码
public class City
{
public string Num { get; set; }
public string Name { get; set; } }
public class Province
{
public string ProvinceName { get; set; }
public ObservableCollection<City> Citys { get; set; }
}
public class ProvinceList : ObservableCollection<Province>
{
public ProvinceList()
{
ObservableCollection<City> province1 = new ObservableCollection<City>();
province1.Add(new City { Num = "", Name = "郑州" });
province1.Add(new City { Num = "", Name = "南阳" });
province1.Add(new City { Num = "", Name = "新乡" }); ObservableCollection<City> province2 = new ObservableCollection<City>(); province2.Add(new City { Num = "", Name = "石家庄" });
province2.Add(new City { Num = "", Name = "保定" });
province2.Add(new City { Num = "", Name = "衡水" });
province2.Add(new City { Num = "", Name = "邢台" }); ObservableCollection<City> province3 = new ObservableCollection<City>()
{
new City(){Num="",Name="长沙"},
new City(){Num="",Name="株洲"}
}; this.Add(new Province() { ProvinceName = "河南省", Citys = province1 });
this.Add(new Province() { ProvinceName = "河北省", Citys = province2 });
this.Add(new Province() { ProvinceName = "湖南省", Citys = province3 }); }
protected override void OnPropertyChanged(System.ComponentModel.PropertyChangedEventArgs e)
{
base.OnPropertyChanged(e);
}
protected override void OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
base.OnCollectionChanged(e);
}
}
这是数据源的代码
主要是省份列表类 继承 ObservableCollection泛型类 这个类有两个两种通知:
public virtual event NotifyCollectionChangedEventHandler CollectionChanged; 当集合中的某个项更改或者整个集合更改时发生
protected virtual event PropertyChangedEventHandler PropertyChanged; 当集合中单个项的属性更改时发生
意思就是当数据源集合改变时或者集合里面的某个属性改变时 进行通知前台显示
前台代码:
<phone:PhoneApplicationPage.Resources>
<local:ProvinceList x:Key="prolist"/>
<CollectionViewSource x:Key="ProCityList"
Source="{StaticResource prolist}"/>
<DataTemplate x:Key="cityList">
<StackPanel Height=""
Orientation="Horizontal"> <TextBlock Height=""
Width=""
Text="{Binding Num}"/>
<TextBlock Height=""
Width=""
Text="{Binding Name}"/>
</StackPanel>
</DataTemplate>
</phone:PhoneApplicationPage.Resources>
初始化省份列表的数据源,定义显示城市的列表的每一项的数据模板
注意CollectionViewSource 之所以能分层绑定 多绑定一级 就是因为CollectionViewSource
MSDN对CollectionViewSource的解释
CollectionViewSource 允许使用 XAML 代码设置将这些设置传递到基础视图的常用 CollectionView 属性。 CollectionViewSource 具有一个保存实际视图的 View 属性和一个保存源集合的 Source 属性。
可以将集合视图视为位于绑定源集合之上的一个层,您可以通过它使用排序、筛选和分组查询来导航和显示集合,所有这些操作都无需操作基础源集合本身。 如果源集合实现了INotifyCollectionChanged 接口,则 CollectionChanged 事件引发的更改将传播到视图。
由于视图不会更改基础源集合,因此每个源集合可以有多个关联的视图。 例如,您可以有一个 Task 对象的集合。 通过使用视图,可以通过多种不同的方式来显示相同数据。 例如,您可能希望在页面左侧显示按优先级排序的任务,而在页面右侧显示按区域分组的任务。
具体显示的代码:
<Grid x:Name="ContentPanel" DataContext="{Binding Source={StaticResource ProCityList}}" Grid.Row="" Margin="12,0,12,0">
<TextBlock Width=""
Height=""
FontSize=""
Text="请选择省份:"
HorizontalAlignment="Left"
VerticalAlignment="Top"
Margin="10,30,0,0"/>
<ListBox Name="lb1"
Height=""
Width=""
DisplayMemberPath="ProvinceName"
ItemsSource="{Binding}"
Margin="40,69,260,0"
HorizontalAlignment="Center"
VerticalAlignment="Top" FontSize="" />
<TextBlock Height=""
Width=""
HorizontalAlignment="Left"
VerticalAlignment="Top"
Text="{Binding Path=ProvinceName}"
Foreground="Aqua" Margin="12,210,0,0" FontSize="" /> <TextBlock Height=""
HorizontalAlignment="Right"
Text="城市列表"
VerticalAlignment="Top" Margin="0,210,169,0" Width="" FontSize="" /> <TextBlock Height=""
Width=""
Text="区号" Margin="6,278,330,279" FontSize="" />
<TextBlock Height=""
Width=""
Text="城市名" Margin="0,278,260,279" HorizontalAlignment="Right" FontSize="" /> <ListBox Name="lb2"
Height=""
VerticalAlignment="Top"
ItemsSource="{Binding Path=Citys}"
ItemTemplate="{StaticResource cityList}" FontSize="" Margin="0,328,0,0" />
<TextBlock Name="tb4" Foreground="White" Text="{Binding Path=Citys.Count}" Width="" Margin="129,563,127,10"/>
</Grid>
在这段代码中如果把Grid的DataContent直接写成ObservableCollection泛型集合对象 下面的城市列表绑定就不会显示
经过尝试 在wpf中可以这样写<Button Content="{Binding /City/lCity}" /> 可以指定下一级的数据绑定 可以一直往下一级绑定 但是windowsphone没有这种写法 所以windowsphone只能绑定到一级
windowsphone 中CollectionViewSource和ObservableCollection的使用的更多相关文章
- windowsphone中获取手机位置信息
首先在界面中加入一个textblock控件以显示信息 using System; using System.Collections.Generic; using System.IO; using Sy ...
- 在WindowsPhone开发中使用MVVM设计模式
相信.NET程序员多多少少都听说过MVVM的设计模式,对于一个大一点的项目来说,使用这种设计模式无疑是一种不错的选择, 它提高了程序的可维护性,降低了耦合度,可以实现代码的重用,方便独立开发和进行测试 ...
- 年度巨献-WPF项目开发过程中WPF小知识点汇总(原创+摘抄)
WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...
- 【IOS】模仿windowsphone列表索引控件YFMetroListBox
有没有觉得UITableView自带的右侧索引很难用,我一直觉得WindowsPhone中的列表索引非常好用. 所以呢,我们来实现类似Windows Phone中的列表索引(这就是信仰). 最终实现效 ...
- WPF 只读集合在 XAML 中的绑定(WPF:Binding for readonly collection in xaml)
问题背景 某一天,我想做一个签到打卡的日历.基于 Calendar,想实现这个目标,于是找到了它的 SelectedDates 属性,用于标记签到过的日期. 问题来了. 基于MVVM模式,想将其在xa ...
- WP8.1学习系列(第二十三章)——到控件的数据绑定
在本文中 先决条件 将控件绑定到单个项目 将控件绑定到对象的集合 通过使用数据模板显示控件中的项目 添加详细信息视图 转换数据以在控件中显示 相关主题 本主题介绍了如何在使用 C++.C# 或 Vis ...
- WPF的IsSynchronizedWithCurrentItem属性
如果两个控件都绑定到同一个源(ObservableCollection)集合视图时,该对象会自动绑定到该视图的 CurrentItem.请注意,CollectionViewSource 对象会自动同步 ...
- 使用 Windows Phone Toolkit 的 Tilt 效果
上一篇文章分享了如何使控件具有摁下的效果(在WindowsPhone中使控件具有Tilt效果),实现方式是在项目中添加新的类文件,其实,如果项目引用了Windows Phone Toolkit,那么就 ...
- 【IOS】将字体大小不同的文字底部对齐
从WP转IOS了,还是放不下...... 在项目中,要实现如图多个不同大小的文字 底部对齐的效果 像下面这样: (想要的效果) 以为用三个UIFont不同的UILabel 之后让他们底部对齐 ...
随机推荐
- Bzoj 2038: [2009国家集训队]小Z的袜子(hose) 莫队,分块,暴力
2038: [2009国家集训队]小Z的袜子(hose) Time Limit: 20 Sec Memory Limit: 259 MBSubmit: 5763 Solved: 2660[Subm ...
- JavaEE中遗漏的10个最重要的安全控制
本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! JavaEE有一些超赞的内置安全机制,但它们远远不能覆盖应用程序要面临的所有威胁.很多常见攻击,例如跨站点脚本攻 ...
- sublime text2 快捷键
主要快捷键列表: Ctrl+L 选择整行(按住-继续选择下行)Ctrl+KK 从光标处删除至行尾Ctrl+Shift+K 删除整行Ctrl+Shift+D 复制光标所在整行,插入在该行之前Ctrl+J ...
- WebView Cache 缓存清除
当我们加载Html时候,会在我们data/应用package下生成database与cache两个文件夹: 我们请求的Url记录是保存在webviewCache.db里,而url的内容是保存在webv ...
- 跨服务器备注SQL数据库 分类: SQL Server 2015-03-05 08:52 227人阅读 评论(0) 收藏
任务:把服务器1上的SQL数据库自动备份到服务器2上,命名格式=数据库名+年月日+小时. 说明: 服务器2=>192.168.0.22 数据库名=>Book 共享文件夹路径:192.168 ...
- 【Android - MD】之FloatingActionButton的使用
FloatingActionButton(FAB) 是 Android 5.0 新特性--Material Design 中的一个控件,是一种悬浮的按钮. FloatingActionButton 是 ...
- Android教程:ImageView 设置图片
Android doc中是这样描述的: public void setImageResource (int resId) 这是其中的一个方法,参数resld是这样: ImageView.setImag ...
- Mac OS使用技巧之十六:系统失去响应怎么办?
再好的系统,再快的本本,也会在执行时由于种种原因出现卡顿或者死机等失去响应的情况.Mac用户也会时不时碰到这样的情况,最常见的表现为鼠标变为七彩圆圈.通常等上一会儿系统会自己恢复.假设迟迟没有响应的话 ...
- Teamcity+SVN+VisualStudio在持续集成简明教程
Teamcity+SVN+VisualStudio持续集成 简明教程 一.写在最前: 1. 各组件版本号例如以下: Teamcity(简称tc)版本号:8.1.4 SVN版本号:Tortoi ...
- Java theory and practice: Thread pools and work queues--reference
Why thread pools? Many server applications, such as Web servers, database servers, file servers, or ...