Silverlight从代码中引用XAML

时间:2012-10-17 12:12:21

标签: silverlight xaml

在Silverlight5中,如何引用用户控件资源 - 来自button_click事件的表情符号?

如果我在代码中构建它,然后以这种方式进行数据绑定,我可以很好地访问该对象,但是使用XAML方法我得到了一些更好的工具。示例来自from Ch16

private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            // **HERE how do I reference the XAML emoticon object

            //emoticon.Name = "Smiley face2";
            //emoticon.Icon = new BitmapImage(new Uri("icons/happy.png", UriKind.RelativeOrAbsolute));
        }

<UserControl x:Class="EmoticonExample.MainPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:local="clr-namespace:EmoticonExample"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">
    <UserControl.Resources>
        <local:Emoticon x:Key="emoticon"
                        Name="SmileyFace"
                        Icon="icons/happy.png" />
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot"
          Margin="10"
          Background="White"
          DataContext="{StaticResource emoticon}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <TextBlock Text="Name:" />
        <TextBlock Text="Image:" Grid.Column="1" />

        <TextBox Name="myTextBox" Text="{Binding Name, Mode=TwoWay}" Grid.Row="1" />
        <Image Name="myImage" Source="{Binding Icon}" Stretch="None" Grid.Row="1" Grid.Column="1" />

        <Button Content="Button" HorizontalAlignment="Left" Margin="10,116,0,-92" Grid.Row="1" VerticalAlignment="Top" Width="75" Click="Button_Click_1"/>
    </Grid>

</UserControl>

enter image description here

1 个答案:

答案 0 :(得分:0)

为您的用户控件命名

<UserControl x:Class="EmoticonExample.MainPage" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:local="clr-namespace:EmoticonExample" 
             mc:Ignorable="d" 
             x:Name="Example"
             d:DesignHeight="300" 
             d:DesignWidth="400"> 

</UserControl

然后在你的代码中引用它:

var emoticon = Example.Resources["emoticon"] as Emoticon; // Im not sure of your data type