我刚刚使用示例iOS应用测试 Cordova 3.1 并遇到了几个键盘问题。
应用设置:
config.xml中
的问题:
所有版本:当关注输入字段时,整个视图会被推高,包括导航栏。
iOS5 / 6:点击输入字段打开键盘,然后在键盘按下整个视图之前,屏幕顶部会短暂显示黑色间隙(是状态栏吗?)
iOS7:没有类似#2问题的黑色差距,但还有其他问题:
在移除(隐藏)之前,我仍然看到配件栏。
键盘是半透明的,然后我可以看到当前视图被推高的空间中的较暗背景。
如果我改变了,事情就更糟了:
视图仍然被推高,当输入字段失去焦点时,屏幕顶部会出现黑色间隙,即使在iOS 7上也是如此,如果KeyboardShrinksView = false,则不会发生这种情况。
< / LI>iOS 7上的键盘不再是半透明的。
下面是我的config.xml
<preference name="DisallowOverscroll" value="true" />
<preference name="HideKeyboardFormAccessoryBar" value="true" />
<preference name="KeyboardDisplayRequiresUserAction" value="false" />
<preference name="KeyboardShrinksView" value="true" />
<preference name="SuppressesIncrementalRendering" value="false" />
<preference name="TopActivityIndicator" value="gray" />
<preference name="EnableLocation" value="false" />
<preference name="EnableViewportScale" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />
<preference name="AllowInlineMediaPlayback" value="false" />
<preference name="BackupWebStorage" value="none" />
<preference name="Fullscreen" value="true" />
<preference name="Orientation" value="landscape" />
答案 0 :(得分:3)
查看此主题。这里报告了很多相同的问题。如果您将信息添加到Cordova JIRA错误跟踪系统中,那将是最好的,因为这是所有Cordova开发人员工作的地方。 https://issues.apache.org/jira/browse/CB-3020?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13769996#comment-13769996
通过添加一个简单的动画来调整webview的大小,我能够让顶部标题滑动。这是放在CDViewController.m
中的keyboardWillShow函数中的代码[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.0];
[self.webView setFrame:(CGRectMake(newFrame.origin.x, newFrame.origin.y, newFrame.size.width, newFrame.size.height))];
[UIView commitAnimations];
我接近让黑色的酒吧被隐藏但却无法让它工作得很好。这篇文章描述了你需要做的事情。您需要将webview重新定义动画与键盘动画相匹配。 iOS 7 - Keyboard animation