Wie man ein simpe UI für Android macht? - Android, Benutzerschnittstelle

Die UI, die ich möchte, ist wie folgt:

------------------------------ + Kopf | btn1 | btn2 | btn2 | ------------------------------- Inhalt | Inhalt | | | | | | | | | | | ------------------------------ | Fuß | btn3 | btn4 | btn5 | ------------------------------ |

Kann jemand xml für dieses ui entwerfen?

Antworten:

Dies ist der Typ des XML-Layouts, nach dem Sie suchen:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<LinearLayout
android:id="@+id/header"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:orientation="horizontal"
>
<View android:id="@+id/head" />
<Button android:id="@+id/btn1" />
<Button android:id="@+id/btn2" />
<Button android:id="@+id/btn3" />
</LinearLayout>
<LinearLayout
android:id="@+id/footer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
>
<View android:id="@+id/foot" />
<Button android:id="@+id/btn4" />
<Button android:id="@+id/btn5" />
<Button android:id="@+id/btn6" />
</LinearLayout>
<ListView
android:id="@+id/body"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@id/footer"
android:layout_below="@id/header"
/>
</RelativeLayout>

Offensichtlich müssen Sie den Inhalt erweiternder Kopf- und Fußzeile, aber das ist die grundlegende Struktur. Sie legen die Kopf- und Fußzeile auf wrap_content, richten sie jeweils nach oben und unten, dann die ListView wird unterhalb und oberhalb der Kopf- bzw. Fußzeile festgelegt und füllt der verbleibende Platz in der Kopf- und Fußzeile.

Hey, das hört sich ganz einfach an. Der einfachste Weg, um mit so etwas zu beginnen, wäre etwas wie http://www.droiddraw.org/ Es ist ein visueller Editor für Android-UIs. Sobald Sie das grundlegende Layout haben, können Sie es in Ihre App exportieren und es dann an Ihre Bedürfnisse anpassen.

Hoffe das hilft

-Andreas

Habe gerade deine Edit gesehen. Sie möchten grundsätzlich ein vertikales lineares Layout mit einem horizontalen linearen Layout oben, dann eine Listenansicht und ein weiteres lineares horizontales Layout am unteren Rand.