Codename One中CSS与布局问题咨询：标题颜色及图标布局异常

模拟器中标题文字始终显示为黑色，已确认CSS配置及Inspector中的样式应用情况，切换其他UIID时其他样式均正常生效，仅文字颜色无变化。

解决方案 #

你仅给Toolbar设置了UIID，但Toolbar的标题文字样式由独立子组件控制，需针对标题文本单独配置：

1. CSS配置方式：在Titulo UIID下添加标题文本的样式规则：

Titulo {
    /* Toolbar自身样式 */
}

Titulo Title {
    color: #你的目标颜色值;
    /* 可额外设置字体大小等样式 */
}

2. 代码直接设置方式：获取标题组件并调整样式：

// 在Tarifa构造函数中添加
Label titleLabel = (Label) this.getToolbar().getTitleComponent();
// 方式1：指定自定义UIID
titleLabel.setUIID("TituloTexto");
// 方式2：直接设置颜色
titleLabel.getAllStyles().setFgColor(0xXXXXXX); // 替换为目标颜色的十六进制值

需求为将图标置于表单最右侧、搜索字段自适应扩展，但当前布局无法实现该效果。

解决方案 #

1. 修正CSS拼写错误：ButtonUtil样式中的paddin是拼写错误，需改为padding，否则内边距设置不生效。
2. 调整BorderLayout布局逻辑：默认Button不会自动填充可用空间，需确保CENTER区域按钮占满宽度：

Style s = UIManager.getInstance().getComponentStyle("ButtonUtil");
Button btInicio = new Button(idioma.getMensaje5(), FontImage.createMaterial(FontImage.MATERIAL_FLAG, s, 4), "ButtonBusqueda");
Button btLocalizar = new Button(FontImage.createMaterial(FontImage.MATERIAL_LOCATION_PIN, s, 4));

Container cnInicio1 = new Container(new BorderLayout());
// 让搜索按钮填充CENTER区域所有空间
btInicio.getAllStyles().setMargin(0, 0, 0, 0);
btInicio.getAllStyles().setPadding(1mm, 1mm, 1mm, 1mm);
cnInicio1.addComponent(BorderLayout.CENTER, btInicio);
// 限制右侧图标按钮的边距，避免占用过多空间
btLocalizar.getAllStyles().setMargin(0, 1mm, 0, 0);
cnInicio1.addComponent(BorderLayout.EAST, btLocalizar);
// 确保容器本身占满父容器宽度
cnInicio1.getAllStyles().setWidth(Component.FILL);

3. 备选布局方案（BoxLayout）：若BorderLayout效果不佳，可尝试使用BoxLayout.X_AXIS并设置组件占比：

Container cnInicio1 = new Container(new BoxLayout(BoxLayout.X_AXIS));
cnInicio1.addComponent(btInicio);
// 将图标按钮固定在右侧
cnInicio1.addComponent(FlowLayout.encloseRight(btLocalizar));
// 设置搜索按钮占据剩余所有空间
btInicio.setGrow(true);

内容的提问来源于stack exchange，提问作者Rubén Villarreal