Definiere Bildquelle nach dem Klick auf die Schaltfläche Windows 10 UWP, XAML C#

Question

Ich bin ein neuer Entwickler, der versucht, für Windows 10 UWP zu lernen und ich habe seit Tagen mit den Grundlagen zu kämpfen. Ich versuche nur herauszufinden, wie XAML-Eigenschaften mit C# geändert werden, insbesondere möchte ich die Quelle eines Bildes ändern, so dass das Klicken auf eine Schaltfläche das angezeigte Bild ändert. Ich bin an Javascript und jQuery gewöhnt, die diesen Prozess absolut schmerzlos machen ($ ("# elementID"). Attr ("src", "Images/NameOfFile.PNG");). Wie mache ich das für eine UWP App? Es scheint, als wäre die Datenbindung ähnlich, aber ich habe große Schwierigkeiten, sie zu verstehen, und ich kann mir nicht vorstellen, dass etwas so Einfaches so schwierig sein müsste. Kannst du mir dabei helfen? Vielen Dank!

Answer 1

Der einfachste Weg (ohne Datenbindung) ist der direkte Zugriff auf das Image-Steuerelement in Code hinter. Vergeben Sie dem Steuerelement einen Namen

und legen Sie seine Source-Eigenschaft in Code, z. Klicken Sie in einem Button-Handler

image.Source = new BitmapImage(new Uri("ms-appx:///Images/NameOfFile.png")); 

wo NameOfFile.png muss in einem Ordner Images in Ihrem Visual Studio Projekt mit dem Namen hinzugefügt werden.

Einzelheiten zum ms-appx:// Schema finden Sie unter class Uri.