在codenameone容器中的两个图像之间添加空格

Question

我试图在容器中添加6个图像，但两个图像之间的间隙很大，如下图所示。我试过这段代码。

class TestPallet extends Container {

    TestIcon firstIcon;
    TestIcon secondIcn;
    TestIcon thirdIcn;
    TestIcon fourIcn;


    Container panel;

    public TestPallet() {
        super();
        panel= new Container();
        panel.getStyle().setBgColor(0x323232);
        panel.getStyle().setBgTransparency(255);
        panel.setLayout(new BoxLayout(BoxLayout.X_AXIS));
        panel.getStyle().setBorder(Border.createLineBorder(2, 0xffffff));
        panel.getStyle().setPadding(10, 10,10,10);
        panel.getStyle().setMargin(50, 10, 10, 10);
        panel.setSelectedStyle(panel.getStyle());

        Container row1 = new Container();
        row1.setLayout(new BoxLayout(BoxLayout.X_AXIS));

        int margin = Display.getInstance().convertToPixels(1, true);


        firstIcon = new ShapeIcon(1, this);
        panel.addComponent(firstIcon);

        secondIcn = new ShapeIcon(2, this);
        panel.addComponent(secondIcn);


        thirdIcn = new ShapeIcon(3, this);
        panel.addComponent(thirdIcn);

        fourIcn = new ShapeIcon(4, this);
        panel.addComponent(fourIcn);

        addComponent(panel);

    }
}
class TestIcon extends Container{

    boolean selected=false;
    ShapePallet pallet;
    int t;

    public TestIcon(int s, ShapePallet sp) {
        super();
        pallet=sp;
        t=s;
        getStyle().setBgTransparency(0);
        getStyle().setBgColor(0xdcdcdc);
        this.setSelectedStyle(this.getStyle());
        setFocusable(true);

    }

    @Override
    public void paint(Graphics g) {

        int size = Display.getInstance().convertToPixels(2, false);

        Image im= null;

        if(t==1) {
            size *= 2;
            im = DisplayManager.getWmUiBuilder().getResources().getImage("image1.png").scaled(size, size);

        }

        else if(t== 2) {
            size *= 2;
            im = DisplayManager.getWmUiBuilder().getResources().getImage("image2.png").scaled(size, size );

        }

        else if(t== 3) {
            size *= 2;
            im = DisplayManager.getWmUiBuilder().getResources().getImage("image3.png").scaled(size, size);

        }

        else if(t== 4) {
            size *= 2;
            im = DisplayManager.getWmUiBuilder().getResources().getImage("image4.png").scaled(size, size);

        }

    g.drawImage(im,getX() + ((getWidth() - im.getWidth())) / 2, getY() + ((getHeight() - im.getHeight()) / 2));

    }

}

从图像中可以看出，两个图像之间的空间太大，这是来自iPad，在Iphone上我只能看到两个图像。在这种情况下，也缺少一个图像。那么，如何缩小两幅图像之间的差距呢？任何答案都会有所帮助。谢谢

Answer 1

我建议使用样式。

您还需要设置填充/边距单位，理想情况下使用毫米并将数字设置为较低的值。例如。 setPaddingUnit / setMarginUnit要么是Style.UNIT_TYPE_PIXELS，要么是Style.UNIT_TYPE_DIPS。

更好的方法是使用gridlayout，它将均匀地分隔其中的组件。