VisualTreeHelper使用之ListBox模板DataTemplate中CheckBox选中项(WP7.1)
在最近的WP项目中要导入手机联系人,并且可以勾选添加(WP访问联系人这里不说了),开始设计是,外面ListBox,在DataTemplate中添加CheckBox,当然界面设计完全没问题也很漂亮,但是到后台要读取数据的时候我发现不知所措了,纠结了1个多小时没想到怎么做,最后使用了ListBoxWithCheckBoxes代替我之前的,结果使用起来很简单,很方便。
但是最近我在无意间看到逻辑树和可视化树,网上说可视化树可以遍历模板内容(可视化树概念也存在于WPF 中,它与Silverlight 的可视化树概念类似。 然而,一个显著的差异是WPF 还提供一个附加的筛选器或对象树(称为“逻辑树”)的概念。),一下子就好兴奋,好吧下面我们就开始我们的工作,完成ListBox中CheckBox的选择项遍历:
先定义数据绑定FileBrowserModel 类:
public class FileBrowserModel : INotifyPropertyChanged { private string _FileName; public string FileName { get { return _FileName; } set { if (value != _FileName) { _FileName = value; NotifyPropertyChanged("FileName"); } } } private string _CreateDate; public string CreateDate { get { return _CreateDate; } set { if (value != _CreateDate) { _CreateDate = value; NotifyPropertyChanged("CreateDate"); } } } public event PropertyChangedEventHandler PropertyChanged; private void NotifyPropertyChanged(String propertyName) { PropertyChangedEventHandler handler = PropertyChanged; if (null != handler) { handler(this, new PropertyChangedEventArgs(propertyName)); } } }
注意ListBox绑定的ItemsSource="{Binding FileBrowserModels}" 是FileBrowserModels,它是:
public ObservableCollection<FileBrowserModel> FileBrowserModels { get; private set; }
XAML部分代码:
<ListBox x:Name="FileListBox" ItemsSource="{Binding FileBrowserModels}" Margin="0,-6,-12,0" Height="541"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel> <TextBlock x:Name="tt" Text="{Binding CreateDate}"></TextBlock> <CheckBox Content="{Binding FileName}"></CheckBox> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox>
绑定好了,之后再Grid里面添加一个Button
<Button x:Name="btn" Content="btn" Click="btn_Click"></Button>
后台代码如下:
private void btn_Click(object sender, RoutedEventArgs e) { for (int i = 0; i < this.FileListBox.Items.Count; i++) { ListBoxItem item = this.FileListBox.ItemContainerGenerator.ContainerFromIndex(i) as ListBoxItem; //通过VisualTreeHelper去找到TextBlock|Checkbox控件 TextBlock txtBlock = FindLastElementInVisualTree<TextBlock>(item);
CheckBox chkBox = FindFirstElementInVisualTree<CheckBox>(item); //FileBrowserModel filebor = item.DataContext as FileBrowserModel; if (chkBox.IsChecked == true) { MessageBox.Show(chkBox.Content.ToString() + txtBlock.Text.ToString()); } } }
FindFirstElementInVisualTree方法:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
private T FindFirstElementInVisualTree<T>(DependencyObject parentElement) where T : DependencyObject { var count = VisualTreeHelper.GetChildrenCount(parentElement); if (count == 0) return null; for (int i = 0; i < count; i++) { var child = VisualTreeHelper.GetChild(parentElement, i); if (child != null && child is T) { return (T)child; } else { var result = FindFirstElementInVisualTree<T>(child); if (result != null) return result; } } return null; }
FindLastElementInVisualTree方法:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
private T FindLastElementInVisualTree<T>(DependencyObject parentElement) where T : DependencyObject { var count = VisualTreeHelper.GetChildrenCount(parentElement); if (count == 0) return null; for (int i = count-1; i >= 0; i --) { var child = VisualTreeHelper.GetChild(parentElement, i); if (child != null && child is T) { return (T)child; } else { var result = FindFirstElementInVisualTree<T>(child); if (result != null) return result; } } return null; }
由于DataTemplate只有两个控件,所以一个从后向前遍历,一个从前向后遍历,其实他的方法都是参考国外一篇文章:
VisualTreeHelper
通过以上的方法,我们可以查找到ListBox中那个CheckBox被选中,以及读取到对应的值;当然在实际的项目中你可能需要读取的值不仅仅是CheckBox一个,这是难道我们需要向DataTemplate中添加多个TextBlock吗??回答当然不是,我们其实有一个CheckBox就足够,我们可以通过FileBrowserModel filebor = item.DataContext as FileBrowserModel;(这里的FileBrowserModel 是数据绑定类)获取当前选中项的对象,通过filebor读取其他字段值;
最后在MSDN参考学习:http://msdn.microsoft.com/zh-cn/library/bb613579.aspx
最后把运行的效果截图给大家:
由于背景有点花,不是很清楚,对不起大家,以上是本人学习一个过程,分享给大家,希望大家提建议,拍砖,共同学习进步。