Screen Orientation

Capacitor 应用中的屏幕方向

许多应用在设备的纵向和横向模式下都能良好运行。然而，也有许多应用并非如此，并且有充分的理由要求应用完全或偶尔在某种模式下运行。

全局方向设置

要为 Capacitor 应用设置全局方向配置，你需要根据目标平台设置相应的配置值。

iOS 配置

iOS 允许在 iPhone 和 iPad 上支持不同的屏幕方向。要限制 iOS 允许的方向，可以打开 Xcode 并编辑 Info.plist 文件。找到以下键：Supported interface orientation 和 Supported interface orientation (iPad)。使用这些值，指定你希望在 iPhone 和 iPad 上支持的不同方向。

如果直接编辑 Info.plist 文件，请查找以下键：UISupportedInterfaceOrientations 和 UISupportedInterfaceOrientations~ipad。例如，以下设置将限制 iPhone 仅支持正向的 Portrait（纵向）方向，而 iPad 则支持两种 Landscape（横向）方向：

  <key>UISupportedInterfaceOrientations</key>
  <array>
    <string>UIInterfaceOrientationPortrait</string>
  </array>
  <key>UISupportedInterfaceOrientations~ipad</key>
  <array>
    <string>UIInterfaceOrientationLandscapeRight</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>
  </array>

Android 配置

在 Android 上，可以通过修改 AndroidManifest.xml 文件，在主应用的 <activity> 条目中设置 android:screenOrientation 来配置方向。有关可能值的详细信息，请参阅 Android Manifest 文档。

动态方向设置

许多应用需要支持多种方向，同时能够根据内容偶尔锁定方向。

Capacitor 通过 @capacitor/screen-orientation 插件支持此功能：

npm install @capacitor/screen-orientation
npx cap sync

然后，使用 lock 和 unlock 方法：

import { ScreenOrientation } from '@capacitor/screen-orientation';
...
await ScreenOrientation.lock({ orientation: 'portrait' });
await ScreenOrientation.lock({ orientation: 'landscape' });

// 解锁方向，将恢复为全局设置：
await ScreenOrientation.unlock();

查看完整的方向插件文档，了解所有可能的方向值和配置选项。

iPad 方向锁定

默认情况下，iPad 允许多任务处理，其方向无法锁定。如果需要在 iPad 上锁定方向，请将 Requires Full Screen 选项设置为 YES，即在 Info.plist 中添加以下内容：

	<key>UIRequiresFullScreen</key>
	<true/>