[UE4][WIP] HorizonUI 4.18.0預計新增加的功能,超連結

posted in: 開發日誌 | 0

HorizonUI Plugin Marketplace連結

 

關於超連結功能

 

基本上就是在每個文字區塊後面動態放置一個button,

 

其完整語法如下:

<a href=”Seg1ClickMessage”  hoverColor=”#FFFF0055″ visitedColor=”#555555FF” filePath=”Blueprint’/Game/UMG/DialogueMsgTextTest/ButtonStyle/BP_DialogueBackgroundButtonStyle1.BP_DialogueBackgroundButtonStyle1′”>
<text color=”#FF0000FF”> Test Click Seg1 </text>
</a>
<br />

<a href=”Seg2ClickMessage”  hoverColor=”#FFFF0055″ filePath=”Blueprint’/Game/UMG/DialogueMsgTextTest/ButtonStyle/BP_DialogueBackgroundButtonStyle2′”>
<text color=”#00FF00FF”> Test Click Seg2 </text>
</a>

<br />

<a href=”Seg3ClickMessage”  hoverColor=”#FFFF0055″ filePath=”/Game/UMG/DialogueMsgTextTest/ButtonStyle/BP_DialogueBackgroundButtonStyle3″>
<text color=”#0000FFFF”> Test Click Seg3 </text>
</a>

其中href當滑鼠指標觸碰該button的事件之後,便會將內容自動回呼給使用者,filePath則是用來指定該button的樣式,我們可以建立一個BP類別並繼承HorizonButton之後進行相關的button配置,例如hover過去的顏色、材質等等所有button中預設的功能。而hoverColor則是當我們hover到該字段的時候,其上面文字的顏色。visitedColor則是在點擊之後,我們的字段會變成什麼顏色。

 

 

當然我們也可以使用style的版本:

<a href=”?param1=1?param2=text?param3=true?param1=3″ visitedColor=”#555555FF” hoveredColor=”#FFFFFFFF” style=”StyleButton”>
<text>
<text color=”#FF0000FF”> This is nested </text>
<text color=”#FF00FFFF”>
&nbsp;&nbsp;tag node
</text>
<text color=”#FFFF00FF”>
&nbsp; HyperText Dialogue Text
</text>
<text color=”#FF0000FF”>
&nbsp;Block
</text>
</text>
</a>

若是要直接放在text或button中,則只能藉助style版本的功能才行:

<text style=”MyStyle0″ href=”MyStyle0″>This is rich text test using style:</text>
<br/>
<br/>
<text style=”MyStyle1″ href=”MyStyle1″>This is strawberry:</text><img style=”MyStyle2″ href=”MyStyle2img” /><br/>

<text style=”MyStyle3″ href=”MyStyle3″>This is Watermellon:</text><img style=”MyStyle4″ href=”MyStyle4img”/> <br/>

 

<text style=”MyStyle5″ href=”MyStyle5″>This is animated man using material:</text><mat style=”MyStyle6″ href=”MyStyle6″ /> <br/>

<text style=”MyStyle7″ href=”MyStyle7″ >HorizonFlipbookWidget(use tag pfb) Only Supported by using style:</text><pfb style=”MyStyle7″ href=”MyStyle7pfb” /> <br/>

 

有了這個功能之後,相信就能在遊戲中帶給玩家更多樣的遊戲體驗了!

Leave a Reply

Your email address will not be published. Required fields are marked *