Hintergrundbild richtig positionieren. Wie ?

Hallo Sascha,

Strecke bis zur unteren Auflösung des Handys und strecke nach rechts 1:1 mit ohne verzerren.

Zur Runtime :
Du musst dir zuerst die Ratio vom Bitmap und dann die Ratio des Display ermitteln und dann manuell anpassen . Sonst bekommst du die Verzerrung nie heraus .

Editor :
Es seit denn du macht im Editor auf fit , dann ist es verzerrt oder mit scale , dann mit ggf. mit Rändern behaftet. Mit dem Editor bekommst du niemals die eierlegende Wollmilchsau hin.

Das Ganze soll ja schließlich auf verschiedenen Devices laufen.

Anmerkung :
Man nimmt auch als Background niemals ein Bitmap , man rendert was Hübsches zur Runtime.
Alleine schon aus Resourdengründen. (z.b. Gradient)

— geändert am 07.05.2019, 23:07:59

Hallo Sascha,

wie genau soll denn das fertige Bild im Hintergrund aussehen?
Wenn du anfängst mit "Setze Bild auf 0.0" und "Strecke Bild auf untere Auflösung des Handys", deute ich daraus, dass das Bild am linken Rand bleiben soll und die Höhe des Bildschirms haben soll, egal wie breit dieser ist.
Solange das Hintergrundbild genau das gleiche Seitenverhältnis hat, wie der Bildschirm, würde das funktionieren. Aber bei allen Anderen würde doch entweder ein Teil des Bildschirms kein Hintergrundbild mehr haben oder ein Teil des Hintergrundbildes vom Rand abgeschnitten werden.

Kommt mir beides nicht so richtig logisch vor für ein Hintergrundbild.

— geändert am 08.05.2019, 11:49:32

Hallo,

android:scrollX=-bildschrirmbreite/2 mit Bildgröße verrechnet
ohne das ich dafür programmcode schreiben muss.

Wie schon oben beschrieben , geht das nicht , also nur zur Runtime zu berechnen.

sonst könnte man die Seiten designerei ja gleich lassen und alles per Code programmieren :/

Dafür ist es auch nicht gemacht ....... Das ist lediglich ein Layoutdesigner , kein Imagerendering.
(Zwei völlig verschiedene Aufgaben und Techniken)

Auch hier gilt wie bei einem Loch in der Wand : Der Dübel muss zum Loch und der Schraube passen .
Sprich : Da es unmöglich ist, ein universelles Bitmap für alle Screen Dimensionen und der Ratio mitzuliefern , muss du es programmtechnisch berechnen , ausschneiden , reduzieren.

Das ist nicht nur bei Android so , sondern gängige Technik auf allen Plattformen.

Anmerkung :

android:scrollX="-150dp" 

wird nur auf einem Device-Typ funktionieren, ist auch nicht konform.

— geändert am 09.05.2019, 07:53:07

Ich finde auch, dass doch nichts dagegen spricht, dass im Code zu lösen, wenn man dadurch dann eine richtige Lösung bekommt. Der Layouteditor ist für sowas halt nicht gedacht. Alles was du da machst wäre nur tricksen.

Aber trotzdem der Vollständigkeit halber:
Wenn ich dich jetzt richtig verstehe, soll dein Farbverlauf immer am linken Bildschirmrand anfangen und die komplette Bildschirmhöhe abdecken. Die Breite von diesem Hintergrundbild soll sich der Höhe so anpassen, solange sich das Seitenverhältnis nicht verändert, auch wenn das bedeutet, dass der rechte Teil vom Bildschirm kein Hintergrundbild mehr hat.
Falls du ein ConstraintLayout verwendest (bin nicht sicher, ob das auch bei anderen geht), dann kannst du da eine ImageView mit deinem Hintergrundbild reinlegen und sie am oberen, unteren und linken Bildschirmrand anbinden. Die layout_height stellst du auf match_constraint und die layout_width auf wrap_content. Dann gibt es beim ImageView noch die Eigentschaft adjustViewBounds, die du auf true stellen musst.
Dann würde es so Aussehen, wie du es dir vorstellt. Problem ist hier aber, dass es nur gut geht, solange die Breite vom Bildschirm groß genug ist, dass ein Rand übrig bleibt. Sobald dein Hintergrundbild breiter werden würde, als der Bildschirm, würde er das wieder anpassen und das Bild verzerren.

@Robert S.

Wenn ich dich jetzt richtig verstehe, soll dein Farbverlauf immer am linken Bildschirmrand anfangen und die komplette Bildschirmhöhe abdecken

Ich bin mir die ganze Zeit auch nicht sicher , was er eigentlich will.
Will er nur einen Gradienten ? Irgendwie kommt das zwischen den Zeilen heraus

@Sascha D.
Wenn das so ist ( gradient) dann schlichtweg zur Runtime drei Zeilen

 GradientDrawable gd = new GradientDrawable(GradientDrawable.Orientation.TOP_BOTTOM,new int[] {0xFF009795,0xFF004494});
                gd.setCornerRadius(0f);
                view.setBackground(gd);

— geändert am 09.05.2019, 07:58:56

Da ich bisher überwiegend Spiele programmiert habe, mache ich alle Zeichen-Operationen selbst in der onDraw() Methode auf den Canvas. Da hat man dann alle Freiheit sowas auszuprogrammieren, wie ein Image/Bild eingepasst (scaliert, gedreht, gestaucht, ...) werden soll.

Ich gehe aber mal davon aus, dass in deiner App vermutlich Buttons und Eingabe-Felder über dem Hintergrund-Bild dargestellt werden. Somit ist diese Art den Bildschirm zu füllen ungeeignet.