Codenameone 代码名一个文本组件

尝试使用TextComponent，但未能按下图所示设置样式

TextComponent username=new TextComponent（）.labelAndHint（“UserNmae”）.constraint（TextField.ANY）；
setMaterialIcon（username.getField（）.getHintLabel（），FontImage.MATERIAL\u PERSON）

文本组件当时不允许这种特殊设计。圆形边界非常简单：

TextField{
边框：1pt纯蓝色；
边界半径：0.5mm；
衬垫：2mm；
}

但是位于边界上的文本覆盖本身在当前API中存在问题。这可能是可以通过向
TextComponent
添加另一个顶部模式来增强的功能，该模式将使用
CENTER\u BEHAVIOR\u TOTAL\u下方的
BorderLayout

但是，此时我们建议使用稍微不同的设计，例如：

    TextComponent login = new TextComponent().
            label("Login").
            descriptionMessage("Enter your email").
            constraint(TextArea.EMAILADDR).
            action(MATERIAL_ARROW_FORWARD).
            actionClick(e ->
                    SigninStep2Form.create().show());

CSS是：

#常数{
includeNativeBool：正确；
scrollVisibleBool:false；
labelGap:2；
textcomponentontopool:true；
textComponentAnimBool：false；
textCmpVAlignInt:0；
textComponentFieldUIID:TextComponentField；
}
形式{
背景：白色；
}
TextComponentField{
背景：#EDEDED；
左侧填充：1mm；
垫底：1.5mm；
垫面：0.5mm；
左侧填充：3mm；
边际：0px；
字体系列：“本机：MainRegular”；
字号：3mm；
颜色：黑色；
边界：无；
边框底部：0.25mm实心#9a；
}
输入组件动作{
填充：1mm；
背景：透明；
边界：无；
}
浮动点{
字体系列：“本机：MainRegular”；
字号：2mm；
颜色：#5e5e；
边际：0px；
垫面：1.5mm；
右侧填充：1mm；
垫底：0px；
左侧填充：3mm；
背景：#EDEDED；
边框左上半径：1mm；
边框右上半径：1mm；
}
文本组件{
背景：白色；
边界：无；
填充：1mm；
边际：0px；
}
错误标签{
垫面：0.5mm；
背景：透明；
左侧填充：3mm；
}
描述标签{
垫面：0.5mm；
左侧填充：3mm；
背景：透明；
}

生成的文本组件如下所示：