Image wird gespeichert und im Win File Explorer angezeigt, nicht in App oder VS geladen
Ich bin schon seit Tagen mit diesem Problem konfrontiert und da der Fälligkeitstermin bevorsteht, bin ich wirklich am Ende meines Wissens.
Ich habe die Möglichkeit, einen neuen Kunden in meine Bewerbung aufzunehmen. Der Kunde wird mit seiner ID, seinem Namen und seinem Logo in der Datenbank gespeichert. Logo ist nur die Zeichenfolge des Bilddateinamens (wie logo.png)
Beim Hinzufügen des Kunden wähle ich ein Bild aus meinen lokalen Dateien aus, das als Kundenlogo hinzugefügt werden soll. Es zeigt sich schön im Add-Fenster.
Nach Bestätigung des neuen Kunden wird das Fenster CustomerAddView geschlossen. Der Kunde wird in der Datenbank erstellt, der Logo-Wert in der Datenbank ist in Ordnung, und in meinem Windows-Datei-Explorer wird angezeigt, dass er hinzugefügt wurde.
Die Liste der Kunden im Hauptfenster wird aktualisiert (CustomerListView). Die anderen Kundenlogos funktionieren einwandfrei. Der neue Kundenlogo gibt jedoch eine Warnung aus (siehe unten).
In Visual Studio funktioniert das neue Logo immer noch nicht und wird im Projektmappen-Explorer nicht angezeigt, obwohl ich es aktualisiere und neu erstelle. Es ist, als würde Visual Studio die Existenz des Bildes nicht bestätigen, da es nicht über VS selbst hinzugefügt wurde.
Ich möchte wissen, warum sich mein Logo-Bild im Datei-Explorer im angegebenen Ordner befindet, aber nicht wie gewünscht in der Kundenliste angezeigt wird.
Und ich möchte wissen, warum die Bilder beim Hinzufügen über den Projektmappen-Explorer von Visual Studio funktionieren, aber nicht, wenn ich sie (im selben Ordner) über CustomerAddView (Model) hinzufüge.
Screenshot zum Anzeigen der Ordnerstruktur und zum Anzeigen der über VS hinzugefügten Dateien funktioniert, neue nicht.
Die Warnung
System.Windows.Data Warning: 6 : 'DynamicValueConverter' converter failed to convert value '../../Media/Images/Logos/testlogo.png' (type 'String'); fallback value will be used, if available. BindingExpression:Path=Logo; DataItem='Customer_5A59789E69DE0B010CE32D4E23A696EDB09551158A85050E8CA80E51475D369B' (HashCode=45868004); target element is 'Image' (Name=''); target property is 'Source' (type 'ImageSource') IOException:'System.IO.IOException: Kan bron media/images/logos/testlogo.png niet vinden.
bij MS.Internal.AppModel.ResourcePart.GetStreamCore(FileMode mode, FileAccess access)
bij System.IO.Packaging.PackagePart.GetStream(FileMode mode, FileAccess access)
bij System.IO.Packaging.PackWebResponse.CachedResponse.GetResponseStream()
bij System.IO.Packaging.PackWebResponse.GetResponseStream()
bij System.IO.Packaging.PackWebResponse.get_ContentType()
bij System.Windows.Media.Imaging.BitmapDecoder.SetupDecoderFromUriOrStream(Uri uri, Stream stream, BitmapCacheOption cacheOption, Guid& clsId, Boolean& isOriginalWritable, Stream& uriStream, UnmanagedMemoryStream& unmanagedMemoryStream, SafeFileHandle& safeFilehandle)
bij System.Windows.Media.Imaging.BitmapDecoder.CreateFromUriOrStream(Uri baseUri, Uri uri, Stream stream, BitmapCreateOptions createOptions, BitmapCacheOption cacheOption, RequestCachePolicy uriCachePolicy, Boolean insertInDecoderCache)
bij System.Windows.Media.Imaging.BitmapFrame.CreateFromUriOrStream(Uri baseUri, Uri uri, Stream stream, BitmapCreateOptions createOptions, BitmapCacheOption cacheOption, RequestCachePolicy uriCachePolicy)
bij System.Windows.Media.ImageSourceConverter.ConvertFrom(ITypeDescriptorContext context, CultureInfo culture, Object value)
bij MS.Internal.Data.DefaultValueConverter.ConvertHelper(Object o, Type destinationType, DependencyObject targetElement, CultureInfo culture, Boolean isForward)
bij MS.Internal.Data.TargetDefaultValueConverter.Convert(Object o, Type type, Object parameter, CultureInfo culture)
bij MS.Internal.Data.DynamicValueConverter.Convert(Object value, Type targetType, Object parameter, CultureInfo culture)
bij System.Windows.Data.BindingExpression.ConvertHelper(IValueConverter converter, Object value, Type targetType, Object parameter, CultureInfo culture)'
System.Windows.Data Error: 11 : Fallback value 'Default' (type 'String') cannot be converted for use in 'Source' (type 'ImageSource'). BindingExpression:Path=Logo; DataItem='Customer_5A59789E69DE0B010CE32D4E23A696EDB09551158A85050E8CA80E51475D369B' (HashCode=45868004); target element is 'Image' (Name=''); target property is 'Source' (type 'ImageSource') NullReferenceException:'System.NullReferenceException: De objectverwijzing is niet op een exemplaar van een object ingesteld.
bij System.Windows.Media.ImageSourceConverter.ConvertFrom(ITypeDescriptorContext context, CultureInfo culture, Object value)
bij System.Windows.Data.BindingExpressionBase.ConvertValue(Object value, DependencyProperty dp, Exception& e)'
Thi ist der XAML-Code, der die Kunden und ihre Logos in einer Liste anzeigt:
CustomerListView
<ListBox.ItemTemplate>
<!-- This DataTemplate is used for every Customer object in the ListBox.-->
<DataTemplate>
<Border BorderThickness="2" BorderBrush="Black"
Padding="10" Margin="10"
Name="CustomerBorder">
<Grid Name="ItemGrid">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" />
<ColumnDefinition Width="100" />
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<!-- Logo picture -->
<Image Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" HorizontalAlignment="Center"
Source="{helpers:ConcatString FrontString=../../Media/Images/Logos/, BindTo={Binding Path=Logo, FallbackValue=Default}}"
Height="{Binding ActualHeight, ElementName=ItemGrid}"/>
<!-- Customer name Row-->
<TextBlock Grid.Row="0" Grid.Column="1" Margin="10,0,8,0" FontWeight="Bold"
Name="CustomerTitle">
Customer:
</TextBlock>
<TextBlock Grid.Row="0" Grid.Column="2"
Name="CustomerDataType"
Text="{Binding Path=Name}">
</TextBlock>
<!-- Environment name Row-->
<TextBlock Grid.Row="1" Grid.Column="1" Margin="10,0,8,0" FontWeight="Bold" />
<TextBlock Grid.Row="2" Grid.Column="1" Margin="10,0,8,0" FontWeight="Bold" />
</Grid>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
Dies sind der Bildschirm zum Hinzufügen und sein ViewModel: CustomerAddView:
<Grid Margin="5">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="100" />
<ColumnDefinition Width="100" />
</Grid.ColumnDefinitions>
<TextBlock Name="TBCustomerTitle" FontWeight="Bold">Customer name:</TextBlock>
<TextBlock Grid.Column="1" FontWeight="Bold" Margin="5,0">*</TextBlock>
<TextBox Name="TBCustomerData" Grid.Column="2" Grid.ColumnSpan="2"
Text="{Binding NewCustomer.Name, UpdateSourceTrigger=PropertyChanged}"></TextBox>
<TextBlock Grid.Row="1" FontWeight="Bold">Customer logo:</TextBlock>
<Image Grid.Row="1" Grid.Column="2" MaxHeight="100" MaxWidth="100"
Source="{Binding NewCustomerLogo, UpdateSourceTrigger=PropertyChanged}" />
<Button Grid.Row="1" Grid.Column="3" Content="Choose logo"
Command="{Binding SelectLogoCommand}"/>
<TextBlock Margin="0,10" Grid.Row="2" Grid.ColumnSpan="4">Fields marked with * a,re required fields.</TextBlock>
<Button Grid.Row="3" Grid.ColumnSpan="4" Margin="0,50,0,0"
Command="{Binding AddConfirmCommand}">Add this customer</Button>
</Grid>
CustomerAddViewModel:
class CustomerAddViewModel : INotifyPropertyChanged
{
private RelayCommand addConfirmCommand;
private RelayCommand selectLogoCommand;
Image customerLogo;
string logoDirectory = "../../Media/Images/Logos/";
DBCustomer dbCustomer = new DBCustomer();
#region Add Customer
public ICommand AddConfirmCommand
{
get { return addConfirmCommand ?? (addConfirmCommand = new RelayCommand(() => AddConfirmCustomer())); }
}
private void AddConfirmCustomer()
{
if(newCustomer.Logo != null)
{
customerLogo.Save(logoDirectory + newCustomer.Logo);
}
else
{
newCustomer.Logo = "Default.png";
}
if (!dbCustomer.Create(newCustomer))
{
return;
}
App.Messenger.NotifyColleagues("AddCustomerDone");
}
#endregion
#region Add logo
public ICommand SelectLogoCommand
{
get { return selectLogoCommand ?? (selectLogoCommand = new RelayCommand(() => SelectLogo())); }
}
private void SelectLogo()
{
OpenFileDialog chooseFile = new OpenFileDialog();
chooseFile.Title = "Select a logo";
chooseFile.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if(chooseFile.ShowDialog() == DialogResult.OK)
{
Stream reader = File.OpenRead(chooseFile.FileName);
customerLogo = System.Drawing.Image.FromStream((Stream)reader);
MemoryStream finalStream = new MemoryStream();
customerLogo.Save(finalStream, ImageFormat.Png);
// translate to image source
PngBitmapDecoder decoder = new PngBitmapDecoder(finalStream, BitmapCreateOptions.PreservePixelFormat,
BitmapCacheOption.Default);
NewCustomerLogo = decoder.Frames[0];
newCustomer.Logo = newCustomer.Name + ".png";
}
}
private ImageSource newCustomerLogo;
public ImageSource NewCustomerLogo
{
get
{
return newCustomerLogo;
}
set
{
newCustomerLogo = value;
OnPropertyChanged(new PropertyChangedEventArgs("NewCustomerLogo"));
}
}
#endregion
private Customer newCustomer = new Customer();
public Customer NewCustomer
{
get { return newCustomer; }
set { newCustomer = value; OnPropertyChanged(new PropertyChangedEventArgs("NewCustomer")); }
}
#region PropertyChanged
public event PropertyChangedEventHandler PropertyChanged;
public void OnPropertyChanged(PropertyChangedEventArgs e)
{
if (PropertyChanged != null)
PropertyChanged(this, e);
}
#endregion
}