I need to customize action bar to look like this photo

![enter image description here](https://i.stack.imgur.com/NtzI9.png)
when click on image of right it opens slide menu from right of screen , that works fine
I tried that so far 

```
getActionBar().setBackgroundDrawable(getResources().getDrawable(R.drawable.action_bar));
    getActionBar().setDisplayHomeAsUpEnabled(true);
    getActionBar().setHomeButtonEnabled(true);

```

action\_bar.xml

```
<?xml version="1.0" encoding="UTF-8"?>

```

```
<item>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/fb"
        android:shape="rectangle" >
        <solid android:color="#00C78C" />
    </shape>
</item>
<item>
    <bitmap
        android:gravity="center"
        android:src="@drawable/aslogo" />
</item>

```

and for search and setting icons i used this in main.xml

```
<item
    android:id="@+id/action_settings"
    android:orderInCategory="100"
    android:showAsAction="never"

    android:title="@string/action_settings"/>

 <item
    android:id="@+id/action_help"
    android:icon="@drawable/assetting"
    android:showAsAction="always"/>

<item
    android:id="@+id/action_search"
    android:icon="@drawable/assearch"
    android:showAsAction="always"/>

```

here is what i have so far

![enter image description here](https://i.stack.imgur.com/z5bdI.png)

any help please