android - 根据屏幕方向隐藏 Ionic 框架标题

Question

我想问是否有一种方法可以在屏幕方向从纵向更改为横向时隐藏特定 View 上的 ionic 框架的导航栏。

Answer 1

是的，可以，非常简单。

这是一个隐藏导航栏需要触发的函数:

$ionicNavBarDelegate.showBar(false); 

当然，在适当的 Controller 中执行此操作。

这个公式的第二部分是Cordova Orientation插件，点击here .

所以当组合起来时，你会想要这样的东西:

if(screen.orientation == 'landscape') {
    $ionicNavBarDelegate.showBar(false); 
}

还有一种 JavaScript 方法来检测方向，但在某些设备上这是一种偶然的解决方案。 Cordova 插件是更安全的解决方案。

这还不是全部，如果用户在 View 初始化后改变方向怎么办:

window.addEventListener('orientationchange', doOnOrientationChange);

// Initial execution if needed
doOnOrientationChange();

function doOnOrientationChange()
{
    if(screen.orientation == 'landscape') {
        $ionicNavBarDelegate.showBar(false); 
    }        
}