跳至主要內容
3.1 基礎純色方塊 Rect

學習操作基礎方塊屬性參數,應用基礎方塊製作畫面版塊

BRICKS TOOLS avatar
作者:BRICKS TOOLS
3 年前已更新

歡迎使用 BRICKS ,此教學涵蓋基礎 Brick 的第一步 : 學習基礎方塊的設定,只要完成此章節內容,即可輕鬆學會 BRICKS 雲端智慧顯示基本 Brick 的使用。


基礎純色方塊在應用上可作為背景、按鈕、Debug 測試等多種用途。

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

  • 步驟一『新增基礎方塊並利用排版工具快速置中』

    1. 從 Canvas 新增一個 寬 40 的 Rect 方塊。

    2. 透過右上角紅框的位置排版鈕來設定位置,按鈕由左至右方別是位置置左、左右置中、置右、置頂、上下置中、置底,請先使用左右置中及上下置中來快速排版至 Canvas 正中間。

      Create new Brick and using position tool

  • 步驟二『設定方塊顏色屬性』

    請先設定方塊的 Background Color 為黑色。

    Setting brick background color to black

  • 步驟三『改變方塊的上下層級』

    新增的方塊都會在所有元件的最上層,這裡要讓原來的 HelloWorld 的字在新增的方塊上面,因此要變更元件層級。

    利用下圖紅框處的圖層變更按鈕來實現圖層的上下移動,並且透過左方 Canvas 的圖層層級做確認。也可直接在 Canvas 圖層中使用滑鼠進行上下層次的拖拉變換。

    Layer change tools

  • 恭喜學會了基本方塊的基本概念


    下一章將帶您認識更多元變化的多媒體視覺方塊

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

是否回答了您的問題?