ToggleButton formázása
Más színeket adunk a ToggleButtonnak
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.domel.string.string.MainActivity"> <TextView android:text="a" android:layout_width="80dp" android:layout_height="wrap_content" android:textSize="20dp" android:background="#FFEEDD" android:ellipsize="middle" android:id="@+id/textview1" /> <ToggleButton android:text="ToggleButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textview1" android:layout_centerHorizontal="true" android:layout_marginTop="111dp" android:textOn="on" android:textOff="off" android:background="@drawable/togglebtnselector" android:checked="false" android:id="@+id/toggleButton1" /> </RelativeLayout>
Készítsünk három XML fájlot a drawable mappába. Drawable mappa jobb klik-> new -> XML -> Layout XMP File. A három XML lesz togglebtnselector, tema1 és tema2. Valószínűleg a kapott XML file nem a drawable mappába kerül, ekkor cut/paste módszerrel tegyük át a fájlokat a drawable mappába.
togglebtnselector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/tema1" android:state_checked="true" android:state_pressed="true" /> <item android:drawable="@drawable/tema1" android:state_checked="true" android:state_focused="false"/> <item android:drawable="@drawable/tema2" android:state_checked="false" android:state_pressed="true"/> <item android:drawable="@drawable/tema2" android:state_checked="false" android:state_focused="false"/> </selector>
tema1.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#00a8ec"/> </shape> </item> <item android:bottom="5dp"> <shape android:shape="rectangle"> <solid android:color="?attr/colorButtonNormal"/> </shape> </item> </layer-list>
tema2.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#766454"/> </shape> </item> <item android:bottom="5dp"> <shape android:shape="rectangle"> <solid android:color="?attr/colorButtonNormal"/> </shape> </item> </layer-list>