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

View Code

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

View Code

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

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

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