Codenameone 代号一：基于CSS的Android组件GroupBool

读者注意：这个问题只针对代号1

以下代码在iOS上运行良好：

    ComponentGroup cmpGroup = ComponentGroup.enclose(camera, gallery);
    cmpGroup.getComponentAt(0).getAllStyles().setAlignment(Component.LEFT);
    cmpGroup.getComponentAt(1).getAllStyles().setAlignment(Component.LEFT);

使用此CSS：

#Constants {
    ComponentGroupBool: true;
    includeNativeBool: true;
    [...]
}

问题是对Android没有影响。 因此，我知道，

CompontGroup

uiid是在iOS本机主题中实现的，但它们不在Android本机主题中

---

我的问题是如何使

CompontGroup

在iOS和Android上使用CSS以同样的方式工作。

您需要为

GroupElementFirst

，

GroupElementLast

，

GroupElement

，

GroupElement only

，

ButtonGroupFirst

，

ButtonGroupLast

，添加样式，

按钮组

，

仅按钮组

样式按钮组*可以避免代码中的左对齐样式

我们设计的圆形矩形边框上/下模式正是为了这个目的，但我不确定它们是否在CSS中实现。我必须对此进行检查。

基于的可能（非像素完美）解决方案，可产生如下可接受的结果：

它不是像素完美的，因为在

GroupElementFirst

和

GroupElementLast

之间有一个小空间

/* Start of ComponentGroup CSS */

GroupElementFirst {
    border-width: 0.3mm;
    border-color: gray;
    border-style: solid;
    border-top-right-radius: 3mm;
    border-top-left-radius: 3mm;
    margin: 2mm;
    margin-bottom: 0px;
    padding: 2mm;
}

GroupElementLast{
    border-width: 0.3mm;
    border-color: gray;
    border-style: solid;
    border-bottom-right-radius: 3mm;
    border-bottom-left-radius: 3mm;
    margin: 2mm;
    margin-top: 0px;
    padding: 2mm;
}

GroupElement{
    border-width: 0.3mm;
    border-color: gray;
    border-style: solid;
    margin: 2mm;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 2mm;
}

GroupElementOnly{
    border-width: 0.3mm;
    border-color: gray;
    border-style: solid;
    border-radius: 3mm;
    margin: 2mm;
    padding: 2mm;
}

ButtonGroupFirst{
    cn1-derive: GroupElementFirst;
}

ButtonGroupLast{
    cn1-derive: GroupElementLast;
}

ButtonGroup{
    cn1-derive: GroupElement;
}

ButtonGroupOnly {
    cn1-derive: GroupElementOnly;
}

/* End of ComponentGroup */

---

你认为这个CSS代码可以改进吗？我认为CSS的实现可以改进，现在图像是为这种类型的CSS生成的，而不是我们需要修复的

RoundRectBorder

。