1. 概述
2. 橫豎屏切換
可手動設定切換邏輯參數，設定「url+參數」，實現橫豎屏切換效果。
2.1 APP
APP 參數邏輯如下表所示：
| 參數 | App-phone | App-iPad |
|---|---|---|
無參數 App參數：fine_orientation=auto | 首頁豎屏，支援橫豎屏切換 | 支援橫豎屏切換 |
| App參數：fine_orientation=landscape | 首頁豎屏，固定橫屏 | 固定橫屏 |
| App參數：fine_orientation=portrait | 固定豎屏 | 首頁橫屏，固定豎屏 |
2.2 HTML5 端
HTML5 端僅在釘釘單點中，橫豎屏參數才會生效，其他情況都不會生效。釘釘參數邏輯如下表所示：
| 參數 | HTML5 端 |
|---|---|
| 無參數 | Android：開啟釘釘橫屏模式後，支援橫豎屏切換 iOS：固定豎屏 |
釘釘參數：dd_orientation=auto | Android：支援橫豎屏切換 iOS：支援該參數 注：若釘釘應用的首頁中使用的是決策平台的連結，釘釘生成的範本連結掛載到目錄使用時，Android 支援橫豎屏切換，iOS 不支援 |
| 釘釘參數：dd_orientation=landscape | 固定橫屏 |
| 釘釘參數：dd_orientation=portrait | 固定豎屏 |
3. 橫屏傳回設定
橫屏傳回方式如下：
| 環境 | 範本 | 傳回方式 |
|---|---|---|
| iOS | 普通範本 | 底部工具欄「傳回」按鈕，按鈕不可去除 |
| 網頁連結 | 左側右滑跳出 | |
Android | 普通範本 | 底部工具欄「傳回」按鈕，按鈕不可去除 |
| 系統傳回鍵 | ||
| 網頁連結 | 系統傳回鍵 |
注：未設定切換邏輯參數為「fine_orientation=landscape」的範本，橫屏傳回方式如下：
| 環境 | 傳回方式 |
|---|---|
| iOS | 左側右滑跳出 切換至豎屏傳回 |
| Android | 系統傳回鍵 切換至豎屏傳回 |
4. 橫屏效果切換
行動端支援兩種橫屏查看範本效果。可使用「fine_conf_entity視覺化配置插件」設定切換橫屏展示效果。
注：僅支援APP。
4.1 安裝插件
點選下載插件：fine_conf_entity視覺化配置插件
設計器插件安裝方法請參見：設計器插件管理
伺服器安裝插件方法請參見：伺服器插件管理
插件安裝的參考文檔：FINE_CONF_ENTITY視覺化配置
安裝後需要重啟伺服器才能生效。
4.2 設定參數值
1）安裝插件後，點選「管理系統>系統工具>選擇參數配置」，選擇系統參數名「MobileConfig.landscapeLayoutType」，設定系統參數值。完成後點選「儲存」。
| 參數名 | 描述 | 參數值 |
|---|---|---|
| MobileConfig.landscapeLayoutType | 控制行動端重佈局橫屏狀態下的佈局型別 | 參數值可設定： 0 、1 。預設值為 0 0 ：橫屏展示時，一頁展示一個組件，透過按鈕，左右切換組件 1 ：橫屏展示時，流式佈局。橫向充滿組件，縱向向下滑動查看範本。與豎屏查看方式一致 |
2）完成後，重啟伺服器生效。
4.3 效果預覽
4.3.1 參數值為0
若參數值未設定，或設定為「 0 」。橫屏展示時，一頁展示一個組件，透過按鈕，左右切換組件。
4.3.2 參數值為1
若參數值設定為「 1 」。橫屏展示時，橫向充滿組件，向下滑動查看範本。與豎屏查看方式一致。
上一篇：[通用]行動端工具欄
