Android: Comment personnaliser la barre d'applications (barre d'action) comme ça?

Question

J'ai besoin exactement comme ceci, j'ai vu quelques exemples pour customiser la barre d'outils mais n'ai pas pu concevoir, comment utiliser ces gradients et tous?

Answer 1

Créer une drawable quelque chose comme ça 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" /> 

ensemble ce que l'arrière-plan de votre barre d'outils customize

créer un ToolbarLayout

<?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> 

Dans votre activité comprennent la mise en page en utilisant

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

// toolbar_tile is my toolbar layout name