Silverlight自定义控件系列 – TreeView (3) 添加展开和收起事件

由于Writer嫌我文章过长，只能把上篇拆开两半了。以下是接着上篇的。

准备工作做完了，现在就要完成点击事件。

定义Expander和单击事件：

 1: /// <summary>

 2: /// The togglebutton for expanding or collapsing the items when mouse left button clicked on it

 3: /// </summary>

 4: private ToggleButton expander;

5:

 1: /// <summary>

 2: /// Gets or sets the toggle button Expander

 3: /// </summary>

 4: public ToggleButton Expander

 5: {

 6:  get

 7: {

 8:  return this.expander;

 9: }

10:

 11:  set

 12: {

 13:  if (this.expander != null)

 14: {

 15:  this.expander.Click -= new RoutedEventHandler(this.OnExpanderClick);

 16: }

17:

 18:  this.expander = value;

19:

 20:  if (this.expander != null)

 21: {

 22:  this.expander.IsChecked = new bool?(this.IsExpanded);

 23:  this.expander.Click += new RoutedEventHandler(this.OnExpanderClick);

 24: }

 25: }

 26: }

27:

 1: /// <summary>

 2: /// Method occurs when mouse left button click on Expander

 3: /// </summary>

 4: /// <param name="sender">The source object</param>

 5: /// <param name="e">The routed event arrguments</param>

 6: private void OnExpanderClick(object sender, RoutedEventArgs e)

 7: {

 8:  bool flag = !this.IsExpanded;

 9:  this.IsExpanded = flag;

 10: }

11:

 1: /// <summary>

 2: /// Method occurs when the expanded state has been changed

 3: /// </summary>

 4: /// <param name="handler">The target event handler</param>

 5: /// <param name="args">The routed arrguments</param>

 6: private void ChangeExpandedState(RoutedEventHandler handler, RoutedEventArgs args)

 7: {

 8:  ToggleButton button = this.Expander;

9:

 10:  if (button != null)

 11: {

 12: button.IsChecked = new bool?(this.IsExpanded);

 13: }

14:

 15:  this.UpdateVisualState(true);

 16:  this.RaiseEvent(handler, args);

 17: }

18:

接下来就是最后一步了，就是定义展开和收起事件，并把它们和刚才的准备工作结合起来

定义event handler：

 1: #region Events

2:

 3: /// <summary>

 4: /// The expanded event

 5: /// </summary>

 6: public event RoutedEventHandler Expanded;

7:

 8: /// <summary>

 9: /// The Collapsed event

 10: /// </summary>

 11: public event RoutedEventHandler Collapsed;

12:

 13: #endregion

14:

定义事件：

 1: /// <summary>

 2: /// To expand the children

 3: /// </summary>

 4: /// <param name="e">The routed event arrguments</param>

 5: public void OnExpanded(RoutedEventArgs e)

 6: {

 7:  this.ChangeExpandedState(this.Expanded, e);

 8: }

9:

 10: /// <summary>

 11: /// To collapse the children

 12: /// </summary>

 13: /// <param name="e">The routed event arrguments</param>

 14: public void OnCollapsed(RoutedEventArgs e)

 15: {

 16:  this.ChangeExpandedState(this.Collapsed, e);

 17: }

18:

修改OnIsExpandedPropertyChanged方法：

 1: /// <summary>

 2: /// Call back when IsExpanded property has been changed

 3: /// </summary>

 4: /// <param name="o">The target object</param>

 5: /// <param name="e">The property changed event arrguments</param>

 6: private static void OnIsExpandedPropertyChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)

 7: {

 8:  FancyTreeViewItem item = o as FancyTreeViewItem;

 9:  bool newValue = (bool)e.NewValue;

 10:  RoutedEventArgs args = new RoutedEventArgs();

11:

 12:  if (newValue)

 13: {

 14: item.OnExpanded(args);

 15: }

 16:  else

 17: {

 18: item.OnCollapsed(args);

 19: }

 20: }

21:

从模板中寻找Expander模块跟类中Expander按钮对应起来：

 1: /// <summary>

 2: /// Override the function for banding template

 3: /// </summary>

 4: public override void OnApplyTemplate()

 5: {

 6:  this.Expander = this.GetTemplateChild("Expander") as ToggleButton;

 7:  base.OnApplyTemplate();

 8: }

9:

最后运行看下效果：

图3.1 节点收起的效果图

图3.2 节点展开的效果图

巴特西