后退按钮更改工具栏布局

时间:2018-04-20 16:02:27

标签: android android-layout android-toolbar

这是我的自定义工具栏布局:

<android.support.v7.widget.Toolbar android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:background="@color/white"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:layout_height="?attr/actionBarSize"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:contentInsetStartWithNavigation="0dp"
    app:contentInsetStart="0dp"
        app:layout_collapseMode="pin">


    <ImageView
        android:layout_width="217dp"
        android:layout_gravity="center"
        android:layout_centerInParent="true"
        android:layout_height="match_parent"
        android:src="@drawable/toll_photo" />


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

当我添加后退按钮时,它会更改工具栏布局,将其移动到左侧!帮助将不胜感激!

我将工具栏包含在我需要的每项活动中<include layout="@layout/toolbar_layout"/> 我简单地说,每次活动 <include layout="@layout/toolbar_layout"/>

toolbar= findViewById(R.id.toolbar);
toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.back));
setSupportActionBar(toolbar);

更新这是我的style.xml

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/white</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

</style>

enter image description here

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,尽管使用了各种插图和导航插图,结果仍然不完美。

我用 hacky 的方式解决了它,但它运行正常,它让我可以进入更有趣的项目。

我的要求:

  1. 工具栏动态标题(我必须更新其文本,因为它会显示x of z,其中x和z是数字。
  2. 右侧的关闭按钮 (X)
  3. 某些屏幕上的后退按钮
  4. 根据这些要求,我将布局设置为类似

    <?xml version="1.0" encoding="utf-8"?>
    <merge xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MyActivity"
        tools:parentTag="android.support.constraint.ConstraintLayout">
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="0dp"
            android:layout_height="?android:actionBarSize"
            android:elevation="0dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    
        <TextView
            android:id="@+id/toolbar_title"
            style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:gravity="center"
            android:text="@string/app_name"
            android:textColor="@color/colorPrimary"
            app:layout_constrainedWidth="true"
            app:layout_constraintBottom_toBottomOf="@id/toolbar"
            app:layout_constraintEnd_toEndOf="@id/toolbar"
            app:layout_constraintStart_toStartOf="@id/toolbar"
            app:layout_constraintTop_toTopOf="@id/toolbar" />
    
        <FrameLayout
            android:id="@+id/fragment_container"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/toolbar" />
    </merge>
    

    所以,对于:

    1. 现在我有一个toolbar_title文本视图,我可以触摸它,无论我对工具栏做什么都不会移动,但会在它上面,居中。

    2. 通过工具栏菜单添加X(像往常一样)

    3. 显示后退按钮不会改变工具栏,因为文本视图在层次结构上变平并且不受其控制。

    4. 没有后退按钮:

      No Back Button

      使用后退按钮:

      With Back Button

      通知文字保留在我想要的位置。

      p.s。:我尝试使用工具栏内的内容(就像你一样),当我添加/删除图标时,我无法避免至少几个像素的摆动。跛。