在Flex中，如何让CheckBox的标签与底部对齐？

Question

这真让我烦恼，但如果我这样做

<mx:CheckBox label="Checkbox" />

标签稍微偏离垂直中心。我没有找到任何与复选框中标签的垂直对齐有关的内容。我该如何解决这个问题？

Answer 1

您需要调整字体的前导，因此在您的标签样式中，您需要具有以下内容：

CheckBox{
    leading: 0;
}

请注意，0可能不是您的字体的正确值，在某些花哨的字体上可能是1或甚至-2。

基本上您的问题是复选框中文本的高度计算为包括前导（文本行之间的间距），其默认值为2.由于复选框通常没有两行文本，可以将此值设置为0，它将正确绘制您的复选框。你也可以在mxml标签或setStyle中指定前导，但由于前导是一种风格，设置它的最佳位置是在css中。

Answer 2

您可以检查此解决方案，而不是扩展CheckBox： http://flexdeveloping.wordpress.com/2011/02/17/checkbox-height-and-label-vertical-alignment/