Search code examples
androidandroid-layoutfooter

How to create a semi-oval footer with buttons in android


Unfortunately I unable to understand the below design that's why asked like semi-oval footer.

enter image description here

Actually this is the footer design of a layout with two side buttons comes from one of the ios app. First I thought it like a bottom tab, but after some research i got to know that ,it is a footer with a FramaLayout, two buttons and one text to show the count, but still not sure what is this and how to do..

I added one footer in my layout and give it transparent-black background, but still unable to do this particular semi-oval style. suggestions and helps will be mostly appreciable. Please suggest.

Thanks


Solution

  • I imagine your footer being a container: a LinearLayout (so that you can use weights) or a RelativeLayout.

    Then it has a couple of clickable elements disposed horizontally (not giving details on this, assuming you can manage it by yourself)

    Now, these two "clickables" (I'd use TextViews, so I can put the images and even text inside) have a semitransparent (50% black) background like these:

    enter image description here (rect_left)

    and

    enter image description here (rect_rite)

    To let the container background image see through.

    I'm not so great at graphics, you will be able to make better pictures than mine. ;)
    These ones just illustrate the concept.