Android：カスタマイズする方法Appバー（アクションバー）をこのようにしますか？

Question

私はちょうどこれを必要とします、私はツールバーをカスタマイズするためのいくつかの例を見ましたが、設計できませんでした。

Answer 1

はToolbarLayout

を作成し、あなたのカスタマイズツールバー

の背景として、これをこのdrawable

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 

<gradient 
    android:centerColor="@color/app_blue_color" 
    android:endColor="@color/app_dark_blue_color" 
    android:startColor="@color/app_dark_blue_color" /> 

<!--<corners--> 
    <!--android:bottomLeftRadius="5dp"--> 
    <!--android:bottomRightRadius="5dp"--> 
    <!--android:topLeftRadius="5dp"--> 
    <!--android:topRightRadius="5dp" />--> 

<stroke 
    android:width="0.7dp" 
    android:color="@color/app_blue_color" /> 

セットのようなdrawableなものを作成します。あなたの活動に

<?xml version="1.0" encoding="utf-8"?> 
<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/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="@drawable/toolbarDrawable" 
    android:gravity="top" 
    app:contentInsetLeft="0dp" 
    app:contentInsetStart="0dp" 
    app:contentInsetStartWithNavigation="0dp" 
    app:layout_collapseMode="pin" 
    app:layout_scrollFlags="scroll|enterAlways" 
    app:popupTheme="@style/AppTheme" 
    app:theme="@style/ToolbarColoredBackArrow"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:gravity="center_vertical"> 

     <ImageView 
      android:id="@+id/RefreshButton" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:layout_marginRight="10dp" 
      android:adjustViewBounds="true" 
      android:padding="8dp" 
      android:src="@drawable/plus_icon" 
      android:visibility="gone" /> 


     <TextView 
      android:id="@+id/toolbarName" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:layout_marginRight="@dimen/margin_10" 
      android:gravity="center" 
      android:text="" 
      android:textColor="@color/white" 
      android:textSize="13sp" 
      android:textStyle="bold|italic" 
      android:visibility="visible" /> 

    </RelativeLayout> 

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

<include 
     android:id="@+id/toolbar" 
     layout="@layout/toolbar_title" /> 

// toolbar_tile is my toolbar layout name