Android的工具欄圖標定位

Question

我試圖重新在Android的這個菜單設置：

但我只能得到這樣的：

我似乎無法得到擺脫應用程序崩潰時工具欄中的WebBrowser文本。此外，我不能分隔圖標。

前進和後退按鈕之間有一個小進度欄。

任何幫助？

這裏是我的menu_main.xml

<menu 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" 
    tools:context="net.txisystems.txiwebbrowser.MainActivity"> 

    <item 
     android:id="@+id/action_home" 
     android:icon="@drawable/ic_house" 
     android:menuCategory="secondary" 
     android:orderInCategory="1" 
     android:title="@string/action_refresh" 
     app:showAsAction="always" /> 

    <item 
     android:id="@+id/action_back" 
     android:icon="@drawable/ic_back" 
     android:menuCategory="secondary" 
     android:orderInCategory="2" 
     android:title="@string/action_refresh" 
     app:showAsAction="always" /> 

    <ProgressBar 
     android:id="@+id/progressBar" 
     style="?android:attr/progressBarStyleSmall" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" /> 

    <item 
     android:id="@+id/action_forward" 
     android:icon="@drawable/ic_forward" 
     android:menuCategory="secondary" 
     android:orderInCategory="3" 
     android:title="@string/action_refresh" 
     app:showAsAction="always" /> 

    <item 
     android:id="@+id/action_refresh" 
     android:icon="@drawable/ic_refresh" 
     android:menuCategory="secondary" 
     android:orderInCategory="4" 
     android:title="@string/action_refresh" 
     app:showAsAction="always" /> 
</menu> 

配售進度條在我activity_main.xml中的工具欄我得到這個下：

這裏是activity_main.xml中的代碼：

<?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:fitsSystemWindows="true" 
    tools:context="net.txisystems.webbrowser.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

     <ProgressBar 
      android:indeterminate="true" 
      android:visibility="visible" 
      android:id="@+id/progressBar" 
      style="?android:attr/progressBarStyleSmall" 
      android:layout_width="28dp" 
      android:layout_height="28dp" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" /> 

    </android.support.design.widget.AppBarLayout> 

    <include layout="@layout/content_main" /> 

Answer 1

1. 要刪除標題中使用您的活動/片段

   toolbar.setTitle(null) 
   

2. 你不能把進度爲menu.xml文件文件

3. 內使用工具欄的RelativeLayout，把你需要有這樣所有視圖：

   <android.support.v7.widget.Toolbar 
   android:id="@+id/toolbar" 
   android:elevation="4dp" 
   android:layout_width="match_parent" 
   app:layout_scrollFlags="scroll|enterAlways" 
   android:layout_height="?attr/actionBarSize" 
   android:background="@drawable/gradient" 
   app:popupTheme="@style/AppTheme.PopupOverlay"> 
   <ProgressBar 
       android:indeterminate="true" 
       android:visibility="invisible" 
       android:id="@+id/toolbar_progress_bar" 
       android:layout_width="28dp" 
       android:layout_marginRight="16dp" 
       android:layout_height="28dp" 
       android:indeterminateTint="#fff" 
       android:indeterminateTintMode="src_in" 
       android:layout_gravity="right" 
       />