Hi agm65,
I have checked your code on an iPad retina.
There is nothing wrong with the TextInput scrolling skin, the problem is in the
application code.
I am assuming you have "wrapped" an existing code inside a scroller, so that
the textinput scrolls when the keyboard appears.
This is not enough, you should adapt your code for scrolling.
Issues in the current code:
- You are using "placement" properties which are preventing scrolling from
happening, such as verticalAlign="middle" or verticalCenter="0".
- The nested VGroups are unnecessary, especially if they include only one item.
- Also, don't set the height of the TextInput. It should size correctly.
- if you are using "hard-coded" dimensions (such as font size=20, top=60),
make sure to set the applicationDPI to a fixed value, so that your app will
scale correctly on different density devices (if you are doing it already,
please ignore this comment).
Possible solutions:
I seems from your code that you want to display a vertically centered text
input.
So this is how it could be done, and still have the scrolling work:
<s:Scroller bottom="60" top="60" width="100%" height="100%">
<s:Group width="100%" height="100%" >
<s:TextInput softKeyboardType="number" width="100%"
verticalCenter="0"
id="txtMins" restrict="0-9" focusColor="#FFFFFF"
color="#9c9a9c"
borderVisible="false" autoCapitalize="none"
autoCorrect="false"/>
</s:Group>
</s:Scroller>
Two things:
The scroller must be tall enough so that there is room to scroll ( ==
height=100)
The scroller viewport (=direct child) must be tall enough so that it can scroll
Does this solve your problem ?
Maurice
____________
Original code below:
<s:Scroller bottom="60" top="60" width="100%"> <s:VGroup width="100%"
verticalAlign="middle" horizontalAlign="center"
verticalCenter="0" horizontalCenter="0"> <s:Label styleName="labelHCE35thin"
fontSize="20" width="90%"
textAlign="left" color="#9c9a9c" />
<s:VGroup verticalAlign="middle" horizontalAlign="left" width="90%"
gap="2" >
<s:TextInput softKeyboardType="number" width="100%" height="42"
id="txtMins"
restrict="0-9" focusColor="#FFFFFF" color="#9c9a9c"
borderVisible="false" autoCapitalize="none" autoCorrect="false"
skinClass="spark.skins.mobile.ScrollingStageTextInputSkin"/>
</s:VGroup>
</s:VGroup>
</s:Scroller>
-----Message d'origine-----
De : agm65 [mailto:[email protected]]
Envoyé : mardi 15 avril 2014 14:36
À : [email protected]
Objet : RE: ScrollingStageTextInputSkin in scroller does not scroll when focus
Hi,
okay cool i'll wait and try some other things..
--
View this message in context:
http://apache-flex-users.2333346.n4.nabble.com/ScrollingStageTextInputSkin-in-scroller-does-not-scroll-when-focus-tp6124p6133.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
