使用Behavior动态对Cavas.Children赋值

Cavas的Children属性本身是不能用于绑定的，一种变通的方法是使用Behavior：

using System.Windows;

using System.Windows.Controls;

using System.Windows.Interactivity;

using System.Linq;

 

namespace WpfApp1

{

    public partial class MainWindow

    {

        public MainWindow()

        {

            InitializeComponent();

        }

 

        Label _label = new Label {Content = "dynamic label"};

        TextBox _text = new TextBox {Text = "dynamic text", Margin = new Thickness(150, 0, 0, 0 ) };

        public UIElementCollection CanvasChildren

        {

            get { return new UIElementCollection(this, null) { _label, _text }; }

        }

    }

 

    public class BindChildren : Behavior<Panel>

    {

        private static readonly DependencyProperty ChildrenProperty = DependencyProperty.Register("Children", typeof (UIElementCollection), typeof (BindChildren));

 

        public UIElementCollection Children

        {

            get { return (UIElementCollection)GetValue(ChildrenProperty);  }

            set { SetValue(ChildrenProperty, value); }

        }

 

        protected override void OnAttached()

        {

            if (Children != null)

            {

                var children = Children.Cast<UIElement>().ToList();

                Children.Clear(); // remove all children from original container in order to add it to new container

                children.ForEach(child => this.AssociatedObject.Children.Add(child));

            }

        }

    }

}

 

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        Title="MainWindow" Height="350" Width="525"
        DataContext="{Binding RelativeSource={RelativeSource Self}}"
    >
    <Canvas>
        <i:Interaction.Behaviors>
            <local:BindChildren Children="{Binding CanvasChildren}" />
        </i:Interaction.Behaviors>
    </Canvas>
</Window>