0%

Windows Phone 7下拉菜单的实现 Silverlight for Windows Phone Toolkit中ListPicker的使用

默认情况下,Visual Studio的ToolBox里没有任何下拉菜单的控件可供使用,虽然可以手工输入代码使用隐藏的ComboBox来实现下拉菜单,但是显示出来的菜单与Metro UI主题不匹配。Silverlight for Windows Phone Toolkit提供了多个系统默认没有的控件扩展,像AutoCompleteBox,ContextMenu,DatePicker,ListPicker等等,我们下载安装后就可以使用这些控件。要实现下拉菜单,用到了这里的ListPicker.下面详细介绍使用方法。 首先,要下载安装Silverlight for Windows Phone Toolkit,地址:http://silverlight.codeplex.com/releases. 然后,在工程中添加引用。点击Project–Add Reference–.Net选项卡,下拉,找到Microsoft.Phone.Controls.Toolkit,双击添加,如下图: 。这样就可以在XAML代码中使用所有Toolkit中包含的控件了。 接着添加控件:打开相应的XAML,在phone根元素添加命名空间,

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

在需要添加ListPicker的地方添加ListPicker代码,需要使用toolkit前缀,如:

            <toolkit:ListPicker Header="Categories">
                <toolkit:ListPickerItem Content="Johnny" />
                <toolkit:ListPickerItem Content="Tommy" />
                <toolkit:ListPickerItem Content="Alumi" />
            </toolkit:ListPicker>

保存后,即可在预览里看到如下效果: Windows Phone7的资料比较少,搞定下拉菜单就花了不少时间。 2011年9月21日注:可以在工具箱上点右键-选择项来添加默认没显示的控件,包括安装Toolkit后增加的ListPicker,这样就可以直接用鼠标拖动添加控件。