基于Cairngorm的Silverlight开发 - part4

通过绑定用视图来管理ModelLocator  

由于绑定是双向的，所以在绑定到一些可以操作其自身属性的的控件时，对ModelLocator也是有影响的。这里把上边事例中的颜色的RGB值分别绑定到三个Slider控件上。

        public ColorConfig()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(ColorConfig_Loaded);
        }

        void ColorConfig_Loaded(object sender, RoutedEventArgs e)
        {
            ByteConverter bc=new ByteConverter();
            this.DataContext = BackGroundModel.Instance;
            Binding bindR = new Binding("R");
            bindR.Mode = BindingMode.TwoWay;
            bindR.Converter = bc;
            xRSlider.SetBinding(Slider.ValueProperty, bindR);
            Binding bindG = new Binding("G");
            bindG.Mode = BindingMode.TwoWay;
            bindG.Converter = bc;
            xGSlider.SetBinding(Slider.ValueProperty, bindG);
            Binding bindB = new Binding("B");
            bindB.Mode = BindingMode.TwoWay;
            bindB.Converter = bc;
            xBSlider.SetBinding(Slider.ValueProperty, bindB);
        }

这里用到了一个数据值的转换，有时需要把一个图片绑定到控件上，但是只有图片的Uri是不行的，要做一步转换。我给出的代码片段都是最简单的。

    public class ByteConverter:IValueConverter
    {
        public object Convert(
            object value,
            Type targetType,
            object parameter,
            CultureInfo culture)
        {
            int b = System.Convert.ToInt32(value);
            return (byte)b;
        }

        public object ConvertBack(
            object value,
            Type targetType,
            object parameter,
            CultureInfo culture)
        {
            byte b = System.Convert.ToByte(value);
            return (int)b;
        } 

    }

到这里就和上一篇形成了一个完整的demo了，Demo预览。

送上视频 ：）

ViewManagerP2.wmv

 

 

 

 

【代码下载】

 

 

基于Cairngorm的Silverlight开发 - part3