2012-10-25 73 views
0

這裏是我爲textInputFlex手機:裁剪刪除ipado圖標TextInput組件

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

CSS和我使用簡單:

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

用iPhone/iPad:關閉圖標出現頂部冒出: enter image description here

任何想法如何解決這個問題? (或甚至如何刪除該X圖標)?

回答

1

該圖標是一個高度設置,並且至少在Flex中不會調整其大小。裁剪是從文本字段的高度(讀取:而不是 TextInput組件,但文本進入的實際字段)。由於該字段不像圖標那樣高,圖標會被裁剪。

解決辦法有兩個:

  1. 最明顯的一個是增加高度的TextInput字段直到圖標不再裁剪。如果你願意,你可以把你的屏幕截圖和測量像素被裁剪。
  2. 由於TextInput使用StageText,因此您會獲得該圖標。 StageText使用原生文本呈現而不是Flash文本呈現。在理想的情況下,StageText是完美的。但是,情況很不理想。爲了解決這個問題,只需將移動TextInput皮膚skinClass="spark.skins.mobile.TextInputSkin"應用於TextInput組件。由於www.Flextras.com pointed out to me yesterday,這將TextInput恢復到其引入StageText的Flex 4.6之前的行爲。

其中任何一種解決方案都適合您。你只需要選擇哪一個最好。我更喜歡選項#2,因爲,正如我所提到的,StageText還存在其他問題(例如讓displayAsPassword正常工作)切換到該皮膚修復

+1

根據他在問題中發佈的代碼;他正在使用spark.skins.mobile.TextInputSkin類;通過CSS設置。 – JeffryHouser

+0

@ www.Flextras.com ...你是對的。我是盲人。我只檢查了組件本身。致提問者:我的歉意。即使我的第二個解決方案已經被使用(如果你仍然得到圖標,顯然不完全正確),我仍然會嘗試我的第一個解決方案 –

+0

我嘗試過不同的高度,但仍然有同樣的問題! 我試過:默認高度,40像素和60像素,所有這些都有這個問題! – yarek

0

我會嘗試編輯皮膚,因爲那是圖標裁剪正在發生