CODEWITHSUNDEEP
androidxml
Phil Ringsmuth
Phil Ringsmuth

Reputation: 2037

Android Switch Widget: Setting android:track causes thumb and track to not show up

I am having trouble customizing the look of an Android Switch widget. I have custom xml drawables that I want to use for the thumb (the little button part that usually says On or Off) and the track (the background that the thumb slides across). When I set just the thumb using android:thumb, it works fine. When I set the track (whether or not the thumb is set), the switch disappears entirely and I'm left with only the text showing.

Here is my code when just the thumb is applied:

<com.blahblahblah.blah.CustomSwitch
    android:id="@+id/switch_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textOff="Off"
    android:textOn="On"
    android:text="Something Awesome"
    android:textColor="@android:color/black"
    android:thumb="@drawable/custom_switch_thumb" />

Here is what it looks like in the preview window:

enter image description here

And with the track applied:

<com.blahblahblah.blah.CustomSwitch
    android:id="@+id/switch_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textOff="Off"
    android:textOn="On"
    android:text="Something Awesome"
    android:textColor="@android:color/black"
    android:track="@color/track_color" />

Preview window with track applied:

enter image description here

For reference I am using Android Studio 0.2.3 on OSX 10.7.5.

Upvotes: 7

Views: 8837

Answers (2)

chdorner
chdorner

Reputation: 531

I just stumbled upon the same problem and found a fix through on the HoloEverywhere issue tracker. You'll need to set the <size> of the drawable XML shape you are using.

Not working (the widget is there and I can interact with it, but I can't see it, it's hidden):

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">

  <solid android:color="@color/black_50" />
</shape>

Working (not the added <size>):

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">

  <solid android:color="@color/black_50" />
  <size android:width="56dp" android:height="20dp" />
</shape>

Upvotes: 21

rekire
rekire

Reputation: 47965

In general just for changing an image you don't need to subclass a control you can style it e.g. with the style attribute.

About your problem there are several controls which expect a drawable and not a plain color. In the control definition (the xml part) you can just define that you allow a reference but you cannot limit it to drawable references. So just avoid to use colors directly. If you don't want to add a image you could also define it with xml, but note that this does not work in all cases.

Upvotes: 0

Related Questions