0

这是我用于 textInput 的 CSS

s|TextInput{
    skinClass: ClassReference("spark.skins.mobile.TextInputSkin");
    contentBackgroundColor:#FFFFFF;
    focusAlpha:0;
    showPromptWhenFocused:false;
}

我使用简单：

    <s:TextInput id="id1" />
    <s:TextInput id="id1" height="40" />
    <s:TextInput id="id1" height="60 />

在 iphone/ipad 上：关闭图标出现顶部裁剪： 在此处输入图像描述

知道如何解决吗？（甚至如何删除那个 X 图标）？

4

2 回答 2

1

图标是一个设定的高度，至少在 Flex 中，不会调整它的大小。裁剪来自文本字段的高度（阅读：不是TextInput 组件，而是文本进入的实际字段）。因为该字段没有图标那么高，所以图标会被裁剪。

有两种解决方案：

  1. 显而易见的是增加 TextInput 字段的高度，直到该图标不再被裁剪。如果需要，您可以截取屏幕截图并测量被裁剪的像素。
  2. 你得到那个图标是因为 TextInput 使用 StageText。StageText 使用本机文本呈现，而不是 Flash 文本呈现。在理想情况下，StageText 是完美的。然而，情况很少是理想的。要解决这个问题，您只需将移动 TextInput 外观应用skinClass="spark.skins.mobile.TextInputSkin"到您的 TextInput 组件。正如www.Flextras.com 昨天向我指出的那样，这会将 TextInput 恢复为 Flex 4.6 之前的行为，后者引入了 StageText。

这些解决方案中的任何一个都应该适合您。你只需要选择最好的。我更喜欢选项 #2，因为正如我所提到的，StageText 还存在其他问题（例如让 displayAsPassword 正常工作）切换到该皮肤修复

于 2012-10-25T16:11:13.530 回答
0

我会尝试编辑皮肤，因为那是图标裁剪发生的地方

于 2012-10-26T08:01:12.253 回答