codenameone - 仅当 TextField 具有焦点时才显示 InteractionDialog 中的 Textfield 文本

Question

在我的 InteractionDialog 中，有一个 TextField。我将 TextField 样式设置为 CSS 中定义的 UIID。显示了 TextField 背景，但不显示其中的文本

虽然

    System.err.println("The textfield contains " + nameTf.getText()); 

打印预期的文本，前景色按预期为 0。仅当我在 TextField 内部按下时，文本才会显示，但一旦在 TextField 外部按下，文本就会消失，如下所示:

控制台中没有出现 EDT 违规。

使用的代码如下:

   // Opens a dialog to input the name 
    nameButton.addActionListener((evt) -> {

        InteractionDialog nameDialog = new InteractionDialog();
        nameDialog.setLayout(new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER));

        // Hint for the user
        SpanLabel hintLabel = new SpanLabel("Indiquer un nom");
        hintLabel.setTextUIID(hintStyleName);

        TextField nameTf = new TextField(
                chosenAlarm.name.get() == null ? "Ma destination préférée" : chosenAlarm.name.get()
        );
        nameTf.setUIID(textFieldStyleName);
        System.err.println("The textfield colour is " + nameTf.getUnselectedStyle().getFgColor());

        // Validate text button
        Button validateNameButton = new Button("Valider >");
        validateNameButton.setUIID("ValidateButton");
        Container nameButtons = BoxLayout.encloseX(validateNameButton);

        validateNameButton.addActionListener((e) -> {
          // ...
        });

        nameDialog.addComponent(BorderLayout.CENTER, nameTf);
        nameDialog.addComponent(BorderLayout.NORTH, hintLabel);
        // The buttons will be centered
        nameDialog.addComponent(BorderLayout.SOUTH, BorderLayout.centerCenter(nameButtons));

        // Shows the dialog in the center of the screen   
        nameDialog.showPopupDialog(nameButton);

    });

因此，每当 TextField 失去焦点时，文本就会消失。即使用户没有在 TextField 内按下，我应该怎么做才能显示 TextField 中包含的文本？

请注意:屏幕截图隐藏了一些元素，因为该应用程序是 NSA 绝密级别；-)。

感谢任何帮助，

Answer 1

实际上，问题来自于 css 样式，我将不透明度设置为 255(就像在具有透明度的主题设计器中一样)。它确实必须设置为 0 到 1.0 之间的值。

MyTextFiledStyle {
color: #000000; 
background-color: #ffffff;
text-align: left;
opacity: 1.0; /*NOT 255 */
font-family: "native:MainLight"; 

}