codenameone中的CSS和布局问题

mqkwyuun  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(119)

第1点。图片显示了模拟器,标题用黑色字母表示。在图片的下一部分,它显示了CSS中配置的内容,最后显示了它在检查器中的应用。我尝试在检查器中分配其他UID,它改变了除了字母颜色之外的所有内容。

我的CSSMap代码。

public class Tarifa extends Form {
Idioma idioma;

public Tarifa() {
    this.setLayout(new BorderLayout());
    this.setScrollable(true);
    Usuario iU = Usuario.getInstancia();
    idioma = new Idioma(iU.getIdioma());
    this.setTitle(idioma.getMensaje2());
    this.getToolbar().setUIID("Titulo");
}

}
在第2点中,我需要将图标尽量靠近表单的右侧,因此搜索字段会增大,但我无法做到这一点。
在这种情况下,我的代码是:

Style s = UIManager.getInstance().getComponentStyle("ButtonUtil");
    // Contenedor de Lugar de Inicio
    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());
    cnInicio1.addComponent(BorderLayout.CENTER, btInicio);
    cnInicio1.addComponent(BorderLayout.EAST, btLocalizar);

    Container cnInicio = new Container(new BoxLayout(BoxLayout.Y_AXIS));
    cnInicio.addComponent(new Label(idioma.getMensaje5()));
    cnInicio.addComponent(cnInicio1);

我的CSS是:

ButtonBusqueda {
font-family: "native:MainRegular";
font-size: 2.5mm;
color: blue;
text-align: left;
border: 1pt solid gray;
padding: 1mm;
margin-left: 1mm;
margin-top: 1mm;

}

ButtonUtil {
font-family: "native:MainRegular";
font-size: 3mm;
color: blue;
text-align: left;
margin: 0mm;
paddin: 0mm;

}

yi0zb3m4

yi0zb3m41#

您正在自定义标题周围的容器(标题区域)。与普通的CSS不同,CSS中的属性不是直接继承的。我们有明确的层次结构,标题(您可以看到它在重命名的UIID下面)继承了Label的样式。
使用此样式可以自定义标题字体:

Title {
...
}

相关问题