重新想象 Windows 8 Store Apps (5)

lomg

　　[源码下载]




重新想象 Windows 8 Store Apps (5) - 控件之集合控件: ComboBox, ListBox, FlipView, ItemsControl, ItemsPresenter　　
作者：webabcd

介绍
重新想象 Windows 8 Store Apps 之集合控件

• ComboBox - 下拉框
  
• ListBox - 列表框
  
• FlipView - 滑动视图控件
  
• ItemsControl ItemsPresenter - ItemsPresenter 用来呈现 ItemsControl 的 Items
  

　　
示例
1、ComboBox 的 Demo
ComboBoxDemo.xaml





























　　ComboBoxDemo.xaml.cs



/*
* ComboBox - 下拉框
*     IsDropDownOpen - 下拉框是否处于打开状态
*     MaxDropDownHeight - 打开后的下拉框的最大高度
*     DropDownOpened - 下拉框打开时触发的事件
*     DropDownClosed - 下拉框关闭时触发的事件
*/
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
using XamlDemo.Model;
namespace XamlDemo.Controls
{
public sealed partial class ComboBoxDemo : Page
{
public ComboBoxDemo()
{
this.InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
// 绑定数据到 ComboBox
var data = TestData.GetEmployees();
comboBoxWithBinding.ItemsSource = data;
}
}
}
　　
2、ListBox 的 Demo
ListBoxDemo.xaml





































　　ListBoxDemo.xaml.cs



/*
* ListBox - 列表框
*     SelectionMode - 选择的模式（Single - 单选；Multiple - 仅通过鼠标多选；Extended - 通过鼠标和辅助键多选）
*     ScrollIntoView(object item) - 滚动到指定 item
*     SelectAll() - 选中所有项
*/
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
using XamlDemo.Model;
namespace XamlDemo.Controls
{
public sealed partial class ListBoxDemo : Page
{
public ListBoxDemo()
{
this.InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
// 绑定数据到 ListBox
var data = TestData.GetEmployees();
listBoxWithBinding.ItemsSource = data;
}
}
}

　　
3、FlipView 的 Demo
FlipViewDemo.xaml












































　　FlipViewDemo.xaml.cs



/*
* FlipView - 滑动视图控件
*/
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
using XamlDemo.Model;
namespace XamlDemo.Controls
{
public sealed partial class FlipViewDemo : Page
{
public FlipViewDemo()
{
this.InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
// 绑定数据到 FlipView
var employees = TestData.GetEmployees();
flipView.ItemsSource = employees;
}
}
}
　　
4、ItemsControl, ItemsPresenter 的 Demo
ItemsControlDemo.xaml

























　　
OK
[源码下载]