WPF的Canvas背景图片两个正确加载方法

最近开发大屏软件，要能实时加载图片当做Canvas的背景，在Xaml.cs里用ImageBrush设置没有效果，比如：

            //ImageBrush b = new ImageBrush();
            ////b.ImageSource = (sender as Image).Source;
            //b.ImageSource = new BitmapImage(new Uri(model.picture, UriKind.Absolute));
            //b.Stretch = Stretch.Fill;
            //RootGrid.Background = b;

但是类似的代码在国内网站上很多，不过确实是不行的，所以才像标题的意思哪样说，要给出正确的方法。

正确的方法的核心原理是WPF的MVVM需要在ViewModel里对属性进行配置，ViewModel是核心，用ViewModel就可以了。下面是ViewModel的示例代码：

<Border Width="48" Height="48" Background="{Binding imageBinding}"/>
              public Page()
                {
                InitializeComponent();
                DataContext = new bindMe();              
 }
                           
 public class bindMe
                {
                public ImageBrush imageBinding
                {
                get
                {
                ImageBrush brush = new ImageBrush();
                brush.ImageSource = new BitmapImage(new Uri("http://labs.ucaya.com/ucaya.png"));
                return brush;
                }
                }
                }

DataContext就是ViewModel类的对象，

另外还有一个方法，我没试验，应该能行，

1、使用转换类，如下：

public class TeamMemberImageBrushConverter : IValueConverter
{

#region IValueConverter Members

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
BitmapImage _i = (BitmapImage)value;
ImageBrush _b = new ImageBrush();
if (_i != null)
{
_b.ImageSource = _i;
}
return _b;

}

public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}

#endregion
}

2.添加本地用户资源到你的控件

<UserControl.Resources>
        <local:TeamMemberImageBrushConverter x:Key="imgBrush"/>
    </UserControl.Resources>

3. 将转换器和绑定添加到您的边框对象

<Border Margin="0,0,0,5" x:Name="TeamImage" CornerRadius="10,10,10,10" BorderBrush="#FFA9A9A9" BorderThickness="2,2,2,2" IsHitTestVisible="True"
                Background="{Binding Thumb, Converter={StaticResource imgBrush}}">

我目前在项目模板的自定义控件中使用它，它的工作方式完全符合预期。

例子里虽然处理的是Border对象，但也适用于Canvas。

友情链接

汕头招聘网 | 山东招聘网 | 郑州教育培训 | 软件下载