一、 概述
本文将簡單介紹 FVS畫布、分頁的相關屬性。
FVS 大屏範本的構成：一張 FVS 大屏範本，就是一張畫布。一張畫布中有多個分頁。每個分頁中有多個組件。如下圖所示。
二、畫布屬性
1
畫布尺寸。
新建 FVS 大屏範本時，可以設定畫布尺寸。使用者也可在編輯器正下方調整畫布尺寸。
可手動輸入畫布的寬度和高度，單位為px，寬高值範圍為300-50000px。
畫布尺寸的調整，對當前畫布中的所有分頁均生效。
2
畫布自适應。
FVS大屏範本，提供四種畫布自适應方式。如下圖所示。
畫布自适應方式的調整，對當前畫布中的所有分頁均生效。
畫布自适應方案具體效果如下表所示。
| 畫布自适應方案 | 縮放邏輯 |
|---|---|
自動 | 畫布展示頁面充滿浏覽器視窗。 展示頁面寬度 = 浏覽器頁面寬度 展示頁面高度 = 浏覽器頁面高度 組件大小按照 min【浏覽器頁面高度 / 畫布尺寸高度 ，浏覽器頁面寬度 / 畫布尺寸寬度】 的比例縮放。 |
高度鋪滿 | 畫布展示頁面高度充滿浏覽器視窗高度。 展示頁面高度 = 浏覽器頁面高度 展示頁面寬度 = max【浏覽器頁面高度 / （畫布尺寸高度 / 畫布尺寸寬度），浏覽器頁面寬度】 組件與畫布等比例縮放。 |
寬度鋪滿 | 畫布展示頁面寬度充滿浏覽器視窗寬度。 展示頁面寬度 = 浏覽器頁面寬度 展示頁面高度 = max【浏覽器頁面寬度 / （畫布尺寸寬度 / 畫布尺寸高度），浏覽器頁面高度】 組件大小與畫布寬度等比例縮放。 |
無 | 展示頁面高度 = max【浏覽器頁面高度，畫布尺寸高度】 展示頁面寬度 = max【浏覽器頁面寬度，畫布尺寸寬度】 組件大小不縮放。 |
3
畫布顯示比例。
畫布顯示比例的調整，不會改變畫布實際大小，僅影響編輯器中畫布展示的大小。
支援使用者手動修改縮放值，或在下拉框中選擇預設的縮放值。縮放值需介於10-400之間。
三、分頁屬性
1
新建頁面。
點選【收起分頁/展開分頁】，可以将分頁區展開/折疊。
點選【+點選新建頁面】，可新增一個空白頁面。
右鍵點選選中頁面，點選【複制頁面】，在選中頁後面，新增一張與選中頁相同的頁面，
右鍵點選選中頁面，點選【删除】，即可删除選中頁面。只有一個頁面時，【删除】按鈕置灰不可用。
按住頁面拖動，可調整頁面順序。
2
頁面名稱。
選中頁面。
點選左上角配置欄中的【頁面】。
即可手動修改頁面名稱。如下圖所示。
3
頁面背景。
頁面背景支援四種配置方式：無、顔色、内置素材、自訂上傳。
詳情請參見：FVS頁面背景&組件背景 。
頁面背景的配置，僅對選中頁生效，對當前畫布中的其他頁面無影響。
4
分頁過渡。
提供【平滑過渡】功能。開啟【平滑過渡】按鈕後，如果上一頁與當前頁存在【名稱相同的組件】，轉場動效将有移動轉場效果，上一頁中該組件的【退出動效】将失效。
詳情請參見：FVS組件框架動畫屬性 。
四、範本預覽
當範本中存在多個頁面時，使用者可在分頁區先為範本進行【預覽播放設定】，如下圖所示。
設定完成後，點選右上角【預覽】按鈕，即可在浏覽器中預覽該範本。
根據按鈕的選擇，最終預覽的選擇不盡相同，詳情請參見下表。
| 自動切換頁面 | 迴圈播放頁面 | 顯示切換按鈕 | 效果 |
|---|---|---|---|
不選 | 不選 | 不選 |
|
不選 | 選中 | 不選 |
|
不選 | 不選 | 選中 | 預覽範本時，預設看到第一張頁面。 滑鼠移動到左下角，點選頁面切換按鈕即可切換頁面。 但是只能從前往後/從後往前切換，不支援從最後一張頁面迴圈切換到第一張頁面。
|
不選 | 選中 | 選中 | 預覽範本時，預設看到第一張頁面。 滑鼠移動到右下角，點選頁面切換按鈕即可切換頁面 且可以将最後一張頁面與第一張頁面串聯，支援迴圈切換。
|
選中 | 不選 | 不選 |
|
選中 | 選中 | 不選 |
|
選中 | 不選 | 選中 |
|
選中 | 選中 | 選中 |
|
