歡迎使用 BRICKS ，此教學涵蓋智慧螢幕顯示區域全部內容，只要完成此章節內容，即可輕鬆學會 BRICKS 雲端智慧顯示基本 Brick 的使用。
🕐 此篇教學操作預計花費時間：2～3 分鐘
步驟一『編輯螢幕顯示區域』
切換到 APPLICATION 頁面，選擇 [ Bind Device ] 進入螢幕顯示區域編輯頁面。
步驟二『編輯裝置顯示區域』
從左方的裝置清單中可以看到目前綁定裝置，點擊裝置名稱右方的螢幕圖示，即可在右方看到裝置的顯示區域詳細屬性變數列表。
從中間的 Device Viewports 可以使用滑鼠移動裝置顯示區域或從邊緣改變裝置顯示區域的大小，也同時可以透過右方的屬性變數中的X, Y, Width, Height 去設定顯示區域。若想要旋轉裝置的顯示區域也一樣可透過右方的 Rotate 設定裝置顯示區域旋轉角度及將 Rotate Type 設定為 [ physical-rotate ] 即可實現不同角度的靈活顯示區域設定。
個別裝置建議的長寬比例可以從 DEVICE 頁籤中，從左方清單選擇該裝置設備後，將資訊拉到最下方即可看見此裝置推薦設定的長寛比例。
步驟三『理解應用程式內容範圍與螢幕顯示區域間的關係』
透過 Viewport 位置及大小的設定，可以分別對應到應用程式內容的相對應位置，如下圖可以看到右方的 Galaxy S6 顯示區域設定在右方邊緣上下置中，最後在裝置上顯示的內容就會是應用程式內容的右方邊緣上下置中的畫面內容。
恭喜學會了螢幕顯示區域的基本概念
下一章將帶您認識 BRICKS 中的各式互動行為
若需要任何幫助，歡迎點擊右下角的對話圖示詢問，我們會盡快回覆您的問題