[發明專利]圖文混排實現方法及裝置

有效

• 申請號: 201710515433.4
• 申請日: 2017-06-29
• 公開（公告）號: CN107230241B
• 公開（公告）日: 2021-01-01
• 發明（設計）人: 霍啟圣;張文明;陳少杰
• 申請（專利權）人: 武漢斗魚網絡科技有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60
• 代理公司: 北京超凡志成知識產權代理事務所(普通合伙) 11371
• 代理人: 蘇勝

本發明涉及互聯網技術領域，具體涉及一種圖文混排實現方法及裝置，該圖文混排實現方法及裝置均應用于電子設備，該圖文混排實現方法包括創建獨立的圖片元素和文本元素，通過圖片元素中賦值的圖片地址獲取圖片，通過文本元素賦值的文本內容以獲取文本，將獲取的所述圖片和所述文本依次繪制于所述電子設備的畫布上，當所述圖片和所述文本所占用的總寬度超過所述電子設備的屏幕寬度，則換行，以便于顯示于所述電子設備的屏幕供用戶查看。在本發明中通過將所述圖片和所述文本定義為獨立的元素，以分別獲取圖片和文本，同時實現圖片和文本的自動換行，以實現圖文混排的功能，系統運行簡單，節約了系統運行時間。

技術領域

本發明涉及互聯網技術領域，具體而言，涉及一種圖文混排實現方法及裝置。

背景技術

目前系統里有一個文本工具TextView，該文本工具能夠搭配使用復合文本構造器SpannableStringBuilder在一定程度上實現圖文混排，但是該文本工具主要用于顯示純文本，對于圖文混排實現程度有限。使用該文本工具實現圖文混排主要是使用文本占位符為需插入該位置的圖片進行占位，進而將實際需要插入的圖片賦值于定義的圖片元素，再讀取文本占位符所占的位置，將圖片元素插入進相應的位置，進而實現圖文混排。因此，該文本工具本質上還是將所有內容視為唯一一串文本，但會把文本占位符替換成圖片，文本中混搭的圖片越多，需要替換的圖片越多，因此十分耗費時間。因此，提供一種圖文混排實現方法是十分必要的。

發明內容

本發明的目的在于提供一種圖文混排實現方法，以實現圖片和文本的同時輸出，同時系統運行簡單，節約了系統運行時間。

本發明的另一目的在于提供一種圖文混排實現裝置，以實現圖片和文本的同時輸出，同時系統運行簡單，節約了系統運行時間。

為了實現上述目的，本發明實施例采用的技術方案如下：

第一方面，本發明實施例提供了一種圖文混排實現方法，應用于電子設備，所述方法包括：

創建互獨立的圖片元素和文本元素；

通過所述圖片元素中賦值的圖片地址獲取圖片；

通過文本元素賦值文本內容以獲取文本；

將獲取的所述圖片和所述文本依次繪制于所述電子設備的畫布上；

當所述圖片和所述文本所占用的總寬度超過所述電子設備的屏幕寬度，則換行，以便于顯示于所述電子設備的屏幕供用戶查看。

第二方面，本發明實施例還提供了一種圖文混排實現裝置，應用于電子設備，所述裝置包括：

創建模塊，用于創建獨立的圖片元素和文本元素；

第一獲取模塊，用于通過所述圖片元素中賦值的圖片地址獲取圖片；

第二獲取模塊，用于通過文本元素賦值文本內容以獲取文本；

繪制模塊，用于將獲取的所述圖片和所述文本依次繪制于所述電子設備的畫布上；

換行模塊，用于當所述圖片和所述文本所占用的總寬度超過所述電子設備的屏幕寬度，則換行，以便于顯示于所述電子設備的屏幕供用戶查看。

本發明實施例提供的一種圖文混排實現方法及裝置，該圖文混排實現方法及裝置均應用于電子設備，該圖文混排實現方法包括創建獨立的圖片元素和文本元素，通過圖片元素中賦值的圖片地址獲取圖片，通過文本元素賦值的文本內容以獲取文本，將獲取的所述圖片和所述文本依次繪制于所述電子設備的畫布上，當所述圖片和所述文本所占用的總寬度超過所述電子設備的屏幕寬度，則換行，以便于顯示于所述電子設備的屏幕供用戶查看。在本發明中通過將所述圖片和所述文本定義為獨立的元素，以分別獲取圖片和文本，同時實現圖片和文本的自動換行，以實現圖文混排的功能，系統運行簡單，節約了系統運行時間。