title: Separator between buttons in custom button bar
body: <p>I have made a custom button bar as described <a href="https://stackoverflow.com/questions/2422689/creating-a-custom-compound-button-bar">here</a>. </p>
  
  <p>Now, I want to add a separator between the first and the second and between the second and the third button. My button bar is defined as follows:</p>
  
  <pre><code>&lt;LinearLayout
              android:id="@+id/buttonBar"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:background="@drawable/buttonbarstyle"
              android:layout_alignParentBottom="true"
              android:orientation="horizontal"
              &gt;
              &lt;ImageButton
                  android:id="@+id/buttonBarImageButton1" 
                  android:scaleType="centerInside"
                  android:layout_height="wrap_content"
                  android:layout_width="wrap_content"
                  android:layout_weight="1"
                  android:src="@drawable/copy"
                  android:padding="2dip"
                  android:background="@drawable/buttonbar_background_selector"
                  android:layout_gravity="center_vertical"
              /&gt;              
              &lt;ImageButton 
                  android:id="@+id/buttonBarImageButton2"
                  android:scaleType="centerInside"
                  android:layout_height="wrap_content"
                  android:layout_width="wrap_content"
                  android:layout_weight="1"
                  android:src="@drawable/options"
                  android:padding="2dip"
                  android:background="@drawable/buttonbar_background_selector"
                  android:layout_gravity="center_vertical"
              /&gt;              
              &lt;ImageButton
                  android:id="@+id/buttonBarImageButton3" 
                  android:scaleType="centerInside"
                  android:layout_height="wrap_content"
                  android:layout_width="wrap_content"
                  android:layout_weight="1"
                  android:src="@drawable/media_play"
                  android:padding="2dip"
                  android:background="@drawable/buttonbar_background_selector"
                  android:layout_gravity="center_vertical"
              /&gt;              
          &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>The task seems so simple, but I can't find a good way to do it. It's supposed to have a grey-ish separator between each button, so that it looks somewhat like <a href="http://newsrob.blogspot.com/2010/12/newsrob-november-release-45.html" rel="nofollow noreferrer">this</a>.</p>
  
  <p>I'm sure it's easy, please just point me to the right direction.</p>