樣式區(qū)域-元件樣式(快照)

快照可以快速引用原型頁面或母版作為進(jìn)行展示。同時支持對應(yīng)的頁面內(nèi)容局部展示(需設(shè)置展示的位置坐標(biāo))與自定義的全局縮放展示。
快照在預(yù)覽狀態(tài)下,點擊快照可直接跳轉(zhuǎn)到對應(yīng)內(nèi)容頁面(注:跳轉(zhuǎn)只對頁面有效,對引用的母版無效)。
引用界面
快照需要設(shè)置所引用的界面(或母版)。
點擊快照選中在樣式中進(jìn)行新增引用界面(注:直接鼠標(biāo)雙擊快照也可進(jìn)行引用內(nèi)容)。引用界面支持頁面、母版選擇與名稱檢索。


image
縮放到適合
將內(nèi)容按照比例縮放至當(dāng)前快照尺寸大小。

自定義縮放
可以設(shè)置快照的內(nèi)容頁面的起始坐標(biāo)位置與對應(yīng)的縮放比例(縮放倍率)。
坐標(biāo):設(shè)置頁面的起始位置。例如設(shè)置:X:100,Y:100時,快照會以內(nèi)容頁面(100、100)作為左上角起始點。
縮放比例:自定義具體的縮放大小。
邊距
引用內(nèi)容距離快照的四周的保留安全距離。

設(shè)置動作
設(shè)置動作可以直接預(yù)覽時,進(jìn)行內(nèi)容頁面的交互操作。方便直接加載部分交互效果。
注:內(nèi)部元件只能選中引用頁面內(nèi)部的元件。對應(yīng)動作交互可設(shè)置多個。

小技巧
頁面快照,可以在整體頁面結(jié)合連接構(gòu)建頁面大綱。方便進(jìn)行整體的交互邏輯展示。由于頁面為引用的界面,對應(yīng)的頁面修改后,快照也會同步更新。
