Wie gehe ich vor, um dieses Layout zu erstellen? Mit so viel Mühe

Question

Ich versuche, ein wirklich einfaches XML-Layout zu machen, und ich kann nicht scheinen, dass es so aussieht, wie ich es möchte.

angebracht ich ein Bild von dem, was ich will es so aussehen:

Grundsätzlich habe ich ein statisches Hintergrundbild in meinem Image an der Spitze. Darunter habe ich ein Foto, das der User in der Foto Box aufgenommen hat. Ich nehme an, dass ich dafür eine Bildansicht benötige, aber wäre es mir möglich, stattdessen das Bild in den Hintergrund einer Bildschaltfläche zu übertragen, damit ich die Größe leichter verwalten kann?

Basierend auf dem, was der Benutzer in den Optionen vor diesem Layout auswählt, wird ein Optionsfoto angezeigt, das auf der Auswahl basiert. Das Foto würde rechts vom zentrierten Bild angezeigt, wenn diese Option ausgewählt ist.

Darunter wäre eine zentrierte Textansicht, mit einer anderen darunter. Schließlich hätte ich zwei Knöpfe ganz unten übereinander.

Könnte jemand mir einen guten Weg zeigen, um dieses Layout zu bekommen und mir auch sagen, ob es möglich ist, ein Bild zu machen, das geschnappt wird und es zum Hintergrund eines Bildknopfes macht - oder wenn das eine schlechte Idee ist?

Vielen Dank!

Answer 1

Scheint wie in den meisten Fällen, wollen Sie nur eine einfache LinearLayout. Für den Teil mit dem Foto könnten Sie einen eingebetteten LinearLayout oder RelativeLayout verwenden.

Wie für das Bild - Sie können einfach den Hintergrund einer beliebigen Ansicht oder Ansichtsgruppe auf ein beliebiges Bild (jede Ansicht hat eine Option, um die Zeichen für den Hintergrund festlegen).

Das einzige, was Sie berücksichtigen sollten - für die Zwecke der Herstellung der Benutzeroberfläche intuitiver - ist leicht, das Bild für die verschiedenen Zustände (konzentriert, ausgewählt, usw.) zu ändern, so dass der Benutzer eine visuelle Rückmeldung erhält, wenn die Taste Auswahl über das Trackpad oder beim Klicken auf die Schaltfläche. Ein "Drawable" verfügt über integrierte Unterstützung für mehrere Bilder für jeden Zustand.