I am trying to make a really easy xml layout and I can’t seem to get it to look the way I want.
I attached a picture of what I want it to look like:

Basically, I have a static background image in my imagebutton at the top. Below that I have a picture the user snapped in the Photo Box. I assume I need an image view for that, but would it be possible for me to instead pass the pic to the background of an image button too so I can make the size easier to manage?
Based on what the user chooses in the options before this layout, an option photo is shown based on what they select. The photo would display to the right of the centered image, if that option is selected.
Below that would be a centered text view, with another separate one below that. Finally, I would have two buttons on top of each other at the very bottom.
Could someone show me a good way to get this layout and also tell me if it is possible to take a picture that is snapped and make it the background of an image button – or if that is a bad idea?
Thanks so much!
Seems like for the most part, you just want a simple
LinearLayout. For the part with the photo, you could use an embeddedLinearLayoutorRelativeLayout.As for the picture – you can easily set the background of any view or view group to any image (any view has an option to set the drawable for the background).
The only thing you should consider – for the purposes of making the UI more intuitive – is to slightly modify the image for the different states (focused, selected, etc), so that the user gets visual feedback when selecting the button via the trackpad, or when clicking on the button. A “drawable” has built-in support for multiple images for each state.