Silverlight - Привязка изображений прямоугольника заполнить
-
02-10-2019 - |
Вопрос
Смешайте 4 говорят мне, что это неверная разметка, и это не говорит мне, почему:
<ImageBrush Stretch="Fill" ImageSource="{Binding Avatar, Mode=OneWay}"/>
Я потянув данные из Twitter Feed, экономя к изображению, а затем привязывая его к Imagebrush (как видно ниже), который будет использоваться в качестве заполнения для прямоугольника. Вот еще контекст:
<Rectangle x:Name="Avatar" RadiusY="9" RadiusX="9" Width="45" Height="45" VerticalAlignment="Center" HorizontalAlignment="Center" >
<Rectangle.Fill>
<ImageBrush Stretch="Fill" ImageSource="{Binding Avatar, Mode=OneWay}"/>
</Rectangle.Fill>
</Rectangle>
Я использую это внутри Silverlight Usercontrol, который используется внутри приложения Silverlight. Любые идеи о том, что проблема может быть?
Решение
Привязка не может быть применена к изображению Imagebrush или так, как кажется. У меня есть подобная проблема и ищете альтернативы.
Другие советы
Вы не можете привязать к изображению Imagebrush, однако вы можете связать свойство заполнения формы. Так что следующие работы:
<Rectangle Name="myRect" Fill="{Binding Avatar}"/>
С классом что-то вроде этого:
public class AvatarClass
{
public ImageBrush Avatar { get; set; }
}
И код позади такой:
myRect.DataContext = new AvatarClass{
Avatar = new ImageBrush {
ImageSource = new BitmapImage(avatarUri)}};
Здесь вы идете: WPF / Silverlight
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:convertor="clr-namespace:WpfApplication1.Converters"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<convertor:RectangleImageFillConvertor x:Key="RectangleImageFillConvertor" />
</Window.Resources>
<Grid>
<Rectangle HorizontalAlignment="Center"
RadiusX="10"
RadiusY="10"
Width="200"
Height="200"
Fill="{Binding ImageUrl, Converter={StaticResource RectangleImageFillConvertor}}"/>
</Grid>
</Window>
Блокировка
namespace WpfApplication1
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public string ImageUrl { get; set; }
public MainWindow()
{
InitializeComponent();
this.DataContext = this;
ImageUrl = "http://www.deargrumpycat.com/wp-content/uploads/2013/02/Grumpy-Cat1.jpg";
}
}
}
Блокнотка блокировки блока
namespace WpfApplication1.Converters
{
public class RectangleImageFillConvertor : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
try
{
return new ImageBrush(new BitmapImage(new Uri(value as string, UriKind.RelativeOrAbsolute)));
//if silverlight
// return new ImageBrush{ ImageSource = new BitmapImage(new Uri(value as string, UriKind.RelativeOrAbsolute))};
}
catch
{
return null;
}
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
}