Проблемы с загрузкой изображений в Silverlight ControlTemplate

У меня проблемы с доступом к изображениям в ControlTemplate реализованного мной «Silverlight Templated Control». Стиль для моего элемента управления под названием «ControlDragger» следующий:

<!-- ControlDragger Menu button style -->
<Style x:Key="MenuButtonStyle" TargetType="Button">
    <Setter Property="Margin" Value="5,0" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- ControlDragger -->
<Style TargetType="core:ControlDragger">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="core:ControlDragger">
                <Border x:Name="ControlDraggerRoot"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Background="{TemplateBinding Background}"
                        HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                        VerticalAlignment="{TemplateBinding VerticalAlignment}"
                        MinHeight="{TemplateBinding MinHeight}"
                        MinWidth="{TemplateBinding MinWidth}"
                        MaxHeight="{TemplateBinding MaxHeight}"
                        MaxWidth="{TemplateBinding MaxWidth}"
                        Height="{TemplateBinding Height}"
                        Width="{TemplateBinding Width}">
                    <Grid Background="Transparent">
                        <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" BorderBrush="#DBDBDB" BorderThickness="1" >
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#F7F7F7" Offset="0" />
                                    <GradientStop Color="#FDFDFD" Offset="1" />
                                </LinearGradientBrush>
                            </Border.Background>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="36" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>

                                <!-- Title bar plus drag start -->
                                <Border x:Name="DragStartElement" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" BorderThickness="0"
                                        Background="Transparent">
                                    <TextBlock x:Name="Headline" FontSize="14" Margin="14,5,0,0" />
                                </Border>

                                <!-- Clickable icons -->
                                <Border Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Top" Height="26" CornerRadius="13" Margin="0,5,5,0"
                                        BorderThickness="1" BorderBrush="#9EA9B3">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                            <GradientStop Color="#EDECEE" Offset="0" />
                                            <GradientStop Color="#FBFBFC" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5,0">
                                        <Button x:Name="AddIcon" Style="{StaticResource MenuButtonStyle}">
                                            <Image Source="Icon_small_add.png" Stretch="None" />
                                            <!--
                                            <TextBlock Text="A" />
                                            -->
                                        </Button>
                                        <Button x:Name="DeleteIcon" Style="{StaticResource MenuButtonStyle}">
                                            <TextBlock Text="D" />
                                            <!--
                                            <Image Source="Icon_small_delete.png" Stretch="None" />
                                            -->
                                        </Button>
                                    </StackPanel>
                                </Border>

                                <!-- Content holder -->
                                <Border Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="14,0,14,9">
                                    <ContentPresenter/>
                                </Border>

                            </Grid>
                        </Border>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Этот шаблон содержит кнопки добавления и удаления, которые также имеют новый стиль. Как только я помещаю TextBlock в качестве содержимого любой из кнопок, содержимое - TextBlock - будет отображаться. Если я заменю TextBlock на изображение, содержимое просто исчезнет. Изображения находятся в той же папке, что и «Generic.xaml», который содержит опубликованный XAML. У меня есть другие файлы png в той же папке, и я обращаюсь к ним в других файлах XAML также в той же папке за пределами ControlTemplate (в UserControl), и они работают.

Вот что я до сих пор пытался решить эту проблему, но тоже не помогло:

1) Копирование изображений в ту же папку, что и реализация, в которой находится ControlDragger.cs.

2) Доступ к кнопкам через их имя в «OnApplyTemplate» и попытка установить изображения с помощью кода.

3) Загрузите альтернативный файл png, чтобы убедиться, что используемый файл png не поврежден.

Я также попытался получить доступ к случайному изображению из Интернета, используя Source = "http: // ...", и это сработало. Для отладки я также реализовал событие ImageFailed на изображениях и прикрепил его в «OnApplyTemplate». И действительно, он не загружается, но параметры события не говорят мне, почему он не загрузился. Есть ли у кого-нибудь идеи, что я что-то пропустил?


person Tino    schedule 31.10.2010    source источник


Ответы (2)


Попробуйте это (даже если ваше изображение и стиль в одной сборке):

"/ Assembly; Component / {Relative Path} /Icon_small_add.png"

Сборка - это имя сборки, в которой изображение Icon_small_add.png содержит {Relative Path} - путь папки к вашему изображению

например "/ControlsLib;Component/Resources/Images/Icon_small_add.png"

person Vladimir Dorokhov    schedule 01.11.2010

Спасибо, что исправили. И это также объясняет, почему у меня были эти проблемы.

Я реализовал свой элемент управления в сборке, отличной от приложения. Итак, приложение загрузило страницу, содержащую мои элементы управления, и отрендерило их. Но изображения загружаются в Silverlight асинхронно, и на этом этапе сборка моего приложения больше не могла найти изображения.

Таким образом, указание сборки в свойстве Image.Source решило проблему.

person Tino    schedule 02.11.2010