我有一个TextField设置来显示一个数字键盘。默认情况下,这似乎没有为用户指示他已完成输入数据然后隐藏它的方式,因此我在XML中添加了一个带有DONE按钮的KeyboardToolbar。
单击文本字段时,数字键盘会显示带有DONE按钮的工具栏。当我单击“完成”时,键盘开始滚动窗口,但工具栏不会移动。当键盘完全脱离视图时,工具栏会跳转到窗口底部,然后滚动页面。这会为用户带来明显的闪光。
知道如何阻止这种闪光效果的发生吗?我点击时尝试在工具栏上设置不透明度0,但它没有任何效果。
(预期结果是工具栏向下滚动键盘)
这是一个放慢速度的GIF来说明:
XML:
<TextField id="txt_contactNumber" class="txt_inputshort">
<KeyboardToolbar>
<Toolbar id="numberToolbar" bottom="0">
<Items>
<Button id="flexSpace" systemButton="Ti.UI.iPhone.SystemButton.FLEXIBLE_SPACE" />
<Button id="cancelContact" systemButton="Ti.UI.iPhone.SystemButton.DONE" />
</Items>
</Toolbar>
</KeyboardToolbar>
</TextField>
JS:
$.cancelContact.addEventListener('click', function(){
$.txt_contactNumber.blur();
});
TSS:
"#txt_contactNumber": {
keyboardType: Ti.UI.KEYBOARD_NUMBER_PAD,
}