单击EditText视图时展开工具栏

时间:2015-08-05 05:59:47

标签: android android-layout toolbar android-toolbar

我在MainActivity中实现了材质导航抽屉和工具栏。为了实现导航抽屉并确保它显示在状态栏后面,我使用了toolbar.xml的以下代码

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/primaryColor"
    android:fitsSystemWindows="true"
    android:theme="@style/ToolbarTheme">
</android.support.v7.widget.Toolbar>

并将其包含在activity_main.xml中,如下所示:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/navigation_drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />
........
styles.xml中的

我正在使用以下属性

    <item name="android:windowTranslucentStatus">true</item>

有了这一切,一切正常,我得到以下结果,

enter image description here

单击编辑文本视图(00.00)时会出现问题。单击编辑文本视图或页面中任何编辑文本视图的时刻,工具栏只会展开。见下图:

enter image description here

现在,我可以通过将android:fitsSystemWindows="true"放在activity_main.xml中来解决问题,如下所示:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/navigation_drawer"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true"
    android:layout_height="match_parent">
........

我的问题是,虽然这个解决方案有效,但我不确定为什么我必须在布局文件中两次使用相同的属性?什么使工具栏扩展?另外,这是解决这个问题的正确方法吗?

编辑 - 从toolbar.xml中删除android:fitsSystemWindows="true"并将其放在抽屉布局中会导致主要活动产生正确的结果,但其他活动有一个白条。见下图。

enter image description here

1 个答案:

答案 0 :(得分:3)

我遇到了同样的问题,你和我会告诉你我做了什么来解决它

1)定义toolbar.xml

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolBarDetalleContacto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="4dp"
    android:background="?attr/colorPrimary"
    android:fitsSystemWindows="true"
    app:layout_collapseMode="pin"
    app:theme="@style/Theme.GpsFriends.Material">

</android.support.v7.widget.Toolbar>

诀窍是在<android.support.v4.widget.DrawerLayout>父组件内的活动xml中使用此属性,并在此处设置属性android:fitsSystemWindows =“true”(也在您的toolbar.xml中)。如果您不使用DrawerLayout,colorPrimaryDark属性中的永久灰色颜色将不会更改,将始终为灰色且仅为灰色。

2)定义你的活动xml:

<android.support.v4.widget.DrawerLayout 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:orientation="vertical"

    android:fitsSystemWindows="true"
    tools:context="com.wherefriend.activities.agregaramigos.AgregarAmigosActivity">


    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <include
            android:id="@+id/toolbar_main_gps_friends"
            layout="@layout/toolbar_gps_friends"
            ></include>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/bBuscar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:onClick="buscarAmigos"

            android:text="Buscar" />
        <EditText
            android:id="@+id/etfragmentCorreo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/bBuscar"
            android:ems="10"
            android:inputType="textEmailAddress" />

    </RelativeLayout>

    <ListView
        android:id="@+id/listaResultado"
        android:divider="@drawable/horizontal_linear_layout_divider"
        android:dividerHeight="0dp"
        android:layout_width="match_parent"
        android:layout_height="fill_parent" >
    </ListView>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

正如您所看到的,我将第一个子活动xml UI定义为DrawerLayout,但在下面我使用<LinearLayout>来包含我的整个用户界面View组件。首先是我的工具栏,然后是组件的休止符。

结果是这样的,在真实的Nexus 4 - LG API第22页中进行测试:

enter image description here