如何修复与 Windows Phone 中的应用程序重叠的软按钮？答案

【问题标题】：How to fix the soft button overlapping the app in Windows Phone?如何修复与 Windows Phone 中的应用程序重叠的软按钮？
【发布时间】：2016-07-29 07:20:36
【问题描述】：

诺基亚 Lumia 640 XL 和类似手机中的软按钮覆盖了应用的底部。

我正在使用 Cordova，主干 JS 开发一个应用程序。

【问题讨论】：

为什么不实际展示你的问题
@IdanAdar 上传了一张图片。
在我看来，您需要更改图块的大小以适应屏幕。
但是有硬件按键的手机底部会有空白。我想知道是否有办法检测手机是否有软按钮或硬件按钮，以便我可以相应地对齐瓷砖。

标签： cordova backbone.js windows-phone hybrid-mobile-app

【解决方案1】：

屏幕截图显示了带有屏幕按钮的设备。您必须同时支持带有屏幕按钮和屏幕外按钮的设备。据我所知，较新的设备现在总是带有屏幕显示。

也就是说，您必须让您的应用 UI 和设计支持在高度

在设计按钮等触控区域时要考虑到这一点。

你可以了解更多here和here

【讨论】：

【解决方案2】：

在这种情况下，获取屏幕的实际高度可能会派上用场。大多数最初的手机屏幕是 480x800，软按钮大约是 480x853。所以你会有大约 50 像素的差异。使用以下方法获取高度：

double actualHeight = Application.Current.Host.Content.ActualHeight;

【讨论】：