title: Change Circular Button Background and Text alternatively with button clicks
body: <p>I'm new to Android development &amp; I'm stuck with this issue.</p>
  
  <p>What I'm trying to do is</p>
  
  <ol>
  <li><p>I'm trying to create a circular button with green background &amp; red text on it.</p></li>
  <li><p>Then I'm trying to change the circular button background to red and text on it to green.</p></li>
  <li><p>Finally, Both these should repeat with button clicks. i.e., when I first click the button, 'green button with red text' should turn to 'red button with green text' and later when I click the button for second time the 'red button with green text' should turn back to 'green button with red text' and so on.</p></li>
  </ol>
  
  <p>I successfully created a circular button &amp; changed the button background, text on it. But, there was a complication.</p>
  
  <p>When the button is clicked the circular button background changes to square and the complete square is filled with red. I don't want that.</p>
  
  <p>I want the color to be filled in a circular way.</p>
  
  <p>The below is an XML file from the drawable folder</p>
  
  <pre><code>&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval"&gt;
  &lt;solid android:color="#00FF00" /&gt;
  </code></pre>
  
  <p> </p>
  
  <p>The below is an XML from the layout</p>
  
  <pre><code>&lt;Button
      android:layout_width="150dp"
      android:layout_height="150dp"
      android:text="Activate"
      android:textAllCaps="false"
      android:textSize="40sp"
      android:textColor="#FF0000"
      android:id="@+id/buttonActivate"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true"
      android:background="@drawable/round_button"
      android:onClick="onButtonClick"
      style="?android:attr/borderlessButtonStyle" /&gt;
  </code></pre>
  
  <p>The below is from the MainActivity </p>
  
  <pre><code>public void onButtonClick(View v) {
  
      // Change the background color &amp; text color of the button when clicked
      Button buttonActivate = (Button) findViewById(R.id.buttonActivate);
      buttonActivate.setBackgroundColor(Color.parseColor("#FF0000"));
      buttonActivate.setText("De-Activate");
      buttonActivate.setTextColor(Color.parseColor("#00FF00"));
  }
  </code></pre>
  
  <p>Please elaborately explain how to do this since I'm new.</p>