Question

我有一个强制在config.xml中使用肖像的应用，但我希望应用中的特定视图显示为横向。实现这一目标的最佳方法是什么？ Ionic Framework中是否有选项？

我已经尝试过设置视图控制器以通过CSS将页面容器元素旋转90度，但这是一个糟糕的黑客，因为操作系统不知道应该旋转设备，因此状态栏/操作系统导航项赢了“旋转。

使用Ionic Framework？

时，是否可以将特定视图强制设置为指定方向？

Answer 1

似乎this插件会帮助你。

对于横向，您必须在控制器中使用screen.lockOrientation('landscape');。

在其他网页上，如果他们不在纵向视图中，您必须放置screen.lockOrientation('portrait');

Answer 2

对于Ionic 2.x，可以使用离子原生插件。

import { ScreenOrientation } from '@ionic-native/screen-orientation';

constructor(private screenOrientation: ScreenOrientation) { }

...


// get current
console.log(this.screenOrientation.type); // logs the current orientation, example: 'landscape'

// set to landscape
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE);

// allow user rotate
this.screenOrientation.unlock();

// detect orientation changes
this.screenOrientation.onChange().subscribe(
   () => {
       console.log("Orientation Changed");
   }
);

请参阅here。

如何使用Ionic Framework强制特定视图成为风景

2 个答案: