CODEWITHSUNDEEP
androidandroid-layoutfooter
Ranjit
Ranjit

Reputation: 5150

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

Upvotes: 3

Views: 556

Answers (2)

Ryno Coetzee
Ryno Coetzee

Reputation: 517

You should create a new Drawable and use it as a background on a Relative/Linear Layout or View

Check this SO question and answer: Can I draw rectangle in XML?

As the question answer pair above gives an example of a rectangle you can modify it to be ovular:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

   <solid 
       android:color="#666666"/>

   <size 
       android:width="120dp"
        android:height="120dp"/>
</shape>

Upvotes: 1

Phant&#244;maxx
Phant&#244;maxx

Reputation: 38098

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.

Upvotes: 3

Related Questions