将自定义布局应用于FragmentActivity中的ActionBar

Question

我正在尝试在我的应用中更改actionBar的布局。我设法显示布局，但是有一个问题 - 布局没有延伸到条的整个宽度，我没有看到标题和图标。这就是我现在看到的方式：

这是我的自定义布局的XML：

<?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="match_parent"
    android:orientation="vertical"
    android:background="@drawable/app_bg"
    android:layout_gravity="fill_horizontal" >

<Button
    android:id="@+id/button1"
    style="?android:attr/buttonStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="Button" />

</RelativeLayout>

这就是我尝试在我的主要FragmentActivity中显示它以及标题：

final ActionBar actionBar = getActionBar();
    actionBar.setCustomView(R.layout.action_bar);
    actionBar.setDisplayShowTitleEnabled(true);
    actionBar.setDisplayUseLogoEnabled(true);
    actionBar.setSubtitle("welcome to my app");
    actionBar.setTitle("My App"); 
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

我希望布局延伸到条的整个宽度。此外，我想稍后在菜单右侧（按钮左侧）显示选项按钮。

我做错了什么以及如何解决？