Image | Tech Tips & Tricks

Custom CheckBox Drawable Gets Cut Off In Android

April 26, 2014 by blogmeister·0 Comments

The solution to this problem is not to use the android:button attribute of the CheckBox widget. Instead, set it to null as well as the android:background attribute and use android:drawableLeft to assign your custom CheckBox drawable.

Here is the complete sample XML code:

<CheckBox android:layout_width="fill_parent" android:layout_height="wrap_content"
    android:text="My Checkbox" android:id="@+id/checkboxid"
    android:button="@null" android:background="@null"
    android:drawableLeft="@drawable/mycustomdrawable"
    android:drawablePadding="10dp" 
/>

<CheckBox android:layout_width="fill_parent" android:layout_height="wrap_content"

android:text="My Checkbox" android:id="@+id/checkboxid"

android:button="@null" android:background="@null"

android:drawableLeft="@drawable/mycustomdrawable"

android:drawablePadding="10dp"

The attribute android:drawablePadding is used to place a gap between the image and the text so this is fairly optional.

How To Increase Space Between Icon And Text In Android CheckBox

April 11, 2014 by blogmeister·0 Comments

So you want to change the drawable image of your CheckBox widget but when you compile the app, the image and the text are almost side by side.

I bet you used the attribute android:button in order to do this. This is the culprit. To change the CheckBox image with your own custom images, use the attribute android:drawableLeft.

But wait! Now, there are 2 CheckBox widget images!

Here is the complete XML code to use your custom CheckBox images as well as increasing the space between the icon and the text.

<CheckBox ...
    android:button="@android:color/transparent"
    android:drawableLeft="@drawable/checkbox"
    android:drawablePadding="10dp" 
/>

<CheckBox ...

android:button="@android:color/transparent"

android:drawableLeft="@drawable/checkbox"

android:drawablePadding="10dp"

How To Create Custom ProgressBar Spinner Image And Rotate It Using XML In Android

January 22, 2014 by blogmeister·0 Comments

Here is my XML file to rotate an image in 360 degree movement.

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/rotate"
    android:pivotX="50%"
    android:pivotY="50%"
	android:fromDegrees="0"
    android:toDegrees="720"
/>

<rotate xmlns:android="http://schemas.android.com/apk/res/android"

android:drawable="@drawable/rotate"

android:pivotX="50%"

android:pivotY="50%"

android:fromDegrees="0"

android:toDegrees="720"

To apply it to the ProgressBar and use it as the moving spinner, do it like this:

<ProgressBar style="?android:attr/progressBarStyleSmall"
    ....
    android:indeterminateDrawable="@drawable/progressbar_spinner_rotate"
/>

<ProgressBar style="?android:attr/progressBarStyleSmall"

....

android:indeterminateDrawable="@drawable/progressbar_spinner_rotate"

I have read some posts in forums that they had issues with the smoothness of the rotating animation. In my case, I did not see any issue with it. Perhaps old versions of the Android operating system contributed as a factor? I tested this with JellyBean and it worked out quite fine.

Tech Tips & Tricks

tech tips gadgets programming software

Tag: image

Custom CheckBox Drawable Gets Cut Off In Android

How To Increase Space Between Icon And Text In Android CheckBox

How To Create Custom ProgressBar Spinner Image And Rotate It Using XML In Android