Ich versuche, eine virtuelle UI-ID-Karte zu implementieren, die auf allen Geräten wie eine Karte aussieht. Ich brauche 4 Zeilen insgesamt und 3 Spalten. Ich hätte auch gerne die Breite etwa doppelt so groß wie die Höhe (2: 1 Verhältnis).Implementieren einer virtuellen UI-Karte mit fester Größe
1) Ich betrachtete das Rahmenlayout. aber es scheint, als ob es die gesamte Bildschirmgröße überspannt. Schnell war die Größe meiner Kartenbreite 5 mal so groß wie die Höhe. Das hat also optisch nicht funktioniert. Ich vermute, dass das Gridlayout unter ähnlichen Problemen leiden würde.
2) Ich benutzte das Tabellenlayout (4 X 3). Ich habe versucht, mit Padding/Marge und es scheint wie das Aussehen & Gefühl der Karte UI schnell überproportional auf Tablets, während auf Telefonen anständig aussieht, da Telefone scheinen natürlich eine ähnliche Breite zu einer Karte haben.
3) habe ich versucht widthPercentage als Einschränkung auf den Tisch UI angibt. Auch dieser Ansatz litt unter ähnlichen Problemen. Da ich bei kleineren Telefonen nur kleine prozentuale Ränder hinzufügen müsste, kann es sein, dass ich bei größeren Tablets größere Ränder benötige. Dies kann schnell schwierig werden, um richtig zu testen.
Ich denke jetzt zu versuchen, eine der folgenden Ansätze zu nehmen:
1) Ich bin nicht sicher, ob es eine Möglichkeit ist, die TextField- Breite basierend auf der Anzahl der Zeichen angeben. Zum Beispiel, wenn das Kartenausstellungsdatum auf dem Tablet wächst, kann es 10s von Zeichen passen, wo es nur paar für moht (mm) und 4 Zeichen für Jahr passen soll (yyyy). Gibt es eine Möglichkeit, das zu tun?
2) Kann ich die Bildschirmbreite in Zoll oder mm angeben? Ich kann eine Funktion implementieren, um Padding/Ränder auf unterschiedlicher Bildschirmgröße zu versuchen und zu skalieren.
schätze ich über jedes Feedback.