codenameone - 如何在 CodenameOne 中创建类似 Facebook 的通知徽章

Question

/image/XAUHW.png

我想为我的聊天应用实现这样的通知计数器。任何人都知道如何在 CodenameOne 中执行此操作？

谢谢。

Answer 1

看这个:

    Form hi = new Form("Badge");

    Button chat = new Button("");
    FontImage.setMaterialIcon(chat, FontImage.MATERIAL_CHAT, 7);
    Label badge = new Label("33");
    badge.getAllStyles().setBorder(
            RoundBorder.create().rectangle(true));
    badge.getAllStyles().setAlignment(Component.CENTER);
    int size = Display.getInstance().convertToPixels(1.5f);
    badge.getAllStyles().setFont(Font.createTrueTypeFont("native:MainLight", "native:MainLight").
            derive(size, Font.STYLE_PLAIN));
    Container cnt = LayeredLayout.encloseIn(chat, FlowLayout.encloseRight(badge));
    cnt.setLeadComponent(chat);

    hi.add(cnt);

    TextField changeBadgeValue = new TextField("33");
    changeBadgeValue.addDataChangedListener((i, ii) -> {
        badge.setText(changeBadgeValue.getText());
        cnt.revalidate();
    });
    hi.add(changeBadgeValue);

    hi.show();

请注意，RoundBorder 的当前版本具有稍大的最小尺寸。这已在即将到来的更新中修复。