Textfeld- und Bildhöhenunterschied in Android
Autor: Bernhard B.
Visitado 760,
Followers 1,
Compartido 0
Version 2021.5 update 06-02-22
Hallo, ich habe in einer Zeile links ein Textfeld und rechts ein Bildobjekt eingefügt. Auf dem Desktop ist die Höhe beider Felder durch Einstellen der Bildhöhe gleich (auch Laptop); beide Win10. Das jpg füllt den Bildobjektrahmen vollständig aus. Sofern ich die Seite auf einem Android-Gerät anzeigen lasse, füllt das jpg-Bild nicht mehr den ganzen Rahmen des Bildobjektes aus. Unabhängig davon, welche Pixelzahl ich beim Foto einstelle.
Einstellung:
Bildobjekt- Größe automatisch anpassen. Text- roboto 10 (android-Standardtextstyle)
Gruß Bernhard
Publicado en
Hello Bernhard
I would like to help you identify exactly the reason why this is happening, but I need to ask you to provide here a couple of screenshots to show me the differences between the two situations
Can you please attach here one screenshot that clearly displays the situation on a desktop and one screenshot that displays the situation on a mobile phone?
Please keep me posted here
Thank you
Stefano
GOOGLE TRANSLATE ---
Hallo Bernhard
Ich würde Ihnen gerne helfen, genau den Grund dafür zu identifizieren, aber ich muss Sie bitten, hier ein paar Screenshots bereitzustellen, um mir die Unterschiede zwischen den beiden Situationen zu zeigen
Können Sie hier bitte einen Screenshot anhängen, der die Situation auf einem Desktop deutlich zeigt, und einen Screenshot, der die Situation auf einem Mobiltelefon zeigt?
Bitte halten Sie mich hier auf dem Laufenden
Danke schön
Stefano
Autor
The height of the jpg-file-content is different.
The left picture ist normaly for all win10-PC. Both contents (textobject and pictureobjekt) have the same frame-height and are fully filled. The right picture is shown in all android-tablet/smartphones. The height of the frames are the same, but the picture-content has less height.
Bernhard
(It > De) ... der Grund ist klar, ...und wenn Sie den LINK gepostet hätten, hätte er besser bewertet werden können, ...in Bezug auf die Auflösung/den Haltepunkt...
1) ... in Ihrem STEMPEL links ist die erste Spalte des Textes niedriger als die zweite Spalte mit dem Bild...
2) ... in Ihrem rechten STEMPEL ist die erste Spalte des Textes höher als die zweite Spalte mit dem Bild; ...daher behält das Bild in diesem Fall die gleiche verfügbare Breite und wird vertikal in der Zelle zentriert...
... wäre es angebracht, der rechten Zelle die gleiche Hintergrundfarbe wie dem Bild zuzuweisen...
.
ciao
.
Autor
Es tut mir Leid. Ich verstehe nicht, was du geschrieben hast.
Ich versuche es nochmal zu erklären. Bild 1- links- Das graue Feld ist ein Text in einem Textobjekt/Textrahmen, welches ich im Seitenlayout links in eine Gitterzeile eingefügt habe. Rechts daneben befindet in der gleichen Zeile des Layoutgitters eine Bildobjekt, in dem ich das gelbgraue Fotodokument eingefügt habe. Dieses Fotodokument habe ich im Bildobjekt/Bildrahmen bei der Seitenerstellung so bearbeitet, dass bei der Vorschau beide Felder durch ihre Inhalte voll ausgefüllt sind. Nach dem Hochladen wird dieses Layout auf allen PC, wie von mir bei der Seitenerstellung bearbeitet, korrekt angezeigt. Beide Felder sind vollständig ausgefüllt.
Sofern ich die hochgeladene Seite jedoch in einem Androidsystem betrachte, füllt das Fotodokument den Bildobjektrahmen nicht vollständig aus, trotzdem ich am Layout der Seite nichts geändert habe. So wie du in 2) geschrieben hast, erklärst du nochmal das Foto. Meine Frage war aber, warum wird bei den Android-Geräten nicht die von mir bei der Seitenerstellung eingestellte Höhe des Bildes im Bildrahmen eingehalten bzw. warum wird das Foto nicht mit der von mir bei der Seitenerstellung vorgegebenen Bildhöhe im Rahmen abgebildet.
Oder habe ich etwas falsch verstanden?
Bernhard
(It > De) ... weil die Zelle neben dem Text schmaler ist und der Text daher mehr Zeilen hat und daher die Textzelle in der Höhe zunimmt und daher auch die Zelle neben dem Bild in der Höhe zunimmt...
... um dies zu vermeiden, sollten Sie sowohl den Text als auch das Bild auf zwei vertikal übereinander liegende Zellen verteilen...
.
ciao
.
Um das ganze abzuschließen....der Grund ist nicht das Bild sondern der Text den du links hast im Text-Objekt. Auf dem PC wird es korrekt angezeigt mit dem Font der eingestellt ist. Bei Android ist es anders, weil der Text ersetzt wird durch einen anderen und der kann breiter sein und dadurch werden die Wörter früher abgeteilt und das Text-Objekt verlängert. Da sich das Bild aber anpassen muss, wird oben und unten ein Spalt erzeugt weil das Bild ja nicht gestretscht werden kann.
Deshalb solltest du die gleiche Hintergrundfarbe beim STIL einstellen, damit der Effekt nicht bemerkt wird.
Autor
Hallo KolAsim und Andreas
ich habe zwischenzeitlich festgestellt, dass bei 50%-Textfeldbreite und 50%-Bildfeldbreite entsprechend meiner Schriftart robot10 acht Zeilen bei 1,5 Zeilenabstand in das Textfeld passen, um keine Ränder oberhalb und unterhalb des Bildes im Androidsystem zu erhalten. Es wäre cool, wenn man die Grenze der Textfeldhöhe irgendwo ablesen könnte.
Ist zwar nicht optimal, aber wenn man weiss was geht, dann kann ich damit leben.
Gruß und out
Bernhard