components - 代号一 组件形状

Question

Top-Container{
    padding: 0.5mm 0.5mm 0.2mm 0.5mm;
    margin: 0px;
    background color:green;
}

我怎样才能获得我的容器的顶部彩色组件。
我面临的唯一挑战是设计组件的形状......

Answer 1

您可以使用非常简单的图像背景，或者您可以定义自己的背景画家等来绘制组件的背景，例如:

    int triangleWidth = convertToPixels(5);
    cmp.getUnselectedStyle().setBgPainter((g, rect) -> {
            g.setColor(cmp.getUnselectedStyle().getBgColor());
            g.fillRect(cmp.getX(), cmp.getY(), cmp.getWidth() - triangleWidth, hi.getHeight());
            g.fillTriangle(hi.getX() + cmp.getWidth(), cmp.getY(), 
                    cmp.getX() + cmp.getWidth() + triangleWidth, cmp.getY(),
                    cmp.getX() + cmp.getWidth(), cmp.getY() + hi.getHeight());
        }
    );

请注意，您可以使用 fill(Shape)或 fillPolygon()但我个人更喜欢这些用例的更简单的 API，但这取决于你。
您需要为组件提供足够的填充，以便为三角形提供渲染空间，否则它将被裁剪或文本将用完。您可以像往常一样使用 css。