title: How build a vertical divider
body: <p>I have the following <a href="https://github.com/tato469/Android/raw/master/dividers/images/cool_divider.jpg" rel="noreferrer">divider</a> and I wanted do the same effect but in vertical. How could I do this?</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item android:bottom="2dp"&gt;
          &lt;shape android:shape="rectangle"&gt;
              &lt;gradient
                  android:startColor="#0fffffff"
                  android:centerColor="#ff696969"
                  android:endColor="#0fffffff"
                  android:angle="90"&gt;&lt;/gradient&gt;
              &lt;size android:height="2dp"&gt;&lt;/size&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item android:top="2dp"&gt;
          &lt;shape android:shape="rectangle"&gt;
              &lt;solid android:color="#ffffff"&gt;&lt;/solid&gt;
              &lt;size android:height="1dp"&gt;&lt;/size&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>I get the <a href="https://github.com/tato469/Android/tree/master/dividers" rel="noreferrer"><strong>solution</strong></a> with the help of Celta, I didnt use the divider xml and build my own lLinearLayout:</p>
  
  <pre><code>  &lt;LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:orientation="horizontal"&gt;
              &lt;View
              android:layout_width="1dp"
              android:layout_height="fill_parent" 
              android:layout_alignParentLeft="true"
              android:background="#ff696969"&gt;&lt;/View&gt;
                              &lt;View
              android:layout_width="2dp"
              android:layout_height="fill_parent" 
              android:layout_alignParentLeft="true"
              android:background="#ffffff"&gt;&lt;/View&gt;
  &lt;/LinearLayout&gt;
  </code></pre>