我想要创建一个如下图所示的TabBar:
这里,所有的Tab Bar都是普通的。只是它们是自定义的。现在我想要创建一个像上面图片中那样的Tab Bar,在其中心的Tab是凸起的。
那么我应该怎么做才能实现呢?
如果有任何演示,则会更好。
请帮帮我。
![enter image description here](https://istack.dev59.com/iaEXP.webp)
那么我应该怎么做才能实现呢?
如果有任何演示,则会更好。
请帮帮我。
您可以在选项卡小部件中设置背景图片,方法如下:
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);
将图像创建为其他四个图像,例如透明度为前20%的部分和中间相机创建为您的曲线基础。这样做,您将实现目标。
如下所示,灰色部分是透明部分。
我正在做这样的事情:
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="0dp"
android:tabStripEnabled="false"/>
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/btn1" />
<ImageView
android:id="@+id/btn1"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@+id/btn2"
android:src="@drawable/ic_launcher"/>
<ImageView
android:id="@+id/btn2"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@+id/btn3"
android:src="@drawable/ic_launcher"/>
<ImageView
android:id="@+id/btn3"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_width="80dp"
android:layout_height="80dp"
android:src="@drawable/ic_launcher"/>
<ImageView
android:id="@+id/btn4"
android:layout_toRightOf="@+id/btn3"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"/>
<ImageView
android:id="@+id/btn5"
android:layout_toRightOf="@+id/btn4"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"/>
</RelativeLayout>
</TabHost>
public void onClick(View v)
{
switch(v.getId())
{
case R.id.btn1:
tabHost.setCurrentTab(0);
break;
case R.id.btn2:
tabHost.setCurrentTab(1);
break;
case R.id.btn3:
tabHost.setCurrentTab(2);
break;
case R.id.btn4:
tabHost.setCurrentTab(3);
break;
case R.id.btn5:
tabHost.setCurrentTab(4);
break;
}
}