Probleme mit dem Layout bei 1024 x 768 px

  • Antworten:3
Dominic Warzok
  • Forum-Beiträge: 19

23.03.2012, 12:17:04 via Website

Hallo zusammen,

ich habe eine Android Applikation für Tablets geschrieben. Das Design/Layout der App ist allerdings auf die Auflösungen 1280 x 800 bzw. 1024 x 600 angepasst.
Nun habe ich das ganze mal auf anderen Tablets installiert und darunter war eins mit 1024x768 und es sieht darauf ziemlich bescheiden aus.
Nur nimmt das Tablet mit 1024x768 auch die Layoutdatei aus dem Xlargeordner. Diese ist natürlich auf 1280x800 angepasst.

Habt ihr eine Idee oder wisst ihr eine Möglichkeit, wie man beide Auflösungen vernünftig unterstützen kann ?
(Die App beinhaltet nur Bilder und Text)

Vielen Dank schonmal

MfG
Dominic

Antworten
Markus Gu
  • Forum-Beiträge: 2.644

23.03.2012, 12:28:48 via Website

naja

ohne deine layouts zu sehen, wirds schwer dir zu helfen.

du könntest natürlich für diese spezielle auflösung einen res ordner anlegen, aber ob das zielführend ist, weiß ich nicht.

andere variante wäre, das layout nicht auf 1280x800 zu optimieren, sondern auf 1024x768 und dann einfach "raufskalieren" lassen.

swordiApps Blog - Website

Antworten
Dominic Warzok
  • Forum-Beiträge: 19

23.03.2012, 13:06:50 via Website

Also hier ist mein Layout:
1<?xml version="1.0" encoding="utf-8"?>
2<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:id="@+id/mainLayout"
4 android:layout_width="fill_parent"
5 android:layout_height="fill_parent"
6 android:background="@drawable/hintergrund"
7 android:orientation="vertical" >
8
9 <ImageView
10 android:id="@+id/rahmen"
11 android:layout_width="wrap_content"
12 android:layout_height="wrap_content"
13 android:layout_alignParentBottom="true"
14 android:layout_alignParentRight="true"
15 android:adjustViewBounds="true"
16 android:maxHeight="716dp"
17 android:maxWidth="617dp"
18 android:src="@drawable/rahmen" />
19
20 <ImageButton
21 android:id="@+id/logoButton"
22 android:layout_width="257dp"
23 android:layout_height="60dp"
24 android:layout_alignParentBottom="true"
25 android:layout_alignParentRight="true"
26 android:layout_marginBottom="2dp"
27 android:layout_marginRight="2dp"
28 android:background="@drawable/logo"
29 android:minHeight="50dp"
30 android:minWidth="347dp" />
31
32 <TextView
33 android:id="@+id/manufacturerText"
34 android:layout_width="wrap_content"
35 android:layout_height="wrap_content"
36 android:paddingLeft="739dp"
37 android:paddingTop="84dp"
38 android:textSize="35dp" />
39
40 <TextView
41 android:id="@+id/nameText"
42 android:layout_width="wrap_content"
43 android:layout_height="wrap_content"
44 android:layout_below="@id/manufacturerText"
45 android:paddingLeft="739dp"
46 android:textSize="25dp" />
47
48 <TableLayout
49 android:id="@+id/sysInfoTable"
50 android:layout_width="wrap_content"
51 android:layout_height="wrap_content"
52 android:layout_below="@id/nameText"
53 android:layout_gravity="left"
54 android:background="@android:color/transparent"
55 android:lineSpacingExtra="5dp"
56 android:paddingLeft="739dp"
57 android:paddingTop="30dp"
58 android:scrollbarAlwaysDrawVerticalTrack="true"
59 android:shrinkColumns="0" >
60 </TableLayout>
61
62 <TextView
63 android:id="@+id/versionText"
64 android:layout_width="wrap_content"
65 android:layout_height="wrap_content"
66 android:textColor="@android:color/white"
67 android:textSize="10sp" />
68
69 <TextView
70 android:id="@+id/articleNumber"
71 android:layout_width="wrap_content"
72 android:layout_height="wrap_content"
73 android:layout_above="@id/logoButton"
74 android:layout_alignParentRight="true"
75 android:layout_marginBottom="20dp"
76 android:layout_marginRight="90dp"
77 android:textColor="@android:color/white"
78 android:textSize="18sp" />
79
80 <!-- Price -->
81
82 <ImageView
83 android:id="@+id/priceEnd"
84 android:layout_width="wrap_content"
85 android:layout_height="wrap_content"
86 android:layout_above="@id/logoButton"
87 android:layout_alignParentRight="true"
88 android:layout_marginBottom="100dp"
89 android:layout_marginRight="120dp"
90 android:adjustViewBounds="true" />
91
92 <ImageView
93 android:id="@+id/price1"
94 android:layout_width="wrap_content"
95 android:layout_height="wrap_content"
96 android:layout_alignBottom="@id/priceEnd"
97 android:layout_toLeftOf="@id/priceEnd"
98 android:adjustViewBounds="true" />
99
100 <ImageView
101 android:id="@+id/price10"
102 android:layout_width="wrap_content"
103 android:layout_height="wrap_content"
104 android:layout_alignBottom="@id/priceEnd"
105 android:layout_toLeftOf="@id/price1"
106 android:adjustViewBounds="true" />
107
108 <ImageView
109 android:id="@+id/price100"
110 android:layout_width="wrap_content"
111 android:layout_height="wrap_content"
112 android:layout_alignBottom="@id/priceEnd"
113 android:layout_toLeftOf="@id/price10"
114 android:adjustViewBounds="true" />
115 <!-- Price End -->
116
117 <Button
118 android:id="@+id/updateButton"
119 android:layout_width="wrap_content"
120 android:layout_height="wrap_content"
121 android:layout_alignParentBottom="true"
122 android:layout_alignParentLeft="true"
123 android:layout_marginBottom="2dp"
124 android:layout_marginRight="2dp"
125 android:background="@drawable/white_border"
126 android:padding="5dp"
127 android:text="@string/updateButtonText"
128 android:textColor="@android:color/white"
129 android:visibility="invisible" />
130
131 <ImageView
132 android:id="@+id/spiel"
133 android:layout_width="543dp"
134 android:layout_height="600dp"
135 android:layout_alignParentLeft="true"
136 android:layout_alignParentTop="true"
137 android:layout_marginLeft="68dp"
138 android:layout_marginTop="116dp"
139 android:src="@drawable/spiel_reflection" />
140
141</RelativeLayout>

Was das rauf/runter skalieren angeht habe ich schlechte Erfahrungen gemacht weil es sind ja bilder mit drinn und das sieht dann meistens auch nicht so gut aus.

Antworten
Markus Gu
  • Forum-Beiträge: 2.644

23.03.2012, 13:47:04 via Website

deshalb hab ich skalieren in hochkomma gesetzt.

erstell ein layout, welches halt bei der größeren auflösung mehr rand erzeugt. dann bleiben bilder gleich.

hast vielleicht noch einen screenshot, wie das finale layout dann am tablet aussieht ( in gut und schlecht )

das hängt halt stark vom layout ab, was man da tun kann

swordiApps Blog - Website

Antworten