Silverlight 教程第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
【原文地址】Silverlight Tutorial Part 5: Using the ListBox and DataBinding to Display List Data
【原文发表日期】 Friday, February 22, 2008 5:51 AM
这是8个系列教程的第5部分，这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用。这些教程请依次阅读，将有助于您理解 Silverlight 的一些核心编程概念。
用 ListBox 和 DataBinding 显示我们的 Digg 故事
前面我们使用了 DataGrid 控件来显示我们的 Digg 故事。当我们想用多列的格式来显示内容时，它很适合。然而对我们的 Digg 应用程序而言，也许我们想稍微改变一下页面的显示方式，让它看起来不太像网格，而更像一个列表。好消息是，这很容易实现 - 并且我们不需要改变任何程序代码。
首先我们将 DataGrid 控件替换为 <ListBox> 控件。我们保持原有的控件名称 ("StoriesList")：
重新运行一下程序，搜索故事，ListBox 会显示搜索结果如下：
你可能觉得奇怪 - 为什么每个条目都变成了 "DiggSample.DiggStory"? 这是因为我们把 DiggStory 对象绑定给了 ListBox（而绑定的默认行为会调用这些对象的 ToString() 方法）。如果我们想改用每个 DiggStory 对象的 Title 属性来显示条目，可以设置 ListBox 的 DisplayMemberPath 属性：
这样做之后的效果如下：
如果要每次显示不止一个值，或者定制每个条目的布局，我们可以覆盖 ListBox 控件的 ItemTemplate，并提供一个自定义的 DataTemplate. 然后在这个 DataTemplate 内，定制每个 DiggStory 对象如何显示。
例如，我们可以用 DataTemplate 同时显示 DiggStory 的 Title 和 NumDiggs 值，如下所示：
在 DataTemplate 中，我们可以绑定 DiggStory 对象中我们所需的任何公共属性。注意上面我们是如何用 {Binding 属性名} 语法，配合两个 TextBlock 控件来完成这一点的。
设置了上述 DataTemplate 后，我们的 ListBox 会显示如下：
让我们再进一步，修改 DataTemplate 的定义如下。其中使用了两个 StackPanel - 一个用于水平地堆叠行，另一个用来垂直地堆叠文本块(TextBlock)。
上述 DataTemplate 会使我们的 ListBox 用如下方式显示条目：
我们在 App.xaml 文件中定义如下的 Style 规则（注意如何使用 LinearGradientBrush 来获得 DiggPanel 上的好看的渐变背景效果）：
关于 ListBox 有一点值得注意 - 即使我们定制了其条目的显示方式，它仍然会提供悬浮以及选中状态的语义，不管你使用的是鼠标还是键盘（上/下方向键，Home/End，等）：
ListBox 还支持完整的流式改变大小的功能 - 并在需要的时候提供内容的自动卷动功能（注意当窗口变小时，水平滚动条是如何出现的）：
下一步
我们现在已经把数据的显示切换成了基于列表的方式，并清理了其内容列表。
现在让我们来完成这个程序的最后一点功能性行为 - 实现一个主/从工作流程，让用户在列表中选择某个文章时能查看其细节。详见下一篇： 《使用用户控件实现主/从场景》。
（翻译：木野狐）
Silverlight 教程第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)相关推荐
- Silverlight 中文教程第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
这是8个系列教程的第5部分,这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用.这些教程请依次阅读,将有助于您理解 Silverlight 的 ...
- Silverlight教程第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
这是8个系列教程的第5部分,这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用.这些教程请依次阅读,将有助于您理解 Silverlight 的 ...
- 用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
作者: Scott Guthrie 出处: http://blog.joycode.com/scottgu/ [原文地址]Silverlight Tutorial Part 5: Using th ...
- 用 ListBox 和 DataBinding 显示列表数据 (木野狐译) 1
作者: Scott Guthrie 出处: [url]http://blog.joycode.com/scottgu/[/url] [原文地址]Silverlight Tutorial Part ...
- Silverlight教程第四部分：使用 Style 元素更好地封装观感 (木野狐译)
这是8个系列教程的第4部分,这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用.这些教程请依次阅读,将有助于您理解 Silverlight 的 ...
- Silverlight 中文教程第四部分：使用 Style 元素更好地封装观感 (木野狐译)
这是8个系列教程的第4部分,这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用.这些教程请依次阅读,将有助于您理解 Silverlight 的 ...
- OpenCV学习系列教程第五篇：测试和提高代码的效率
Opencv-Python学习系列教程第五篇 来自opencv-python官方学习文档,本人谨做翻译和注释,以及一些自己的理解 本文由作者翻译并进行代码验证,转载请注明出处~ 官方文档请参阅:htt ...
- Kali Linux 安全渗透教程第五更1.4 安装Kali Linux
Kali Linux 安全渗透教程<第五更>1.4 安装Kali Linux Kali Linux 安全渗透教程<第五更>1.4 安装Kali Linux Kali Linux ...
- Java NIO系列教程（五） 通道之间的数据传输
在Java NIO中,如果两个通道中有一个是FileChannel,那你可以直接将数据从一个channel(译者注:channel中文常译作通道)传输到另外一个channel. transferFro ...
最新文章
- 超级可靠、超低成本——BCH的雄心
- LiveBos---扩展按钮调用方法
- 以人为本的机器学习：谷歌人工智能产品设计概述 By 机器之心2017年7月17日 12:13 取代了手动编程，机器学习（ML）是一种帮助计算机发现数据中的模式和关系的科学。对于创建个人的和动态的经历
- 假笨说-从一起GC血案谈到反射原理
- windows mobile 开发 web service 未能建立与网络的连接、无法连接到远程服务器
- 最便宜iPad曝光 苹果给力了！
- Linux下zip的操作命令
- 深度解析 | 用 AI 帮助听障人群，一共需要几步？
- BZOJ1588: [HNOI2002]营业额统计
- 【优化预测】基于matlab遗传算法优化GRNN数据回归拟合【含Matlab源码 1401期】
- 触摸按键 原理 研究笔记
- jvm之对象的创建与内存模型解析
- 从TCL的40年变革史，看中国制造之路
- 【视频异常检测综述-论文阅读】Deep Video Anomaly Detection: Opportunities and Challenges
- Java并发编程进阶——并发锁
- csv文件导入后台乱码_Excel打开csv文件出现乱码的解决方法
- 【数论】狄利克雷卷积
- 海思HI3518e开发板 SDK安装使用
- 一段顺序颠倒能读通的文字_打乱文字顺序，为啥我们照样读得懂
- HTML 标签属性最强集合！