lomg 发表于 2015-5-22 03:05:33

重新想象 Windows 8 Store Apps (5)

  [源码下载]




重新想象 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
[源码下载]
页: [1]
查看完整版本: 重新想象 Windows 8 Store Apps (5)