title: Android Layout: Creating a circular 3D button?
body: <p>In my current android layout I have 5 buttons that are transparent.</p>
  
  <p>I wish to change their shapes to fully circular and add an a 3d effect to them like the shading in the accepted answer for <a href="https://stackoverflow.com/questions/23218407/create-a-3d-shaped-button-in-android">this question</a></p>
  
  <p>How can I do so? </p>
  
  <p><strong>Current look:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/WIqNV.png" alt="enter image description here"></p>
  
  <p><strong>Android xml layout:</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
       android:background="@drawable/menubackground" &gt;
  
  
      &lt;Button
          android:id="@+id/btnSearchHomeDate"
           android:layout_width="270dp"
          android:layout_height="60dp"
          android:layout_gravity="center"
          android:layout_marginTop="15dp"
          android:background="@drawable/circle2"
          android:shadowColor="#A8A8A8"
          android:shadowDx="0"
          android:shadowDy="0"
          android:shadowRadius="10"
          android:text="Date"
          android:textSize="30sp" /&gt;
  
      &lt;Button
          android:id="@+id/btnSearchHomeGame"
          android:layout_width="270dp"
          android:layout_height="60dp"
          android:layout_gravity="center"
          android:layout_marginTop="15dp"
          android:background="@drawable/circle2"
          android:shadowColor="#A8A8A8"
          android:shadowDx="0"
          android:shadowDy="0"
          android:shadowRadius="10"
          android:text="Game"
          android:textSize="30sp" /&gt;
  
      &lt;Button
          android:id="@+id/btnSearchHomeMedValues"
          android:layout_width="270dp"
          android:layout_height="60dp"
          android:layout_gravity="center"
          android:layout_marginTop="15dp"
          android:background="@drawable/circle2"
          android:shadowColor="#A8A8A8"
          android:shadowDx="0"
          android:shadowDy="0"
          android:shadowRadius="5"
          android:text="Meditation Values"
          android:textSize="30sp" /&gt;
  
      &lt;Button
          android:id="@+id/btnSearchHomeAttValues"
          android:layout_width="270dp"
          android:layout_height="60dp"
          android:layout_gravity="center"
          android:layout_marginTop="15dp"
          android:background="@drawable/circle2"
          android:shadowColor="#A8A8A8"
          android:shadowDx="0"
          android:shadowDy="0"
          android:shadowRadius="5"
          android:text="Attention Values"
          android:textSize="30sp" /&gt;
  
      &lt;Button
          android:id="@+id/btnSearchHomeScore"
          android:layout_width="270dp"
          android:layout_height="60dp"
          android:layout_gravity="center"
          android:layout_marginTop="15dp"
          android:background="@drawable/circle2"
          android:shadowColor="#A8A8A8"
          android:shadowDx="0"
          android:shadowDy="0"
          android:shadowRadius="5"
          android:text="Score"
          android:textSize="30sp" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>Circle2 drawable:</strong></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&gt;
          &lt;shape 
              android:shape="rectangle" &gt;
              &lt;solid android:color="#0000" /&gt;
              &lt;stroke
                  android:width="1dp"
                  android:color="@android:color/black" /&gt;
              &lt;padding
                  android:left="0.9dp"
                  android:right="0.9dp"
                  android:top="0.9dp"
                  android:bottom="0.9dp"/&gt;
              &lt;corners android:radius="8dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
              &lt;shape 
                  android:shape="rectangle" &gt;
                  &lt;solid android:color="#0000" /&gt;
                  &lt;stroke
                      android:width="1dp"
                      android:color="#4a6176" /&gt;
                  &lt;padding
                      android:left="10dp"
                      android:right="10dp"/&gt;
                  &lt;corners android:radius="8dp" /&gt;
              &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>