2.3 應用程式預覽

學習如何即時預覽應用程式編輯畫面

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新

歡迎使用 BRICKS ,此教學涵蓋基礎應用介面操作的第三步 : 學習如何預覽應用程式畫面,只要完成此章四小節內容,即可輕鬆學會 BRICKS 雲端智慧顯示基本應用介面操作。


🕐 此篇教學操作預計花費時間:1~2分鐘

  • 步驟一『預覽應用程式畫面』

    完成上一小節的方塊及文字 Brick 的設定後,接下來就要來看看編輯的成果了,請點擊下方的 [ ▶ ] 按鈕預覽應用程式畫面。

    Controller open preview button

  • 步驟二『選擇預覽模式』

    系統預設的預覽模式為水平並置呈現,可透過 [ ||| ] 按鈕切換成垂直排列的預覽模式。

    Controller Vertical preview mode

    也可以透過 [ ❐ ] 按鈕切換成另開視窗模式預覽畫面。

    Controller horizontal preview mode

    在預覽模式中,在編輯介面中做的更動都能即時的在預覽視窗中看到,因此若需要即時的預覽微調畫面時,一定需要開啟預覽視窗做編輯。

    Open another screen preview mode

  • 步驟三『變更編輯介面顯示比例』

    在應用程式編輯介面下方除了剛才介紹預覽及不同並列視窗的操控外,還有一個顯示比例的數值,此數值代表目前真實大小的比例,可透過滑鼠滾輪上下調整變更,按下 [ ⟳ ] 後會恢復為100%的真實比例。

    Controller Editing screen proportion

    Scroll change screen scale

  • 步驟四『關閉預覽視窗』

    若需要關閉預覽視窗時,只需要按下 [ ■ ] 即可關閉預覽模式。

Close controller preview mode

  • 恭喜學會了應用程式介面的基本概念


    下一小節將帶您認識如何部署應用程式至裝置中

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?