系统自带导航栏的注意事项

在项目开发的过程中遇到了一个问题，现在做一个记录，方便日后查看。
在诺基亚的手机上，有系统自带的导航栏，如果所示：

图中的红色区域就是手机系统自带的导航栏。
在项目初期使用的theme是

<style name="AppBaseTheme" parent="android:Theme.Light">       
</style>

底部的菜单栏【蓝色区域】可以正常显示，并没有出现任何问题，如图所示：

后来因为需求变更，更换了app使用的主题为mytheme，即

<style name="mytheme" parent="@android:style/Theme.DeviceDefault.Light.DarkActionBar">
        item name="android:windowActionBar">false</item>
        <item name="android:alertDialogTheme">@style/myDialodTheme</item>
</style>

<style name="myDialodTheme" parent="@android:style/Theme.DeviceDefault.Light.Dialog">
        <item name="android:colorAccent">#4586e2</item>
        <item name="android:windowMinWidthMajor">95%</item>
        <item name="android:windowMinWidthMinor">95%</item>
</style>

运行之后界面底部的菜单栏【蓝色区域】却不见了：

最初以为是xml布局文件写得有问题，可是排查后发现并不是。经过一番探索后，才发现了根本原因是：手机系统的导航栏将底部的菜单栏遮住了，因为它们的高度又差不多，所以给人菜单栏没有显示了的错觉。

出现这个问题是因为在当前主题下，系统导航栏也被加入进了我们的视图之中。针对这个问题的解决方案就是在style.xml文件中当前的主题下增加一个属性：

<item name="android:windowDrawsSystemBarBackgrounds">false</item>

即此时的主题是：

<style name="mytheme" parent="@android:style/Theme.DeviceDefault.Light.DarkActionBar">
        item name="android:windowActionBar">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
        <item name="android:alertDialogTheme">@style/myDialodTheme</item>
</style>

再次运行后得到如下效果：

解决问题。