Question

我想创建一个包含Image控件的用户控件，我想将其源代码与图像的url绑定。如何在用户控件XAMl和CS代码中执行此操作以及如何使用此用户控件并绑定其依赖项属性？

Answer 1

您可以拥有Image这样的控件，您可以将source绑定到它：

<Image Width="75" Height="75" Source="{Binding thumbUrl}" Stretch="Fill"/>

您可以参考以下内容：

Image databinding XAML, Silverlight, C#, Windows Phone 7.1

http://www.geekchamp.com/tips/data-binding-images-in-windows-phone

希望它有所帮助！

Answer 2

您可以通过

创建用户控件

（i）在解决方案资源管理器中右键单击项目图块，然后选择添加 - >新项目

（ii）从弹出窗口中选择“Windows Phone用户控件”，设置要使用的名称

（iii）在用户控件的

的XAML部分中添加以下代码

<StackPanel x:Name="LayoutRoot" >
    <TextBlock Text="My User Control" FontSize="34"/>
     <Image x:Name="Image1" Source="{Binding ImageUrl}" />
</StackPanel>

在模型中定义属性

public Uri ImageUrl { get; set; }

并将其绑定到您的图像

Uri uri = new Uri("http://Abundantcode.com/image.jpg", UriKind.Absolute)
Image1.Source = new BitmapImage(uri);

现在您可以在任何地方使用UserControl，

<local:MyUserControl x:Name="myUserControl" />

带图像的用户控制在Windows手机中绑定

2 个答案: