2

リソース ディクショナリ内で画像を宣言し、次のようにユーザー コントロールに表示しています。

ResourceDictionary.xaml (ユーザーが見ているもの (会社、従業員など) を変更したときに画像を更新する予定であるため、ここではスタイルを使用しています)

<ImageSource x:Key="CompanyIcon">Images/company_128.png</ImageSource>

<Style x:Key="QuickInfoIcon" TargetType="{x:Type Image}">
    <!-- Default Value -->
    <Setter Property="Source" Value="{StaticResource CompanyIcon}" />
</Style>

'Images' フォルダーは 'Assests' のサブフォルダーです。「Assests」フォルダーには「ResourceDictionary.xaml」ファイルが含まれており、パスを「../Images/company_128.png」のように変更するとデザイナー エラーが発生するため、パスが正しいことがわかっています。

QuickinfoView.xaml

<UserControl x:Class="SidekickAdmin.Views.QuickInfoView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" d:DesignWidth="500" Height="100"
             Background="BlanchedAlmond">

    <!-- Setup a grid to house the icon and the info -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0" Name="InfoIcon">
            <Image Style="{StaticResource QuickInfoIcon}" Height="50" Width="50"/>
        </Grid>
    </Grid>


</UserControl>

Visual Studio 2012 デザイナーでレイアウトを表示すると、すべてが正しく表示されますが、プログラムを実行すると、「XamlParseException が発生しました: テキスト 'Images/employee_128.png' から 'ImageSource' を作成できませんでした」というエラーが表示されます。ImageSource の ResourceDictionary 行に。

別のイメージを使用するように ImageSource を変更すると、VS2012 デザイナー内で期待どおりに更新されますが、プログラムを実行しようとすると同じエラーが発生します。

Resource.resx ファイルで Build Action を 'Embedded Resource' に設定しましたが、問題は解決していません。

このプログラムを実行しようとすると XamlParseException が発生する理由について何か考えはありますか?

副次的な質問として、プログラムに画像を組み込むときに、画像自体 (ファイル) がどこかの bin/debug フォルダーに表示されている必要がありますか、それとも bin/debug 内のファイルの 1 つにこの情報が隠されていますか?

4

2 に答える 2

1

私もこの問題にぶつかりました。このコミュニティまたはコミュニティによって提供された提案は1つもありません。そのほとんどは、PACK uriおよび他のアプローチに関する逐語的なステートメントであり、問​​題を解決しました。悲しいことに、人々が熱意を持って回答しているにもかかわらず、ほとんどの人はそれを修正する方法についての手がかりを持っていません.

セットアップ: 1 つのソリューション、2 つのプロジェクト。

プロジェクト 1 は、その下に含まれる画像へのローカル相対パスを指す BitMapSource エントリのリストを含むリソース ディクショナリを含むクラス ライブラリでした。

例：

<BitmapSource x:Key="RedoImage">Images/Redo.png</BitmapSource>

プロジェクト 2 は、そのクラス ライブラリを参照し、MergedDictionary を使用して他のアセンブリからディクショナリを読み込む WPF アプリケーションでした。

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/WPFResourceLibrary;component/Resources/images.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

WPF アプリケーション プロジェクトのフォームで、単純な IMAGE コントロールをフォームにドロップしました。そのソース プロパティの下で、LocalResources の下で、images.xaml リソース ディクショナリの BitMapSources のリストから (キーで) 選択できます。選択すると、イメージが表示されます (予想どおり)。

しかし、驚いたことに、アプリケーションを実行すると、「テキストからイメージ ソースを作成できませんでした ...」という恐ろしいメッセージが表示されました。多くの提案をすべて試してみましたが、どれも成功しませんでした。実行時に常に同じエラーが発生するか、エラーは発生しないがイメージは発生しません。

うんざりして、私は独自のカスタム コントロールを作成しました。イメージ ソース プロパティをオーバーライドしないことにしたので、必要に応じてそれを使用できますが、ResourceName という依存関係プロパティを追加して拡張しました。このコントロールは、現在のアプリ ドメイン内で記録され、利用可能なすべての BitMapSources と ImageSources を調べます。ビンゴ、それはうまくいきます。

コード：

<Image x:Class="WPFResourceLibrary.Controls.ImageFromResource"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
            >

</Image>

そしてそのコードビハインド。

using System;
using System.ComponentModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace WPFResourceLibrary.Controls
{
    /// <summary>
    /// ImageFromResource - an extension of the standard Image control that properly handles binding Resource to an Image from a Resource
    /// </summary>
    public partial class ImageFromResource : Image
    {
        public ImageFromResource()
        {
            InitializeComponent();


            DependencyPropertyDescriptor imageDescriptor = DependencyPropertyDescriptor.FromProperty(ImageFromResource.ResourceNameProperty, typeof(ImageFromResource));
            if (imageDescriptor != null)
            {
                imageDescriptor.AddValueChanged(this, delegate { SetImage(); });
            }
        }

        public static DependencyProperty ResourceNameProperty = DependencyProperty.Register("ResourceName", typeof(ImageSource), typeof(ImageFromResource), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

        [Description("Resource String of the Target Image."), Category("Appearance")]
        public ImageSource ResourceName
        {
            get { return (ImageSource)GetValue(ResourceNameProperty); }
            set
            {
                SetValue(ResourceNameProperty, value);
            }
        }

        private void SetImage()
        {
            if(ResourceName != null)
                this.Source = new BitmapImage(new Uri(ResourceName.ToString()));
        }

    }
}

したがって、問題が発生することなく、標準イメージに期待される機能を提供します。

これは Visual Studio 2012 with SP3 で実行されたことに注意してください。

ポール

于 2013-08-22T22:12:04.423 に答える