调用模糊时,TextField上的iOS工具栏无法平滑隐藏

时间:2014-11-11 22:04:42

标签: ios titanium titanium-mobile titanium-alloy appcelerator-mobile

我有一个TextField设置来显示一个数字键盘。默认情况下,这似乎没有为用户指示他已完成输入数据然后隐藏它的方式,因此我在XML中添加了一个带有DONE按钮的KeyboardToolbar。

单击文本字段时,数字键盘会显示带有DONE按钮的工具栏。当我单击“完成”时,键盘开始滚动窗口,但工具栏不会移动。当键盘完全脱离视图时,工具栏会跳转到窗口底部,然后滚动页面。这会为用户带来明显的闪光。

知道如何阻止这种闪光效果的发生吗?我点击时尝试在工具栏上设置不透明度0,但它没有任何效果。

(预期结果是工具栏向下滚动键盘)

这是一个放慢速度的GIF来说明:

enter image description here

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,
}

0 个答案:

没有答案