CODEWITHSUNDEEP
backgrounddrag-and-dropcodenameone
rainer
rainer

Reputation: 3411

Codename One Drag & Drop blackens dialog background

I'm developing an app that uses drag & drop operations. The drag & drop part includes four containers as drop targets and two draggable labels.

The app works as expected in the simulator, but when I install it on my Android phone, the background of the dialog (otherwise white) turns black for a swift moment as soon as the draggable components (labels) are released (then gets back to the original light color).

In the theme builder, I have set the background of the dialog to an almost white color (unselected, selected, pressed, disabled), but that doesn't show any effect.

Is there any turnaround to keep the background color stable? Any help would be appreciated.

Here is the relevant code excerpt: 

        Dialog dialog_W1 = new Dialog();
        dialog_W1.setScrollableY(true);
        dialog_W1.setLayout(new BoxLayout(2));
        dialog_W1.setScrollableY(true);
        dialog_W1.setTitle("Acerte o bichinho");              

        Image img_Cat = Image.createImage("/cat.png");
        ScaleImageLabel label_Scaled_Image = new ScaleImageLabel(img_Cat);
        label_Scaled_Image.setBackgroundType(Style.BACKGROUND_IMAGE_SCALED_FIT);        
        label_Scaled_Image.setUIID("NewLabel");        

        Label label_1 = new Label("ga");
        Label label_2 = new Label("to");

        label_1.setUIID("LabelWord");
        label_2.setUIID("LabelWord");

        label_1.setDraggable(true);
        label_2.setDraggable(true);

        Container c_1 = new Container();
        Container c_2 = new Container();
        Container c_3 = new Container();
        Container c_4 = new Container();

        c_1.setDropTarget(true);
        c_2.setDropTarget(true);
        c_3.setDropTarget(true);
        c_4.setDropTarget(true);

        c_1.setLayout(new BoxLayout(2));
        c_2.setLayout(new BoxLayout(2));
        c_3.setLayout(new BoxLayout(2));
        c_4.setLayout(new BoxLayout(2));

        c_1.setUIID("Container_1");
        c_2.setUIID("Container_1");
        c_3.setUIID("Container_2");
        c_4.setUIID("Container_2");

        c_3.add(label_2);
        c_4.add(label_1);

        GridLayout gl = new GridLayout(2,2);       
        Container container_0 = new Container(gl);    
        container_0.add(c_1);
        container_0.add(c_2);
        container_0.add(c_3);
        container_0.add(c_4);                  

        ArrayList <Container> list_Containers = new ArrayList<>(); 
        list_Containers.add(c_1);
        list_Containers.add(c_2);
        list_Containers.add(c_3);
        list_Containers.add(c_4);

        ArrayList <Label> list_Labels = new ArrayList<>();
        list_Labels.add(label_1);
        list_Labels.add(label_2);

        for (Label label : list_Labels) {
            label.addDragOverListener(new ActionListener() {                
                @Override
                public void actionPerformed(ActionEvent e) {                
                    for (Container c : list_Containers) {
                        int int_C = c.getComponentCount();
                        if (int_C == 1) {
                            c.setDropTarget(false);
                        } else if (int_C == 0) {
                            c.setDropTarget(true);
                        }
                    }
                }
            });  
        }

Upvotes: 2

Views: 138

Answers (1)

Shai Almog
Shai Almog

Reputation: 52760

I suggest showing the Dialog as a modless dialog instead of using the show method use showModless() or similar.

Odd things like this can happen because of the EDT nesting inherent in modal dialogs, normally we don't recommend using dialog for anything more than simple notifications. When we use drag and drop from a dialog like component we use InteractionDialog.

Upvotes: 1

Related Questions