How to create center raised tabbar?

Question

I want to create the TabBar as like Below image:

Here, all tab bar are normal. Just they are custom made. Now i want to create the Tab Bar as like above image. In which the center Tab is raised.

So what should i have do to make it possible ?

If is there any demo then it will be good.

Please help me.

Answer 1

you can set the Background image in Tab widget as

tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.home_h);
tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.live);
tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.camera);
tabHost.getTabWidget().getChildAt(3).setBackgroundResource(R.drawable.profile);
tabHost.getTabWidget().getChildAt(4).setBackgroundResource(R.drawable.Messege);

create the image as other four like Their Top 20% as Transparent and middle camera create as your Curve base . you will achieve your goal as this.

Like this where grey part is Transparency part.