How should I make this button design responsive on android?-CodePudding

I've spent the last two days trying to wrap my head around this layout I got asked by the designer to do, the shape is something like:

|         ___         |
|___ ___ /   \ ___ ___|
|btn|btn\\btn//btn|btn|    
|___|____\\_//____|___|

That part of the screen is a button row at the bottom of the screen, the problem comes with responsiveness, if I use an image button on the non square buttons they dont resize properly, adding margins instead of reshaping the image itself, but if I use regular buttons, i lose the cool shapes they ask for. Any ideas/tutorials I could use? Maybe I'm not looking it up as it should be done, but I don't seem to find anything relevant to my problem.

CodePudding user response：

You can try this dependency to your project and replace your button dp with sdp

You can make the changes in below properties to make the space between the bottom app bar.

    app:fabCradleMargin="16dp"

    app:fabCradleRoundedCornerRadius="40dp"

    app:fabCradleVerticalOffset="10dp"