Поддержка заголовка панели инструментов/меню вертикального центра

Question

Я новичок в разработке Android, и я работаю над приложением с ActionBar и Tabs. Недавно я переключился на новую библиотеку поддержки Toolbar, но название панели инструментов (ActionBar) не вертикально центрировано, а кнопки действий правильно установлены. Title image

Такая же проблема возникает с первым MenuItem в баре (он немного поднят). Menu image

Моя деятельность расширяет AppCompatActivty и макет выглядит следующим образом:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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" 
               android:orientation="vertical" 
               tools:context=".MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/action_bar_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:minHeight="?attr/actionBarSize" 
      app:theme="@style/ActionBarTheme"/> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@color/colorPrimary" 
      app:tabGravity="fill" 
      app:tabMaxWidth="0dp" 
      app:tabMode="fixed"/> 

     <com.myApp.app.views.widgets.ViewPager 
      android:id="@+id/fragmentPager" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="@android:color/white"/> 
    </android.support.design.widget.AppBarLayout> 
</android.support.design.widget.CoordinatorLayout> 

и стиль:

<style name="ActionBarTheme" parent="Widget.AppCompat.Toolbar"> 
     <item name="android:textColorPrimary">@color/colorPrimaryDark</item> 
     <item name="colorControlNormal">@color/colorPrimaryDark</item> 
     <item name="android:background">@color/colorPrimary</item> 
    </style> 

Может кто-то помочь мне решить эту проблему? Я искал решение, но ничего не нашел.

P.S. Они были правильно расположены, как я использовал бар

Answer 1

по умолчанию действия Вы должны использовать android:theme, а не app:theme здесь:

android:theme="@style/ActionBarTheme" 

Ваш стиль должен извлечь из панели действий наложения:

<style name="ActionBarTheme" parent="ThemeOverlay.AppCompat.Dark.ActionBar"> 
... 
</style> 

Рассматривайте просто используя тему ActionBar, чтобы начать изолировать проблему.