|ZYCWPF| 在MVVM中，如何绑定InkCanvas的Strokes，绑定后我在后台取到的值都为null 谢谢

[javamy023]

            <InkCanvas x:Name="inkCanv" Margin="10" Background="White" Strokes="{Binding Strokes,Mode=TwoWay}" z:StrokeCollected.Command="{Binding OnSaveInkStroke}" z:StrokeErased.Command="{Binding OnSaveInkStroke}" z:StrokeErasing.Command="{Binding OnSaveInkStroke}">
            </InkCanvas>

我看了这个白板的输出是Strokes，然后我在后台定义Strokes属性进行绑定

        /// <summary>
        /// 白板内容
        /// </summary>
        public StrokeCollection Strokes
        {
            get { return strokes; }
            set
            {
                strokes = value;
                this.RaisePropertyChanged("Strokes");
            }
        }

最后在画画板的时候取得这个值

        public ICommand OnSaveInkStroke { get; set; }

        public void SaveInkStroke(EventArgs e)
        {
            try
            {
                System.IO.MemoryStream memoryStream = new System.IO.MemoryStream();

                this.Strokes.Save(memoryStream);

                memoryStream.Flush();

                Service.ServiceClient.Instance.SendInkStrokes(memoryStream.GetBuffer());
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, Title);
            }
        }

但是我这里的Strokes得到的值都为null
这是怎么回事
如何正确绑定

谢谢

[杨友山]

如果绑定了，界面也能输出值，说明绑定是没问题的。那么你在这个方法中取值，就要考虑，绑定是需要时间的，不是说赋值后立即就能取得绑定的值。 比如，你在后台对你的 inkCanv里的 Strokes赋值后，你立马去取

   public StrokeCollection Strokes       
 {            
get { return strokes; }            
set 
 { strokes = value; 
this.RaisePropertyChanged("Strokes"); 
 }        
}

这时取到的就有可能不是你刚才赋的那个值。这个我也是最近刚在项目中发现的。

[jshi123]

嗯？还没睡啊 我看看

[javamy026]

不好意思。。。 自己搞错了 后面方法给我改了名字了 谢谢

[javamy023]

引用 4 楼 jshi123 的回复:

嗯？还没睡啊 我看看

生活压力大。最近一直忙学习WPF，让明年涨点工资 谢谢

[jshi123]

活活

[jshi123]

Strokes是一个集合类型，在InkCanvas画图时，并不会去调用后台绑定属性Strokes的set方法，而是会向已绑定的StrokeCollection中添加笔画。 所以你的Strokes属性的get方法要返回一个StrokeCollection的实例，你现在返回的是null，就是什么也没绑定。 StrokeCollection本身实现了INotifyPropertyChanged, INotifyCollectionChanged接口，也就是集合内容有更新时，它会自动去通知其它绑定目标。 所以ViewModel的Stroke属性可以写成这样：

	private StrokeCollection strokes;

	/// <summary>
	/// 白板内容
	/// </summary>
	public StrokeCollection Strokes
	{
		get
		{
			if (strokes == null)
			{
				strokes = new StrokeCollection();
			}
			return strokes;
		}
	}

因为没有set，前台要去掉TwoWay（注意这是集合属性，双向绑定的机制是在集合内部，而不是集合本身）

    <InkCanvas x:Name="inkCanv" Margin="10" Background="White"
                Strokes="{Binding Strokes}"
                z:StrokeCollected.Command="{Binding OnSaveInkStroke}" 
                z:StrokeErased.Command="{Binding OnSaveInkStroke}" 
                z:StrokeErasing.Command="{Binding OnSaveInkStroke}">
    </InkCanvas>

[javamy023]

奇怪了我的画板的命令没有触发

        <Border Name="brInkCanvas" Grid.Column="1" Grid.Row="1" Visibility="{Binding IsLogin,Converter={StaticResource VisibilityConverter}}">
            <InkCanvas x:Name="inkCanv" Margin="10" Background="White" Strokes="{Binding Strokes}" z:StrokeCollected.Command="{Binding OnSaveInkStroke}" z:StrokeErased.Command="{Binding OnSaveInkStroke}" z:StrokeErasing.Command="{Binding OnSaveInkStroke}">
            </InkCanvas>
        </Border>

        /// <summary>
        /// 绑定事件
        /// </summary>
        void BindEvent()
        {
            this.OnSendInkStroke = new DelegateCommand<System.Windows.Controls.InkCanvasStrokeErasingEventArgs>(SendInkStroke);
        }
         /// <summary>
        /// 发送白板内容更新
        /// </summary>
        public ICommand OnSendInkStroke { get; set; }
        public void SendInkStroke(System.Windows.Controls.InkCanvasStrokeErasingEventArgs e)
        {
            try
            {
                System.IO.MemoryStream memoryStream = new System.IO.MemoryStream();

                this.Strokes.Save(memoryStream);

                memoryStream.Flush();

                Service.ServiceClient.Instance.SendInkStrokes(memoryStream.GetBuffer());
            }
            catch (Exception exc)
            {
                MessageBox.Show(exc.Message, Title);
            }
        }

哪里出问题了 谢谢