Android中的自定义操作栏与父级不匹配

时间:2015-01-16 07:25:30

标签: android layout android-actionbar

大家好,我尝试制作自定义操作栏。我的代码如下。 Action Bar的右侧一切都很好但在左侧自定义操作栏不匹配。我怎么解决这个问题。

感谢帮助。

enter image description here

编辑1: 我的主要活动xml,它对动作栏没有任何兴趣,但我无法弄清楚问题出在哪里

activity_main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"                                             android:layout_width="match_parent"
android:layout_height="match_parent"      android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"              tools:context=".MainActivity"
android:id="@+id/hh">

   </RelativeLayout>

这是我的自定义操作栏xml文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical" 
      android:layout_width="match_parent"
      android:layout_height="match_parent">

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Button"
    android:id="@+id/button"
    android:background="#ffff2301" />
</RelativeLayout>

我的Java代码;

public class MainActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    getSupportActionBar().setCustomView(R.layout.action_bar);
    getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
}

}

1 个答案:

答案 0 :(得分:2)

您在主题提供的默认工具栏上使用setCustomView()。自定义视图应加载到工具栏空间中,由其他视图(徽标,标题,溢出菜单...)占用。

因此,您的自定义布局变为工具栏的部分,并且不会替换它。所以:

  1. 你希望事情是这样的。在这种情况下,您的问题只是背景颜色。我不知道您如何将自定义视图设置为黄色,但尝试将android:background="@color/transparent"添加到RelativeLayout并将整个工具栏颜色切换为黄色。左边的房间最终会加载导航图标,所以你希望它在那里。

  2. 您希望(我建议)使用Toolbar API,以便更轻松地添加自定义视图。这样做是这样的:

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <include layout="@layout/custom_toolbar"/>
    
    
        <RelativeLayout android:id="@+id/main_content"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
    
        </RelativeLayout>
    
    </LinearLayout>
    
  3. 然后,在custom_toolbar.xml中,

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:abc="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent">
    
        <!-- you can add any custom view here -->
    
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button"
            android:background="#ffff2301" />
    
    </android.support.v7.widget.Toolbar>
    

    在您的onCreate()中,您现在必须致电:

    public class MainActivity extends ActionBarActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Toolbar tb = (Toolbar) findViewById(R.id.toolbar);
            setSupportActionBar(tb);
        }
    
        }