如何正确自定义Android中的操作栏

Question

我在自定义android中的操作栏时遇到问题，在eclipse的设计器中我的设计看起来像这样

好吧，这就是我想要的

但是当我运行该应用程序时，我得到了这个

操作栏的代码是

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Cover"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FF9800"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:paddingBottom="8dp"
    android:paddingTop="8dp" >

    <ImageView
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:clickable="true"
        android:src="@drawable/ic_menu_white_36dp" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="right|center_vertical"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/coverhidden"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:visibility="gone" />

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_margin="4dp"
            android:layout_weight="1"
            android:background="@drawable/profil_infos_rect"
            android:drawableLeft="@drawable/ic_search_white_24dp"
            android:hint=" Search"
            android:padding="4dp"
            android:textColor="#fff"
            android:textColorHint="#FFFFFF"
            android:textSize="18sp"
            android:textStyle="bold" />

        <ImageView
            android:id="@+id/iconmsg"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_gravity="center_vertical"
            android:layout_margin="5dp"
            android:clickable="true"
            android:src="@drawable/ic_msg" />
    </LinearLayout>

</LinearLayout>

Answer 1

好吧，我用怪诞的方式来解决这个问题

我只是使用relativelayout，所以代码将像这样

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Cover"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FF9800"
    android:orientation="horizontal"
    android:paddingTop="4dp" >

    <ImageView
        android:id="@+id/drawerleft"
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:layout_alignParentLeft="true"
        android:layout_gravity="center"
        android:layout_margin="4dp"
        android:clickable="true"
        android:src="@drawable/ic_menu_white_36dp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="52dp"
        android:layout_marginTop="4dp"
        android:layout_toLeftOf="@+id/iconmsg"
        android:layout_toRightOf="@+id/drawerleft"
        android:background="@drawable/profil_infos_rect"
        android:drawableLeft="@drawable/ic_search_white_24dp"
        android:gravity="center_vertical"
        android:hint=" Search"
        android:padding="4dp"
        android:textColor="#fff"
        android:textColorHint="#FFFFFF"
        android:textSize="18sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/iconmsg"
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:layout_alignParentRight="true"
        android:layout_gravity="center_vertical"
        android:layout_margin="4dp"
        android:clickable="true"
        android:src="@drawable/ic_msg" />

</RelativeLayout>