Overlapping text over togglebutton in android

Question

I have created a toggle button programmatically and using it but when it is running on device ,the status of toggle button is overlapping over the toggle button.like in the image

the code for toggle is given below

  ToggleButton tb[];
            tb=new ToggleButton[len];
            tb[i]=new ToggleButton(this);

            LinearLayout.LayoutParams tbparams = new LinearLayout.LayoutParams
                    (90, LinearLayout.LayoutParams.WRAP_CONTENT);
            tbparams.setMargins(20, 0, 0, 0);
            tb[i].setBackgroundResource(R.drawable.bgtoggle);
            tb[i].setId(i+1);
            tb[i].setTextOff(" ");
            tb[i].setTextOn(" ");
            tb[i].setTag(stringList.get(i));
            tb[i].setPadding(4, 4, 4, 4);
            tb[i].setLayoutParams(tbparams);
            layout.addView(tb[i]);

    tb[i].setOnCheckedChangeListener(handleOnClick(
            tb[i], tb[i].getId(),tb[i].getTag(),stringList));

bgtoggle.xml

<?xml version="1.0" encoding="UTF-8"?>

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



    <!--<item android:drawable="@drawable/on" android:state_checked="true"/>

    <item android:drawable="@drawable/off" android:state_checked="false"/>
    <item android:drawable="@drawable/off"></item>-->

    <item android:drawable="@drawable/onsw" android:state_checked="true"/>

    <item android:drawable="@drawable/offsw" android:state_checked="false"/>
    <item android:drawable="@drawable/offsw"></item>


</selector>

please help

It seams you might not have used **Layout** correctly. I mean required padding,margin and gravity. — Mehraj Malik, Sep 22 '16 at 09:56
@MehrajMalik the on and off in toggle button is not created by me — , Sep 22 '16 at 09:58
@Vishal You've set on/off texts to empty. So ideally this shouldn't happen. Can u set random text like `setTextOff("blahOFF")` and `setTextOn("blahON")` and update on the change? Thanks! — not_again_stackoverflow, Sep 22 '16 at 10:02

score 2 · Accepted Answer · edited Dec 27 '16 at 10:41

2

Thanks all, I corrected it by setting textcolor tranparent

color value= #00ffffff

edited Dec 27 '16 at 10:41

USB

6,019
15
62
93

answered Sep 22 '16 at 10:15

Nice. Also, you could look at this link for closure on the actual problem -- http://stackoverflow.com/a/18599104/6527796 – not_again_stackoverflow Sep 22 '16 at 10:18

score 0 · Answer 2 · answered Sep 22 '16 at 10:19

0

If you add the toggle button in the layout then it will display as you expect it to be. But in your case, where you are creating it dynamically, you can add

tb[i].performClick();

just before you add it in your linear layout.

answered Sep 22 '16 at 10:19

Karan

356
2
6

Overlapping text over togglebutton in android

2 Answers2