Hey guys so i think i was unclear about the last question and might have found a solution myself. I was looking for a mutually exclusive set of buttons that will keep its changed bg image once clicked and revert the rest of the button to its default bg image. I seem to have been able to do this by replacing the button with radio buttons and setting its parent to radio group. Plus simple changing the xml drawable selector to contain a state_checked = "true" item. However I am now having issues trying to include alligned text in a custom bg to radio button while removing its button ( setting android:button="@nul" ). This seems to mess up the alignment. Any thoughts?
layout
<RadioGroup android:id="@+id/options" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingTop="@dimen/option_button_layout_top_margin" android:paddingBottom="@dimen/option_button_layout_bottom_margin">
<RadioButton android:id="@+id/option_skill" android:text="@string/option_skill" style="@style/option_button"/>
<RadioButton android:id="@+id/option_item" android:text="@string/option_item" style="@style/option_button" android:layout_marginLeft="@dimen/option_button_spacing"/>
</RadioGroup>
style.xml
<style name='option_button'>
<item name="android:layout_width">@dimen/option_button_size</item>
<item name="android:layout_height">@dimen/option_button_size</item>
<item name="android:button">@null</item>
<item name="android:background">@drawable/option_button</item>
<item name="android:onClick">option_onclick</item>
</style>
drawable
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize="true"
android:dither="false"
android:variablePadding="false">
<item android:drawable="@drawable/option_button_yellow" android:state_pressed="true"/>
<item android:drawable="@drawable/option_button_yellow" android:state_checked="true"/>
<item android:drawable="@drawable/option_button_white"/>
</selector>