title: How to implement DrawerArrowToggle from Android appcompat v7 21 library
body: <p>So now that Android 5.0 was released i was wondering how to implement the animated actionbar icons.</p>
  
  <p>This library <a href="https://github.com/balysv/material-menu" rel="noreferrer">here</a> implements it fine for me but since the appcompat v7 library has it how can it be implemented?</p>
  
  <p>The library references it in themes.xml</p>
  
  <pre><code> &lt;item name="drawerArrowStyle"&gt;@style/Widget.AppCompat.DrawerArrowToggle&lt;/item&gt;
  </code></pre>
  
  <p>Under this style</p>
  
  <pre><code> &lt;style name="Base.V7.Theme.AppCompat" parent="Platform.AppCompat"&gt;
  </code></pre>
  
  <p>UPDATE</p>
  
  <p>I got this implemented using the v7 DrawerToggle. However I cannot style it. Please Help</p>
  
  <p>I found the styling for it in the v7 styles_base.xml</p>
  
  <pre><code>&lt;style name="Base.Widget.AppCompat.DrawerArrowToggle" parent=""&gt;
      &lt;item name="color"&gt;?android:attr/textColorSecondary&lt;/item&gt;
      &lt;item name="thickness"&gt;2dp&lt;/item&gt;
      &lt;item name="barSize"&gt;18dp&lt;/item&gt;
      &lt;item name="gapBetweenBars"&gt;3dp&lt;/item&gt;
      &lt;item name="topBottomBarArrowSize"&gt;11.31dp&lt;/item&gt;
      &lt;item name="middleBarArrowSize"&gt;16dp&lt;/item&gt;
      &lt;item name="drawableSize"&gt;24dp&lt;/item&gt;
      &lt;item name="spinBars"&gt;true&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>I added this to my styles and did not work. Also added to my attr.xml</p>
  
  <pre><code>&lt;declare-styleable name="DrawerArrowToggle"&gt;
      &lt;!-- The drawing color for the bars --&gt;
      &lt;attr name="color" format="color"/&gt;
      &lt;!-- Whether bars should rotate or not during transition --&gt;
      &lt;attr name="spinBars" format="boolean"/&gt;
      &lt;!-- The total size of the drawable --&gt;
      &lt;attr name="drawableSize" format="dimension"/&gt;
      &lt;!-- The max gap between the bars when they are parallel to each other --&gt;
      &lt;attr name="gapBetweenBars" format="dimension"/&gt;
      &lt;!-- The size of the top and bottom bars when they merge to the middle bar to form an arrow --&gt;
      &lt;attr name="topBottomBarArrowSize" format="dimension"/&gt;
      &lt;!-- The size of the middle bar when top and bottom bars merge into middle bar to form an arrow --&gt;
      &lt;attr name="middleBarArrowSize" format="dimension"/&gt;
      &lt;!-- The size of the bars when they are parallel to each other --&gt;
      &lt;attr name="barSize" format="dimension"/&gt;
      &lt;!-- The thickness (stroke size) for the bar paint --&gt;
      &lt;attr name="thickness" format="dimension"/&gt;
  &lt;/declare-styleable&gt;
  </code></pre>
  
  <p>But crashes and says color type error when doing so. What am i missing?</p>