最近有客戶提到如何讓Network上網元的標簽垂直顯示，首先想到的就是每個字符之間插入一個回車。這個用Network#labelFunction就能達到目的：
來段代碼測試看看：
運行效果如下：
上面的方法很容易讓文字垂直顯示，但效果不是很理想，中英文混合時，英文也被一個字母一個字母地分開了。有沒有更好的方案？答案是肯定的，借助于Flex的Flash Text Engine (FTE)和Text Layout Framework (TLF)，可以很容易的讓文字從上到下顯示。
先來看看一個小例子，設置TextLayoutFormat的blockProgression屬性為BlockProgression.RL即可：
運行效果如下：
的確這樣效果就好多了，英文不會被一個字母一個字母地打斷，然后我們自定義一個Attachment：
再自定義Node和NodeUI，使用這個Attachment代替TWaver自帶的LabelAttachment：
自定義Node：
自定義NodeUI：
最后，寫個例子看看效果：
恩，這就是我想要的效果：
更多關于FTE和TLF的信息，請參考Adobe官方文檔：
TextLayoutFormat
TextFlow
Textlayout
本文完整代碼見附件：
FTELabelAttachment
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
