在控件藍(lán)圖中加入 RichTextBlock 控件(由于 RichTextBlock?控件必須指定文本格式數(shù)據(jù)表格。否則無法顯示任何文本內(nèi)容)

• 多樣式文本設(shè)置

目前 RichTextBlock 控件支持樣式文本和樣式圖片，樣式文本需要借助編寫數(shù)據(jù)表格（DataTable）來標(biāo)注文本樣式。步驟如下：

1. 構(gòu)建文本數(shù)據(jù)表格

2. 構(gòu)建文本格式數(shù)據(jù)

3. 編寫文本

• 構(gòu)建文本格式表格

  數(shù)據(jù)表格中的表頭結(jié)構(gòu)體不需要我們單獨編寫，引擎有提供表格的表頭格式。直接在內(nèi)容瀏覽器中右鍵雜項中選擇
  

表頭選擇虛幻提供的富文本格式結(jié)構(gòu)體

注意：RichImageRow是富文本中用來插入圖片，標(biāo)記圖片格式的。RichTextStyleRow用來標(biāo)記文本格式，我們選擇文本格式

• 構(gòu)建文本格式數(shù)據(jù)

數(shù)據(jù)表格是用來構(gòu)建標(biāo)簽標(biāo)記的依據(jù)。將你希望使用的文本內(nèi)容標(biāo)記，通過添加數(shù)據(jù)條目來完成。條目名稱即為標(biāo)簽名稱。文本的外觀、大小、顏色等信息均需要在表格中填入！

注意：表格中必須提供“Default”數(shù)據(jù)條目（Default用來指定默認(rèn)文本格式）

• 設(shè)置數(shù)據(jù)表格到RichTextBlock

在富文本中控件細(xì)節(jié)面板中將剛剛構(gòu)建的數(shù)據(jù)表格進(jìn)行設(shè)置即可

• 編寫文本

設(shè)置妥當(dāng)后，文本編寫就相對比較簡單了，在RichTextBlock的細(xì)節(jié)面板中，找到Text輸入文本即可。需要注意的是，輸入后需要編譯下才可以顯示。

如果編譯后沒有顯示文本，請檢查文本格式數(shù)據(jù)表格中，是否包含“Default”數(shù)據(jù)條目。

在數(shù)據(jù)表格中，我加入了數(shù)據(jù)條目“F01”并且設(shè)置了文本的樣式，編譯后就顯示為圖2的樣子（圖2測試文本也加入了圖像），文本格式如下！

這是恢復(fù)魔法藥品<F01>紫羅蘭</>

注意，標(biāo)簽格式，和標(biāo)簽結(jié)尾，圈定內(nèi)的文本將會使用數(shù)據(jù)表格中的標(biāo)簽名稱條目的字體樣式來顯示

• 多樣式圖像設(shè)置

圖像設(shè)置和文本設(shè)置幾乎相同，但是唯一區(qū)別在于設(shè)置到控件上時方式不同。總共分為以下幾步：

1. 構(gòu)建圖像格式數(shù)據(jù)表格

2. 創(chuàng)建圖像格式裝飾類

3. 應(yīng)用裝飾類

4. 通過標(biāo)簽顯示圖像

構(gòu)建圖像格式表格

流程參照圖3，圖4，選擇表格頭為”Rich Image Row”。打開數(shù)據(jù)表格后，即可編輯圖像。

同樣，數(shù)據(jù)條目名稱是用來標(biāo)記富文本中插入圖像的參考，不能隨意命名。圖片的格式需要在數(shù)據(jù)表格中設(shè)置完成，例如大小，對齊，填充方式等。

• 創(chuàng)建圖像裝飾類?

與文本樣式不同，圖像樣式無法直接設(shè)置到 RichTextBlock 控件上，需要通過使用裝飾類來完成，裝飾類構(gòu)建非常簡單，只需要創(chuàng)建藍(lán)圖繼承裝飾類即可。

創(chuàng)建完成后打開藍(lán)圖，在類設(shè)置中即可設(shè)置圖像數(shù)據(jù)表格信息。

至此圖像裝飾類構(gòu)建設(shè)置完成。

• 應(yīng)用裝飾類

應(yīng)用裝飾類只需要在 RickTextBlock 控件的細(xì)節(jié)面板中進(jìn)行添加即可。一個控件可以添加多個裝飾類。

• 添加圖像標(biāo)簽

在文本中，添加圖像標(biāo)簽即可，標(biāo)簽格式如下

<img id="icon02"/>

icon02就是你構(gòu)建的圖像數(shù)據(jù)表格中的數(shù)據(jù)條目名稱。千萬注意不能有多余的空格，可以直接復(fù)制上面的文本使用。多空格會導(dǎo)致解析錯誤。