文字方塊 Text | Bricks Dag, Inc. Help Center

文字元件主要就是用於呈現各種形式的文字單元，可動態載入字形、串接即時資訊等特色。

文字各種設定屬性範例

Frame 基本屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Frame 區塊解說

Properties 部分基本屬性如 Opacity 及 Background Color 和 Rect 方塊元件相同，詳細可參考方塊元件 Properties 區塊解說。

其他屬性解說如下：

屬性名稱	屬性形態	說明
Text	清單字串數值日期時間	設定文字元件內的顯示內容
Color	字串	設定文字元件文字顏色，可直接點選色盤設定或透過輸入HEX、RGBA、HSLA色碼設定。
Font Weight	清單	設定文字元件的文字粗細，分為 Normal, Bold 以及 100～900 的粗細程度可選
Font Family	字串	設定文字元件的文字字型，直接輸入字體名稱即可套用字型。若使用裝置未安裝的字型時，需至設定中尋找 Setup Load Fonts 中輸入字型名稱及連結和 MD5 即可讓裝置自動下載字型。
Font Size Vector	數值 0到1	設定文字元件中每一行文字佔高度的比例，設定 0.5 類似 double spaced 效果。
Line Number	數值	設定文字元件的切分成設定的數值行數
Text Align	清單	設定文字元件在方塊中水平對齊方法。 left: 文字置左 right: 文字置右 center: 文字置中 justify: 文字左右分散對齊
Text Align Vertical	清單	設定文字元件在方塊中垂直對齊方法。 top: 文字置頂 bottom: 文字置底 center: 文字上下置中
Replace Rules	陣列正規表示式 (字串) 字串	設定文字元件中的文字取代規則，例如可以自行設定個資敏感訊息就打＊號，規則需使用正規表示式撰寫

// line number, font size vector 用法教學 & 舉例

基本邊框屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Border 區塊解說

基本動畫事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Animation 區塊解說

Before Value Change	當文字元件中的文字內容改變前觸發的動畫事件
Value Change	當文字元件中文字內容被改變，指定的 Before Value Change 動畫及事件結束（如果有指定）時觸發的動畫事件

// Animation 教學文章連結

基本事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Event 區塊解說

Before Value Change	當文字元件中的文字內容改變前，指定的 Before Value Change 動畫結束（如果有指定）時觸發的事件，
Value Change	當文字元件中文字內容被改變，指定的 Before Value Change 動畫及事件和 Value Change 的動畫結束（如果有指定）時觸發的事件。

// Event 教學文章連結

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

Frame 區塊