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方法：

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方法：

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

最后把运行的效果截图给大家：

由于背景有点花，不是很清楚，对不起大家，以上是本人学习一个过程，分享给大家，希望大家提建议，拍砖，共同学习进步。