2016-05-16 14 views
2

ツールバーのメニューアイコンを中央に揃えることはできますか? hereと表示された別の方法を使用しましたが、そこにはツールバーのレイアウト内に画像を配置していました。今私はメニューアイコンでそれを試してみたい:)。ここツールバーのメニュー項目を中央に配置する

my layout

私のコードです。

BOTTMツールバー

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
xmlns:appo="http://schemas.android.com/apk/res-auto" 
android:minHeight="50dp" 
android:background="@color/colorPrimary" 
appo:theme="@style/ToolbarTheme" 
appo:popupTheme="@style/Theme.AppCompat.Light"> 

menu.xml

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 
<item 
    android:id="@+id/news" 
    app:showAsAction="always" 
    android:orderInCategory="100" 
    android:icon="@drawable/new_icon" 
    android:title="News"> 

</item> 

<item 
    app:showAsAction="always" 
    android:id="@+id/camera" 
    android:icon="@drawable/camera_icon" 
    android:orderInCategory="100" 
    android:title="Camera" 
    ></item> 
<item 
    app:showAsAction="always" 
    android:id="@+id/facebook" 
    android:icon="@drawable/facebooc_image" 
    android:orderInCategory="100" 
    android:title="Camera" 
    > 
</item> 

+0

のように、オプションメニューを中央に配置する方法はありません。ツールバーの内側に配置する必要があります。 –

答えて

2

ToolBarはちょうどViewGroupです。 RelativeLayoutやLinearLayoutのように、画像を追加することができます。例えば

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolBar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    app:layout_scrollFlags="scroll|enterAlways"> 

    <TextView 
     android:id="@+id/toolbar_title" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:ellipsize="end" 
     android:singleLine="true" 
     android:textAllCaps="true" 
     android:textColor="@color/white_color" 
     android:textSize="@dimen/textSize12" /> 

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

代わりの中央menuItemにしようと、あなたは以下の便利なIMを試すことができますplementation:

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:elevation="4dp" 
    android:background="?attr/colorPrimary"> 

     // Here is the main code for your Midle Buttons 
     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:orientation="horizontal" 
      android:layout_gravity="center" 
      android:gravity="center"> 
      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" 
       android:id="@+id/button1"/> 
      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" 
       android:id="@+id/button2"/> 
      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" 
       android:id="@+id/button3"/> 
      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" 
       android:id="@+id/button4" /> 
     </LinearLayout> 

</android.support.v7.widget.Toolbar> 
関連する問題