Das Bild behält die Proportionen bei, wenn es mithilfe der responsiven XD-Größenänderung herunterskaliert wird

Ich habe dieses wiederkehrende Problem mit XD, bei dem ich die Größe einer Gruppe von Elementen ändern möchte, bei denen ein Element ein Bild ist, ohne die Proportionen des Bildes zu ändern, das 16: 9 bleiben muss. In diesem speziellen Beispiel möchte ich, dass ein Symbol in der unteren rechten Ecke des Bildes bleibt, mit einem Abstand von 16 Pixel zu den Rändern des Bildes. Das Bild selbst befindet sich in einem rechteckigen Hintergrundelement:

Geben Sie hier die Bildbeschreibung ein

Und im Idealfall möchte ich, dass das Bild beim Ändern der Größe seine Proportionen beibehält und verkleinert wird, das Symbol jedoch seine Größe und seinen Abstand behält

Geben Sie hier die Bildbeschreibung ein

Aber was passiert ist, dass das Bild seine Proportionen nicht behält, wenn es die Größe ändert. Ich habe 2 Ansätze ausprobiert, die beide fehlschlagen:

1. Verwenden Sie ein Bild in einer umgebenden Form: Ich erstelle ein 16: 9-Rechteck, dann ziehe ich das Bild aus meinem Suchfenster in dieses Rechteck. Machen Sie es im Wesentlichen zu einem Hintergrundbild für dieses Rechteck.

Was hier passiert, ist, dass, obwohl das Symbol seine relative Position und Form beibehält, das Bild seine Proportionen verliert und beschnitten wird.

Geben Sie hier die Bildbeschreibung ein

2. Bild selbst verwenden: Ich ziehe das Bild einfach auf die Zeichenfläche und gruppiere dieses Bild mit den anderen Elementen. Und was hier passiert, ist, dass das Bild seine Proportionen behält, aber die Symbole schweben herum, während ich die Form entsprechend der Position meines Cursors ändere.Geben Sie hier die Bildbeschreibung ein

Gibt es eine Option, die ich hier übersehen habe? Ich habe eine Reihe verschiedener Optionen zur manuellen Größenänderung ausprobiert, aber alle offensichtlichen Optionen haben nicht funktioniert. Offensichtlich muss ich das Symbol so einstellen, dass Breite und Höhe festgelegt und dann rechts und unten festgelegt werden

Geben Sie hier die Bildbeschreibung ein

Aber welche Art von reaktionsschnellen Größenänderungseinstellungen verwende ich für das Bild, die sicherstellen, dass das Bild beim Verkleinern seine Proportionen beibehält und auch das Symbol in der unteren rechten Ecke bleibt? Ist das in XD überhaupt möglich? Habe ich etwas Offensichtliches übersehen?

Antworten (1)

Ich habe die Lösung gefunden. Ich hatte tatsächlich etwas einfaches übersehen. Ich hatte die Option "Breite/Höhe fixieren" mit der Option "Seitenverhältnis sperren" verwechselt:

Geben Sie hier die Bildbeschreibung ein

Ich habe das Seitenverhältnis auf dem Bild gesperrt (ich glaube, es war standardmäßig gesperrt) und dann das Symbol oben auf dem Bild an der gewünschten Position in der unteren rechten Ecke platziert. Ich gruppierte das Symbol und das Bild zusammen und stellte dann sicher, dass das Symbol die manuellen Größenänderungsoptionen verwendete, die ich in meiner Frage erwähnt hatte, und fixierte es unten und rechts. Und sobald ich das getan hatte, musste ich nur noch das Seitenverhältnis für die Gruppe sperren und voila, es hat funktioniert!

Hoffentlich ist diese Antwort für jemanden hilfreich, der diese einfache Lösung ebenfalls übersieht.

Bearbeiten: Überprüfen Sie nach dem letzten Schritt des Sperrens des Seitenverhältnisses der Gruppe, ob die Gruppenbreite nicht automatisch fest eingestellt wurde. Ich finde, dass dies jedes Mal passiert, wenn ich dies tue.