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 コンポーネントではなく、テキストが入る実際のフィールド)。そのフィールドはアイコンほどの高さではないため、アイコンはトリミングされます。

次の 2 つの解決策があります。

  1. 明らかな 1 つは、そのアイコンがトリミングされなくなるまで、TextInput フィールドの高さを増やすことです。必要に応じて、スクリーンショットを撮り、トリミングされているピクセルを測定するだけです。
  2. このアイコンが表示されるのは、TextInput が StageText を使用しているためです。StageText は、Flash テキスト レンダリングではなく、ネイティブ テキスト レンダリングを使用します。理想的な状況では、StageText は最適です。ただし、状況が理想的であることはめったにありません。これを回避するには、モバイル TextInput スキンskinClass="spark.skins.mobile.TextInputSkin"を TextInput コンポーネントに適用するだけです。www.Flextras.com が昨日私に指摘したように、これにより、TextInput が、StageText を導入した Flex 4.6 より前の動作に戻ります。

これらのソリューションのいずれかが機能するはずです。どれが最適かを選択するだけです。私がオプション #2 を好むのは、前述したように、StageText には他の問題 (displayAsPassword を正しく機能させるなど) があり、そのスキンに切り替えると修正されるためです。

于 2012-10-25T16:11:13.530 に答える
0

アイコンのトリミングが行われている場所なので、スキンを編集してみます

于 2012-10-26T08:01:12.253 に答える