Windows Phone 7下ListBox的使用

最新推荐文章于 2024-12-20 00:00:00 发布

Eric_Su0755

最新推荐文章于 2024-12-20 00:00:00 发布

阅读量704

点赞数

CC 4.0 BY-SA版权

分类专栏： windows phone 7 文章标签： windows phone binding books path object datatemplate

本文链接：https://blog.youkuaiyun.com/Eric_Su0755/article/details/5989472

windows phone 7 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Windows Phone 7上使用ListBox创建图书列表应用，包括创建Silverlight for phone项目、定义图书类、实现价格转换及绑定图书数据等步骤。

学习一下如何在Windows Phone 7下使用ListBox 来做一个图书列表。

1. 首先打开Microsoft Visual Studio 2010 Express for Windows Phone, 新建一个Silverlight for phone工程，命名为BookList.

2. 右击解决方案的BookList工程，选择Add ->New Folder，新建一个文件夹，命名为 Picture，右击该文件夹，选择Add->Existing Item…，在弹出的窗口中把书的封面图片添加进去。

3. 打开MainPage.xaml.cs文件，添加一个新的类Book,代码如下：

public class Book { public Book() { } public Book(string Name, decimal Price, string Picture) { this.BookName = Name; this.BookPrice = Price; this.BookPic = Picture; } public string BookName; public decimal BookPrice; public string BookPic; }

4. 添加一个数值转换类，用于转换价格，代码如下：

public class PriceConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { decimal price; price = (decimal)value; return price.ToString("c"); } public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { throw new NotImplementedException(); } }

添加一个Books类，代码如下：

public class Books:List<Book> { public Books() { } private const string Picture_Path = "../Picture/"; public ObservableCollection<Book> DataCollection { get; set; } public ObservableCollection<Book> BuildCollection() { DataCollection = new ObservableCollection<Book>(); DataCollection.Add(new Book("Adobe Photoshop CS2中文版经典教程", Convert.ToDecimal(19.95), Picture_Path + "Adobe Photoshop CS2中文版经典教程.jpg")); DataCollection.Add(new Book("精通CSS+DIV网页样式布局", Convert.ToDecimal(19.95), Picture_Path + "精通CSS+DIV网页样式布局.jpg")); DataCollection.Add(new Book("学习OpenCV", Convert.ToDecimal(19.95), Picture_Path + "学习OpenCV.jpg")); DataCollection.Add(new Book("演说之禅", Convert.ToDecimal(19.95), Picture_Path + "演说之禅.jpg")); DataCollection.Add(new Book("用户体验的要素", Convert.ToDecimal(19.95), Picture_Path + "用户体验的要素.jpg")); return DataCollection; } }

5. 打开Mainpage.xaml文件，在开头处增加一个本工程命名空间。代码如下：

<phone:PhoneApplicationPage x:Class="BookList.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:data="clr-namespace:BookList" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True">

6. 接下来把Books和PriceConverter类加入到xaml文件中。

<phone:PhoneApplicationPage.Resources> <data:Books x:Key="BookCollection" /> <data:PriceConverter x:Key="priceConvert" /> </phone:PhoneApplicationPage.Resources>

7. 修改模拟器的标题

8. 在ContentPanel处添加一个ListBox，代码如下：