WPF & Silverlight Object data binding

网上很多介绍关于设计期绑定的文章, 但是Coding动态创建binding方式基本没有, 在项目开发过程中经常会用到的,在此做个简单的笔记,以做参考.

binding的好处网上介绍的一堆, 不重复了,Binding 理解INotifyPropertyChanged, ObservableCollection, BindingMode 是基础

几种控件和组件的绑定方式如下:

/*WinBindObject .cs*/

WinBindObject .cs
  1using System;
  2using System.Collections.Generic;
  3using System.Collections.ObjectModel;
  4using System.Linq;
  5using System.Text;
  6using System.Windows;
  7using System.Windows.Controls;
  8using System.Windows.Data;
  9using System.Windows.Documents;
 10using System.Windows.Input;
 11using System.Windows.Media;
 12using System.Windows.Media.Imaging;
 13using System.Windows.Shapes;
 14using System.ComponentModel; 
 15
 16namespace Exio.NR.WPF.Test
 17{
 18    /**//// <summary>
 19    /// Interaction logic for WinBindObject.xaml
 20    /// </summary>
 21    public partial class WinBindObject : Window
 22    {
 23        Entity ent1, ent2;
 24        public WinBindObject()
 25        {
 26            InitializeComponent();
 27            this.btnShowContent.Click +=new RoutedEventHandler(btnShowContent_Click);
 28            InitData();
 29        }
 30        void btnShowContent_Click(object sender, RoutedEventArgs e)
 31        {
 32            MessageBox.Show(ent1.ToString(),"Red Canvas");
 33            MessageBox.Show(ent2.ToString(), "Blue Canvas");
 34        }
 35        void InitData()
 36        {
 37            //初始化数据
 38            ent1 = new Entity()
 39            {
 40                Name="Knife",
 41                Angle = 10,
 42                Top = 30,
 43                Left =30,
 44                Height = 72,
 45                Width = 80,
 46                Bacground = Colors.Red,
 47                Target = TargetPerson.Man
 48            };
 49            Canvas c1 = InitElement(ent1);
 50            canvContainer.Children.Add(c1);
 51
 52            ent2 = new Entity()
 53            {
 54                Name = "Robot",
 55                Angle = -60,
 56                Top = 160,
 57                Left = 90,
 58                Height =42,
 59                Width = 80,
 60                Bacground = Colors.Blue,
 61                Target = TargetPerson.Child
 62            };
 63            Canvas c2 = InitElement(ent2);
 64            canvContainer.Children.Add(c2);
 65        }
 66
 67        Canvas InitElement(Entity ent)
 68        {
 69            //绑定
 70            Canvas c1 = new Canvas();
 71
 72            TextBox t = new TextBox();
 73            t.SetBinding(TextBox.TextProperty, new Binding("Name") { Mode = BindingMode.OneWay });
 74            t.Width = 60;
 75            t.DataContext = ent;
 76            c1.Children.Add(t);
 77
 78            TextBox tH = new TextBox();
 79            tH.SetBinding(TextBox.TextProperty, new Binding("Top") { Mode = BindingMode.TwoWay });
 80            tH.Width = 60;
 81            tH.SetValue(Canvas.TopProperty, 25.0);
 82            tH.DataContext = ent;
 83            c1.Children.Add(tH);
 84
 85
 86
 87            ObservableCollection<ListItemData> data = new ObservableCollection<ListItemData>();
 88            data.Add(new ListItemData() { Text = "Child", Value = TargetPerson.Child });
 89            data.Add(new ListItemData() { Text = "Man", Value = TargetPerson.Man });
 90            data.Add(new ListItemData() { Text = "Woman", Value = TargetPerson.Woman });
 91
 92            ComboBox cb = new ComboBox();
 93            cb.Width = 50;
 94            cb.SetValue(Canvas.TopProperty, 50.0);
 95            cb.SetBinding(ComboBox.SelectedValueProperty, new Binding("Target") { Mode = BindingMode.TwoWay });
 96            cb.DisplayMemberPath = "Text";
 97            cb.SelectedValuePath = "Value";
 98            c1.SetBinding(Canvas.TopProperty, new Binding("Top") { Mode = BindingMode.OneWay });
 99            c1.SetBinding(Canvas.LeftProperty, new Binding("Left") { Mode = BindingMode.OneTime });
100            c1.SetBinding(Canvas.WidthProperty, new Binding("Width") { Mode = BindingMode.OneTime });
101            c1.SetBinding(Canvas.HeightProperty, new Binding("Height") { Mode = BindingMode.OneTime });
102            cb.ItemsSource = data;
103            cb.DataContext = ent;
104            c1.Children.Add(cb);
105
106            TransformGroup tg = new TransformGroup();
107            c1.RenderTransform = tg;
108            //旋转角度, 注意这个绑定(因为RotateTransform 不是 FrameworkElement,没有SetBinding方法)
109            RotateTransform rt = new RotateTransform();
110            BindingOperations.SetBinding(rt, RotateTransform.AngleProperty, new Binding("Angle") { Mode = BindingMode.OneTime });
111            tg.Children.Add(rt);
112            c1.Background = new SolidColorBrush(ent.Bacground);
113            c1.DataContext = ent;
114            return c1;
115        }
116    }
117
118    public class ListItemData{
119        public string Text { get; set; }
120        public TargetPerson Value { get; set; }
121    }
122    /**//// <summary>
123    /// 使用群体
124    /// </summary>
125    public enum TargetPerson
126    {
127        Child,
128        Man,
129        Woman
130    }
131    public class Entity:INotifyPropertyChanged
132    {
133        public event PropertyChangedEventHandler PropertyChanged;
134        protected void Notify(string propName)
135        {
136            if (this.PropertyChanged != null)
137            {
138                PropertyChanged(this, new PropertyChangedEventArgs(propName));
139            }
140        }
141        string _name;
142
143        public string Name
144        {
145            get { return _name; }
146            set { 
147                if (this._name == value) { return; }
148                this._name = value;
149                Notify("Name"); }
150        }
151        //旋转角度 
152        double _angle;
153
154        public double Angle
155        {
156            get { return _angle; }
157            set
158            {
159                if (this._angle == value) { return; }
160                this._angle = value;
161                Notify("Angle");
162            }
163        }
164        double _top;
165
166        public double Top
167        {
168            get { return _top; }
169            set
170            {
171                if (this._top == value) { return; }
172                this._top = value;
173                Notify("Top");
174            }
175        }
176        double _left;
177
178        public double Left
179        {
180            get { return _left; }
181            set { _left = value; }
182        }
183        double _width;
184
185        public double Width
186        {
187            get { return _width; }
188            set
189            {
190                if (this._width == value) { return; }
191                this._width = value;
192                Notify("Width");
193            }
194        }
195        double _height;
196
197        public double Height
198        {
199            get { return _height; }
200            set
201            {
202                if (this._height == value) { return; }
203                this._height = value;
204                Notify("Height");
205            }
206        }
207        Color _bg;
208
209        public Color Bacground
210        {
211            get { return _bg; }
212            set
213            {
214                if (this._bg == value) { return; }
215                this._bg = value;
216                Notify("Bacground");
217            }
218        }
219        //所属类别
220        TargetPerson _target;
221
222        public TargetPerson Target
223        {
224            get { return _target; }
225            set
226            {
227                if (this._target == value) { return; }
228                this._target = value;
229                Notify("Target");
230            }
231        }
232        public string ToString()
233        {
234            return string.Format(@"
235        Name    :{0}
236        Angle   :{1}
237        Top     :{2}
238        Left    :{3}
239        Width   :{4}
240        Height  :{5}
241        Bacground:{6}
242        Target  :{7}",
243                  Name    ,
244                  Angle   ,
245                  Top     ,
246                  Left    ,
247                  Width   ,
248                  Height  ,
249                  Bacground,
250                  Target);
251        }
252    }
253}
254

 

 修改所有属性后点击按钮, 体会BindingMode

 

WinBindObject.xaml
1<Window x:Class="Exio.NR.WPF.Test.WinBindObject"
2    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4    Title="WinBindObject" Height="300" Width="300">
5    <Canvas x:Name="canvContainer">
6    </Canvas>
7</Window>