flash - Flex Mobile textInput en el retraso del texto del desplazamiento

scroller

Question

He visto un retraso extraño en el texto que se ingresa en un contenedor de entrada de texto en mi aplicación móvil flex. El problema ocurre cuando escribo un texto en una entrada de texto y luego me desplazo en cualquier dirección. La pantalla completa y todos los objetos parecen moverse, a excepción del texto en la entrada de texto.

Esto se convierte en un problema realmente grande cuando selecciono la entrada de texto para comenzar a escribir y aparece el teclado y la entrada que coloca el cursor y el texto escrito en otro lugar en la pantalla. Se ve bastante mal.

¿Es este un problema de rendimiento general? ¿Alguna sugerencia sobre cómo solucionarlo?

el código es básico:

 <s:Scroller x="0" y="0" width="100%" height="100%" verticalScrollPolicy="on" >
<s:Group>
<s:TextArea softKeyboardType="number" id="ti1" y="145" width="390" height="75" fontSize="36" fontWeight="bold" horizontalCenter="0" text=" "/>
</s:Group>
</s:Scroller>

Answer 1

Ahora softKeyboardType = "{SoftKeyboardType.NUMBER}" ya no funciona.

¿Algunas ideas?

Para aplicaciones móviles, debe usar StageTextInputSkin y StageTextAreaSkin:

<s:TextInput restrict="0-9" maxChars="3"
skinClass="spark.skins.mobile.StageTextInputSkin"
softKeyboardType="{SoftKeyboardType.NUMBER}"/>
<s:TextArea restrict="0-9" maxChars="3"
skinClass="spark.skins.mobile.StageTextAreaSkin"/>

Answer 2

Encontré la respuesta a esto después de un par de horas de googlear. En la instrucción textinput, necesitas agregar skinClass = "spark.skins.mobile.TextInputSkin"

Si se vería así

<s:Scroller x="0" y="0" width="100%" height="100%" verticalScrollPolicy="on" >
<s:Group>
<s:TextInput skinClass="spark.skins.mobile.TextInputSkin"/>
</s:Group>
</s:Scroller>

Esto evitará que el texto "salga volando" de los cuadros de entrada de texto cuando realmente ejecute la aplicación. Vi mencionar que el teclado virtual no funcionará cuando haces esto, pero parece que no tengo un problema con eso, así que tal vez eso se haya solucionado. Espero que esto sea tan útil para otros como lo fue para mí.

Answer 3

Este problema se solucionó en Apache Flex SDK versión 4.12.0

Consulte este enlace Apache FLEX JIRA

Si está utilizando un SDK anterior, realice la compra de este componente ExtendedStageTextInput

Espero que esto pueda ayudar a alguien ...

Answer 4

Para cubrir todos los TextInputs, use CSS.

s|TextInput
{
skinClass: ClassReference("spark.skins.mobile.TextInputSkin");
}