【发布时间】:2014-09-03 07:18:32
【问题描述】:
我想制作一个包含图像控件的用户控件,并且我想将其源与图像的 url 绑定。如何在用户控件 XAMl 和 CS 代码中做到这一点,以及如何使用这个用户控件并绑定它的依赖属性?
【问题讨论】:
-
如果有人帮助你学习标记为答案,你的历史表明你从来没有做过
标签: c# xaml windows-phone-8 binding user-controls
我想制作一个包含图像控件的用户控件,并且我想将其源与图像的 url 绑定。如何在用户控件 XAMl 和 CS 代码中做到这一点,以及如何使用这个用户控件并绑定它的依赖属性?
【问题讨论】:
标签: c# xaml windows-phone-8 binding user-controls
您可以拥有像这样的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
希望对你有帮助!
【讨论】:
您可以通过以下方式创建用户控件,
(i)在解决方案资源管理器中右键单击项目磁贴,然后选择添加->新建项目
(ii)从弹出的窗口中选择Windows Phone User Control,设置您要使用的名称
(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" />
【讨论】: