Immagine nel pulsante WPF non visibile in fase di esecuzione

Question

Tutti, ho il seguente avvio di una piccola applicazione che controlla i file .resx per la coerenza delle parentesi incorporate (in modo che gli errori di runtime delle stringhe "... {0}" non corrispondenti non succede). Ho il seguente codice XAML per il MainWindow.xaml, e il mio problema particolare si riferisce all'immagine che deve essere visualizzato sul pulsante

<Window x:Class="ResxChecker.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="174.383" Width="495.869"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="350*"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="30*"/> 
     </Grid.RowDefinitions> 
     <Label Content="Select .resx file:" HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Top" Height="24" Width="Auto" Grid.ColumnSpan="1"/> 
     <TextBox Grid.ColumnSpan="2" HorizontalAlignment="Stretch" Margin="10,0,0,0" Grid.Row="1" TextWrapping="Wrap" Text="" VerticalAlignment="Top"/> 
     <Button Grid.Column="2" HorizontalAlignment="Right" Margin="5,0,10,0" Grid.Row="1"> 
      <Image VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="16 " Width="16" Source="pack://siteoforigin:,,,/Resources/UserCost2013Open16.png"/> 
     </Button> 
    </Grid> 
</Window> 

L'immagine ha 'Build Action = Resource', 'Copia nella directory di output = Non copiare '- l'immagine viene mostrata nella finestra di progettazione ma non in fase di runtime. Ho visto le seguenti domande e leggere le relative risposte, ma nessuno risolvere il problema:

1. WPF control images not displayed when consumed by an application

2. image problem in wpf (image does not show up)

3. Background Image of Button not showing in WPF

Come faccio ad avere l'immagine del pulsante per apparire in fase di runtime?

Answer 1

Modificare l'azione di creazione in "Risorsa". Anche l'URL del pacchetto è sbagliato. O uso:

Source="pack://application:,,,/Resource/UserCost2013Open16.png" 

o semplicemente

Source="/Resource/UserCost2013Open16.png" 

Answer 2

Ci sono 2 soluzioni:

1: Modificare le impostazioni dell'immagine:

Build Action = Content 
Copy to output directory = Copy if newer 
Source="pack://siteoforigin:,,,/Resources/UserCost2013Open16.png" 

2 : Quando tu cantare applicazione invece di siteoforigin nel percorso di origine, si deve modi possibili:

a) Immagine sarà in una sottocartella denominata "Risorse" e file exe sarà piccolo

Source="pack://application:,,,/Resources/UserCost2013Open16.png" 
Build Action = Content 
Copy to output directory = Copy if newer 

b) l'immagine sarà incluso nel .exe e non sottocartella con imagefile esisterà

Source="pack://application:,,,/Resources/UserCost2013Open16.png" 
Build Action = Resource 
Copy to output directory = Copy if newer 

Answer 3

Nel mio caso ho avuto le immagini in un progetto separato denominato Common e le immagini erano in una cartella denominata Resources in questo progetto. Nel mio altro progetto, ho aggiunto un riferimento a Common e impostare la fonte delle immagini come questa:

<Image Source="/Common;component/Resources/anImage.png"/> 

Le immagini hanno la Build Action set per Resource e Copy to Output Directory a Do not copy. Tuttavia, per qualche strana ragione, non funzionava finché non ho eliminato tutti i file di assembly nella mia soluzione e ho creato un Clean Solution e Build Solution. Non so perché, ma tutto ha iniziato a funzionare in fase di runtime una volta che ho ricostruito tutto.Non riesco ancora a capire perché funzionasse in Design Time.

Answer 4

È necessario aggiungere qualsiasi elemento all'interno di Solution Explorer di Visual Studio. Invece di copiare semplicemente l'immagine nella cartella in Esplora risorse, premere il tasto destro del mouse su qualsiasi cartella in Solution Explorer vai su Aggiungi> Elemento esistente ... e seleziona il percorso della risorsa da aggiungere.

Answer 5

Vai alla tua immagine presente nella cartella delle risorse, fai clic destro sull'immagine, vai alle proprietà. Fare clic sulla proprietà BuildAction e impostarla su Risorsa da none. Funzionerà.

Answer 6

Assumeing che avete

• impostare il Build Action al Resource

• set che percorso correttamente utilizzando URI-PACK-FORMAT

Nel mio caso non è stato ancora mostrato.

Clean & RebuildNON appena creato risolto per me!

Answer 7

ho definito la mia immagine come prossimo:

<Image Source="/Resources/Images/icon.png"/> 

L'immagine viene visualizzata in Visual Studio designer, ma nessuna immagine viene visualizzata quando ho lanciato l'app! Mi ha fatto impazzire! Ho provato tutto Costruisci azione s con clean/build, senza fortuna.

Nel mio caso il problema è causato dal fatto che il controllo (che utilizza Image) e l'app stessa sono in progetti diversi. Risorse/Immagini La cartella si trova nel progetto Controls. Di conseguenza l'app ha tentato di trovare icon.png nella propria cartella debug, ma in realtà è nella cartella di debug dei controlli Controlli.

Così due soluzioni lavorare per me:

1) ha messo resources/images nel progetto del app (non così buono quando ci sono diversi progetti che utilizzano i controlli da Controlli progetto, ma funziona)

2) specificare il nome del progetto di controlli in modo esplicito all'interno Immagine:

<Image Source="/Controls;component/Resources/Images/icon.png"/>