● 效果預覽程序員
● 使用說明微信
簡單的實現了功能，沒有封裝，若是有須要，能夠參考代碼，實現更多的功能，或者增長更多顏色文字內容的顯示。app
● UI佈局工具
顯示消息內容的節點，主要由：暗色背景、消息內容父節點、消息內容節點組成。暗色背景就是爲了顯示效果；消息內容父節點須要添加一個以子節點內容大小自動調節大小的 Layout 組件；消息內容節點，就使用 Label 組件，根據本身的須要，設置字體大小和顏色，能夠根據須要，使用代碼設置。佈局
消息顯示節點父節點，Layout 設置以下：字體
● 實現邏輯
spa
1. 設置 Label 組件內容，能夠根據須要設置字體大小和顏色；
.net
2. 更新 Label 顯示的實際寬度，更新 Layout 的大小，更新 Label 實際寬度，demo 使用的是2.3.3 版本，API 是 _forceUpdateRenderData，以往老版本是 _updateRenderData(true)，具體使用哪一個 API，能夠進對應版本的 Label 組件源碼查看；3d
3. 判斷 Layout 的寬度，若是小於屏幕寬度，直接顯示，延遲後消失；orm
4. 若是Layout的寬度，超過屏幕寬度，啓動定時器，修改 Layout 的位置，使 Layout 實現不斷往左邊移動的效果，當移動到最大值時消失。
● 獲取代碼
關注公衆號，發送【跑馬燈】獲取完整代碼下載地址，掃碼關注公衆號，獲取更多技術分享和遊戲源碼！
往期小工推薦
點擊標題便可閱讀
本文分享自微信公衆號 - 一枚小工（caizj_cn）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。