wie Bitmap in WPF Image anzeigen

  • WPF

Es gibt 23 Antworten in diesem Thema. Der letzte Beitrag () ist von -Franky-.

    wie Bitmap in WPF Image anzeigen

    Hi.
    Ich erzeuge mit QRCoder in VB.NET eine Bitmap. Diese wird nicht extern gespeichert. Wie kann ich nun diese im WPF Image anzeigen?

    Quellcode

    1. Image_1.Source = New Uri(MeinImage, UriKind.Absolute)

    funzt nicht. Uri wird als Fehler "(veraltet) Sub Uri New..." makiert.

    MfG

    Hallo

    Da Source eine ImageSource erwartet musst du auch etwas passendes übergeben.

    VB.NET-Quellcode

    1. ​Image_1.Source = New BitmapImage(New Uri("http://...."))


    Grüße
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    @NoFear23
    OK. Hab auch schonmal kurz in dein Tuto reingeschaut.
    Ich habe bisher nur mit WinForms gearbeitet. Da es aber in letzter Zeit immer wieder Probleme mit immer weiter verbreiteten
    hochauflösenden Monitoren und Darstellungsproblemen gibt möchte ich mich mal mit WPF beschäftigen und versuche
    vorhandene Anwendungen auf dieses Framework zu transformieren.
    Du siehst ja sicher schon an der Frage , dass das ein Anfängerproblem ist.
    Bilder aus einer externen Quelle einzubinden ist mir auch schon gelungen. Ich möchte den erzeugten QR-Code aber nicht erst speichern
    sondern direkt zur anzeige bringen. Wie sieht den da die Uri aus ?

    MfG

    doLob schrieb:

    Wie sieht den da die Uri aus ?

    Genau so wie ich es dir gepostet habe. Deshalb auch das http im String.

    Einfacher ist es wenn man wie es sich in der Welt der WPF gehört mit Binding arbeitet, da kannste dann direkt auf die URL als String binden.

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Ich weis ja nicht in welchem Format dein Bild ist aber folgendes klappt wunderbar.

    VB.NET-Quellcode

    1. ​img.Source = New BitmapImage(New Uri("https://www.vb-paradise.de/wcf/images/avatars/01/3128-0124b76125128a33003a968a4d2882f1479dd93f.jpg"))


    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Ja, das funzt bei mir auch wunderbar.
    Der QR-Code wird als bitmap grafik erzeugt und befindet sich in einer Variablen die keine Endung hat oder as String vorliegt.

    Quellcode

    1. Dim MeinImage As Image

    In vb.net hatte ich diese einfach an eine PictureBox übergeben.

    Quellcode

    1. PictureBox1.Image = MeinImage


    Gruß

    doLob schrieb:

    Der QR-Code wird als bitmap grafik erzeugt

    Ahaaaa, da siehste mal wie wichtig es im Forum ist immer genug Information zu geben.
    Laut deinem ersten Post kommt man auf keinen anderen Gedanken als das du ein Bild aus einer URI laden willst.


    OK, dann hätte ich da folgende Methode:

    VB.NET-Quellcode

    1. ​
    2. Private Function BitmapToImageSource(ByVal bitmap As Bitmap) As BitmapImage
    3. Using memory As MemoryStream = New MemoryStream()
    4. bitmap.Save(memory, System.Drawing.Imaging.ImageFormat.Bmp)
    5. memory.Position = 0
    6. Dim bitmapimage As BitmapImage = New BitmapImage()
    7. bitmapimage.BeginInit()
    8. bitmapimage.StreamSource = memory
    9. bitmapimage.CacheOption = BitmapCacheOption.OnLoad
    10. bitmapimage.EndInit()
    11. Return bitmapimage
    12. End Using
    13. End Function


    Grüße
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Gerne. Sei so gut und markiere den Thread oben als Erledigt, so wissen andere das es hier eine Lösung gibt/gab.

    Grüße
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    @Nofear23m

    Hey Sascha, ich hab deinen Code aus Post 8 grad mal in mein MVVM-Testprojekt integriert und es funktioniert so weit ganz gut.

    Nur eins wundert mich ein bisschen:

    Ich gebe das erzeugte Bild in einem Image aus. Wenn ich dem Image feste Werte für Width und Height gebe dann ist alles gut. Nur wenn ich das per Binding erledige, dann entsteht um das Bild rum ein roter Rand mit sagen wir mal 1-2 Pixeln Thickness... Ich glaube nicht dass das mit deinem Code zusammenhängt, kann es aber nicht mit Sicherheit sagen...
    Wenn ich meinen Code in einem WinForms-Programm kopiere und das dann direkt in einer PictureBox ausgebe, ist auch kein Problem...

    Ist das ein bekanntes und/oder lösbares Problem? Hier mal mein ViewModel:
    Spoiler anzeigen

    VB.NET-Quellcode

    1. Option Strict On
    3. Imports System.Drawing
    5. Imports System.IO
    7. Imports System.Windows.Input
    8. Imports System.Windows.Media
    9. Imports System.Windows.Media.Imaging
    10. Imports System.Windows.Threading
    11. Imports Un4seen
    12. Imports Un4seen.Bass
    14. Public Class MainViewModel
    15. Inherits ViewModel.Instrastructure.ViewModelBase
    17. Public Spektrum As New Un4seen.Bass.Misc.Visuals
    18. Public streamfx As Integer
    19. Public VisualizationTimer As New DispatcherTimer
    20. Public BMP As Bitmap
    22. Public Sub New()
    23. If IsInDesignMode = False Then
    24. cbxIndex = 0
    25. Aufloesung = 1
    26. Distanz = 0
    27. Debug.WriteLine("Gestartet")
    28. _Hoehe = 100
    29. _Breite = 350
    30. VisualizationTimer.Interval = TimeSpan.FromMilliseconds(25)
    31. AddHandler VisualizationTimer.Tick, AddressOf UpdateVisualization
    32. Bass.BASS_Init(-1, 44100, BASSInit.BASS_DEVICE_CPSPEAKERS, IntPtr.Zero, Nothing)
    33. streamfx = Bass.BASS_StreamCreateFile("C:\Test.mp3", 0, 0, BASSFlag.BASS_STREAM_AUTOFREE Or BASSFlag.BASS_STREAM_PRESCAN)
    34. Bass.BASS_ChannelPlay(streamfx, False)
    35. VisualizationTimer.Start()
    36. End If
    37. End Sub
    39. Private _cbxIndex As Integer
    40. Public Property cbxIndex As Integer
    41. Get
    42. Return _cbxIndex
    43. End Get
    44. Set(value As Integer)
    45. _cbxIndex = value
    46. RaisePropertyChanged()
    47. End Set
    48. End Property
    50. Private Sub UpdateVisualization(ByVal sender As Object, ByVal e As EventArgs)
    52. Select Case cbxIndex
    53. Case 0
    54. BMP = Spektrum.CreateSpectrumLine(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, 40, 5, False, True, True)
    55. Case 1
    56. BMP = Spektrum.CreateSpectrumBean(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, 40, False, True, True)
    57. Case 2
    58. BMP = Spektrum.CreateSpectrumDot(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, 40, 5, False, True, True)
    59. Case 3
    60. BMP = Spektrum.CreateSpectrumEllipse(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, 40, 5, False, True, True)
    61. Case 4
    62. BMP = Spektrum.CreateSpectrumLinePeak(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.SlateGray, System.Drawing.Color.Black, Aufloesung, 3, Distanz, 40, False, True, True) 'DAS HIER IST PERFEKT!!
    63. Case 5
    64. BMP = Spektrum.CreateSpectrum(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, False, True, True)
    65. Case 6
    66. BMP = Spektrum.CreateSpectrumText(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, "Hallo Welt", False, True, True)
    67. Case 7
    68. BMP = Spektrum.CreateSpectrumWave(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Black, Aufloesung, False, True, True)
    69. Case 8
    70. BMP = Spektrum.CreateWaveForm(streamfx, Breite, Hoehe, System.Drawing.Color.Green, System.Drawing.Color.IndianRed, System.Drawing.Color.Purple, System.Drawing.Color.Black, Aufloesung, True, False, True)
    72. End Select
    74. Bild = BitmapToImageSource(BMP)
    76. End Sub
    78. Private _StoppeVisualisierung As ICommand
    79. Public ReadOnly Property StoppeVisualisierung() As ICommand
    80. Get
    81. If _StoppeVisualisierung Is Nothing Then _StoppeVisualisierung = New Instrastructure.RelayCommand(AddressOf StoppeVisualisierung_Execute, Function(o) True)
    82. Return _StoppeVisualisierung
    83. End Get
    84. End Property
    85. Private Sub StoppeVisualisierung_Execute(obj As Object)
    86. VisualizationTimer.Stop()
    87. End Sub
    89. Private Function BitmapToImageSource(ByVal bitmap As Bitmap) As BitmapImage
    90. Using memory As MemoryStream = New MemoryStream()
    91. bitmap.Save(memory, System.Drawing.Imaging.ImageFormat.Bmp)
    92. memory.Position = 0
    93. Dim bitmapimage As BitmapImage = New BitmapImage()
    94. bitmapimage.BeginInit()
    95. bitmapimage.StreamSource = memory
    96. bitmapimage.CacheOption = BitmapCacheOption.OnLoad
    97. bitmapimage.EndInit()
    98. Return bitmapimage
    99. End Using
    100. End Function
    102. Private _Bild As ImageSource
    103. Public Property Bild As ImageSource
    104. Get
    105. Return _Bild
    106. End Get
    107. Set(value As ImageSource)
    108. _Bild = value
    109. RaisePropertyChanged()
    110. End Set
    111. End Property
    113. Private _Breite As Integer
    114. Public Property Breite As Integer
    115. Get
    116. Return _Breite
    117. End Get
    118. Set(value As Integer)
    119. _Breite = value
    120. RaisePropertyChanged()
    121. End Set
    122. End Property
    124. Private _Hoehe As Integer
    125. Public Property Hoehe As Integer
    126. Get
    127. Return _Hoehe
    128. End Get
    129. Set(value As Integer)
    130. _Hoehe = value
    131. RaisePropertyChanged()
    132. End Set
    133. End Property
    135. Private _Aufloesung As Integer
    136. Public Property Aufloesung As Integer
    137. Get
    138. Return _Aufloesung
    139. End Get
    140. Set(value As Integer)
    141. _Aufloesung = value
    142. RaisePropertyChanged()
    143. End Set
    144. End Property
    146. Private _Distanz As Integer
    147. Public Property Distanz As Integer
    148. Get
    149. Return _Distanz
    150. End Get
    151. Set(value As Integer)
    152. _Distanz = value
    153. RaisePropertyChanged()
    154. End Set
    155. End Property
    156. End Class


    Und der XAML:

    XML-Quellcode

    1. <Image Width="{Binding Breite, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged}" Height="{Binding Hoehe, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged}" Source="{Binding Bild, UpdateSourceTrigger=PropertyChanged, Mode=OneWay}"/>


    Die Application.xaml ist leer, es gibt nur diesen einen XAML und dieses ViewModel.

    Leider ist das Projekt wieder abhängig von der bass(net).dll..., die in dieser aktuellen Version leider auch nicht als NuGet erhältlich ist...

    Wäre cool wenn du was dazu sagen könntest...

    Hallo

    kafffee schrieb:

    dann entsteht um das Bild rum ein roter Rand

    Dann wirst du irgendwo einen Border oder ähnliches definiert haben.

    Wie schon in anderen Threads angesprochen bei solchen Fehlern immer erstmal in einem "frischen" Projekt probieren und sehen was hier passiert. Ja, das ist das Leben eines Entwicklers. Auch wenns weh tut ;)
    Nur mit dem bischen XAML kann ich leider nicht sagen was hier die Ursache ist.

    Da musste etwas mehr zeigen.

    Das mit der bass.dll ist blöd und erschwert das "helfen" am "echten" Projekt natürlich. Es gebe nur eine Restmöglichkeit. Wir schaun uns das per Discord an und schreiben hier dann die Lösung nieder (so das es nachvollzogen werden kann).

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    @Nofear23m

    Hey Sascha, freut mich mal wieder was von dir zu hören :)

    Hab mal ein kleines Testprogramm erstellt um der Sache mal näher zu kommen. Das Ganze lässt sich wie ich herausgefunden hab auch ohne bass.dll reproduzieren.

    In Zeile 18 im MainViewModel musst du halt noch den Pfad einer Bilddatei angeben.

    Problem ist wie gesagt der rote Rand, der aber nur auftritt, wenn ich Width und Height des Image jeweils auf eine Klasseneigenschaft binde...

    Auf Discord chatten können wir trotzdem noch, sag mir wann und ich schau dass ich mir da Zeit nehmen kann und mich gut vorbereite... :)
    Dateien

    Wenn jetzt noch das Bild dabei wäre welches du benutzt hast wäre das ganze sogar lauffähig.
    C:\Users\alpha\Pictures\DSC_0214.JPG gibt es bei mir nämlich nicht. ;)
    Rechtschreibfehler betonen den künstlerischen Charakter des Autors.

    Ok schau dir mal den Datentyp deiner Propertys Hoehe und Breite an. Der Datentyp von Hoehe und Breite bei einem Image ist eine anderer. Siehe Objektbrowser.
    Dann verschwindet auch der rote Rand.
    Rechtschreibfehler betonen den künstlerischen Charakter des Autors.

    Aahhh jetzt ja. Hab mir sowas in der Art schon gedacht.... Kam auf die Idee, als ich mal an die Text-Property einer Textbox eine Integer Eigenschaft gebunden hab und dann auch ein roter Rand erschien, wenn keine Ganzzahl eingegeben wurde. Hatte den Gedanken dann wieder verworfen weil ich mir dachte, dass ein Pixel ein Pixel ist und nur somit nur eine Ganzzahl sein kann... Jetzt seh ich grad, dass das nicht in Pixel definiert wird sondern in geräteunabhängigen Einheiten.... Danke dir :)

    Genau, wie Akanel schon schrieb ist immer auf den Datentyp zu achten, ansonsten müsste man eben einen Converter zwischenschalten.

    Gut das du das Thema erledigen konntest.

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Jetzt muss ich unerwarteterweise doch noch mal nachhaken:

    Problem ist, dass die Funktion, die mein Bild "erstellt", jeweils einen Integer für Breite und Höhe will, also habs ichs versucht einfach zu konvertieren:

    Convert.ToInt32() --> System.OverflowException: Der Wert für einen Int32 war zu groß oder zu klein.
    CInt()--> System.OverflowException: Die arithmetische Operation hat einen Überlauf verursacht.
    DirectCast() --> Der Wert vom Typ Double kann nicht in Integer konvertiert werden
    CType() --> System.OverflowException: Die arithmetische Operation hat einen Überlauf verursacht.

    Auch vorher auf Ganzzahl auf bzw. abrunden hab ich versucht, ebenfalls ohne Erfolg.

    Also hab ich einen Haltepunkt gesetzt, und bin mit der Maus mal über Breite/Hoehe gefahren. Der Wert von beiden ist NaN, was laut Google "Not a Number" heisst. Aber wies not a number, ich habe die Properties doch als Double deklariert???

Facebook
Telefonspende