9

我在此布局中使用 ActionBar.Tab setCustomView() 方法：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background_grey" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="Test Tab" 
        android:textColor="@color/background_dark_green"/>

</RelativeLayout>

这是我设置 ActionBar 的函数：

public void setActionBar()
{
    ActionBar actionBar = getSupportActionBar();
    //actionBar.hide();
    actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    actionBar.setDisplayShowHomeEnabled(false);
    actionBar.setDisplayShowTitleEnabled(false);        
    //set action bar navigation mode
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);        
    //set tabs      
    //home tab 
    Tab tab = actionBar.newTab().setText(TAB_HOME).setTabListener(new PicoTabListener<StartFragment>(this, StartFragment.class));       
    tab.setCustomView(R.layout.tab_background);
    actionBar.addTab(tab);
    //events tab
    tab = actionBar.newTab().setText(TAB_EVENTS).setTabListener(new PicoTabListener<EventsFragment>(this, EventsFragment.class));
    actionBar.addTab(tab);      
    //enter event code
    tab = actionBar.newTab().setText(TAB_CODE).setTabListener(new PicoTabListener<EnterCodeFragment>(this, EnterCodeFragment.class));
    actionBar.addTab(tab);      
}

和我的活动布局：

<?xml version="1.0" encoding="utf-8"?>
<!-- This is the main layout of the application -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragment_basic_root"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background_dark_green" >

</RelativeLayout>

结果接缝看起来像这样（带有灰色背景的左上角选项卡）： 在此处输入图像描述

如何使我的自定义视图填充整个选项卡并正常工作？

我正在使用适用于 Android 2.3 的支持包 v7

4

4 回答 4

3

我自己遇到了这个问题并想出了解决方案。您应该为 tabview 创建一个清除背景和填充的样式，并在您的主题中使用它。

样式.xml：

<style name="Custom.ActionBar.TabView.Empty" parent="@style/Widget.AppCompat.ActionBar.TabView">
    <item name="android:background">@null</item>
    <item name="android:padding">0dp</item>
</style>

主题.xml：

<style name="Theme.Custom" parent="@style/Theme.AppCompat.Light">
    <item name="android:actionBarTabStyle">@style/Custom.ActionBar.TabView.Empty</item>
    <item name="actionBarTabStyle">@style/Custom.ActionBar.TabView.Empty</item>
</style>
于 2014-04-23T10:25:56.860 回答
1

对于每个创建的选项卡对象，只需添加 layoutParams：

..    
tab.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT));
actionBar.addTab(tab);
于 2014-10-24T12:17:34.917 回答
0

如果您仍然遇到问题，我找到了一种获得整个空间的方法：ActionBar Tab with custom View not centered

于 2014-03-03T10:57:12.170 回答
0

在处理 actionbarcompat 的 setCustomView 时，您必须依赖android:margin和android:padding

请记住，似乎根元素的填充、宽度、高度和边距被忽略了。

于 2013-12-13T20:02:16.543 回答