如何获取此标签栏

Posted 2023-02-27

【中文标题】如何获取此标签栏

【英文标题】：how to get this tabbar

【发布时间】：2011-11-08 05:13:07

【问题描述】：

如何得到如下设计的tabbar

当一个选项卡被选中时，曲线按钮必须在特定选项卡中可见，而另一个必须是公共的。

我想添加一个固定的背景颜色为红色，我将放置带有曲线和不带曲线的图像的按钮。但我想知道它是否适用于所有 android 设备，因为 wat 是按钮的高度和宽度？如何设置固定高度和宽度的标签栏....

【问题讨论】：

+1 表示有用的问题。

你在说什么：TabWidget，还是ActionBar？

【参考方案1】：

我通过一个简单的方法找到了如下

为了获得标签栏底部的红线，我在标签下添加了view，如下所示

<TabHost
    android:id="@android:id/tabhost"
    android:layout_
    android:layout_
    xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:layout_
        android:id="@+id/linearLayout1"
        android:layout_
        android:orientation="vertical">

        <TabWidget
            android:layout_
            android:layout_
            android:id="@android:id/tabs"
            android:layout_alignParentBottom="true"
            android:layout_weight="0">
        </TabWidget>

        <View android:layout_ android:layout_   android:background="#ff0000" />

        <FrameLayout
            android:layout_
            android:layout_
            android:id="@android:id/tabcontent"
            android:layout_weight="1">
        </FrameLayout>

    </LinearLayout>
</TabHost>

那么我的tabbar类如下

public class CustomTabActivity extends TabActivity 

    @Override
    public void onCreate(Bundle savedInstanceState) 
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabbar);

        addTab1(FirstTab.class);
        addTab2(SecondTab.class);
        addTab3(FirstTab.class);
        addTab4(SecondTab.class);
    

    private void addTab1( Class<?> c)
    
        TabHost tabHost = getTabHost();
        Intent intent = new Intent(this, c);
        TabHost.TabSpec spec = tabHost.newTabSpec("tab");   

        View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab_indicator1, getTabWidget(), false);
        ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon1);

        spec.setIndicator(tabIndicator);
        spec.setContent(intent);
        tabHost.addTab(spec);
    

我的tab_indicator布局如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_    
    android:layout_weight="1"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageView android:id="@+id/icon1"
        android:layout_
        android:layout_
        android:layout_centerHorizontal="true"
        android:background="@drawable/tab1">    
    </ImageView> 
</RelativeLayout>

drawable中的tab1是一个Selector xml文件如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >  
    <item android:state_focused="false" android:state_selected="false"
        android:state_pressed="false" android:drawable="@drawable/home" />
    <item android:state_focused="false" android:state_selected="true"
        android:state_pressed="false" android:drawable="@drawable/home_select_btn" />

</selector>

在这里我添加了带有弯曲的选定图像和未选择的没有弯曲的图像，我想显示。

这条路似乎很长，但我觉得它与我需要的设计相同。

【参考方案2】：

也许this example 对你有用。它与 Google+ 应用程序具有相同类型的导航。