[發(fā)明專利]圖文混排實現(xiàn)方法及裝置

有效

• 申請?zhí)枺?/td>: 201710515433.4
• 申請日: 2017-06-29
• 公開（公告）號: CN107230241B
• 公開（公告）日: 2021-01-01
• 發(fā)明（設(shè)計）人: 霍啟圣;張文明;陳少杰
• 申請（專利權(quán)）人: 武漢斗魚網(wǎng)絡(luò)科技有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60
• 代理公司: 北京超凡志成知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11371
• 代理人: 蘇勝

1.一種圖文混排實現(xiàn)方法，應(yīng)用于電子設(shè)備，其特征在于，所述方法包括：

創(chuàng)建相互獨立的圖片元素和文本元素；

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

通過文本元素賦值文本內(nèi)容以獲取文本；

獲取所述圖片和所述文本的高度，其中，通過getIntrinsicWidth()與getIntrinsicHeight()方法獲取并存儲加載圖片的寬度和高度；

若將要繪制于所述電子設(shè)備的畫布上的所述圖片或所述文本的高度小于所述圖片和所述文本的當前行的行高，則將所述畫布移動預設(shè)距離以便于所述圖片或所述文本處于當前行垂直方向上的居中位置；

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

2.如權(quán)利要求1所述的圖文混排實現(xiàn)方法，其特征在于，所述圖片和所述文本的當前行的行高的測量方式為：

記錄繪制于所述畫布上的前一個數(shù)據(jù)的高度，所述數(shù)據(jù)包括所述圖片或所述文本，將繪制于所述畫布上的當前數(shù)據(jù)的高度與所述前一個數(shù)據(jù)的高度進行比較，若所述當前數(shù)據(jù)的高度高于所述前一個數(shù)據(jù)的高度，則所述當前數(shù)據(jù)的高度作為當前行的行高，若所述當前數(shù)據(jù)的高度低于或等于所述前一個數(shù)據(jù)的高度，則所述前一個數(shù)據(jù)的高度作為當前行的行高。

3.如權(quán)利要求1所述的圖文混排實現(xiàn)方法，其特征在于，所述當所述圖片和所述文本所占用的寬度超過所述電子設(shè)備的屏幕寬度，則換行的步驟包括：

獲取所述圖片和所述文本的個體寬度，根據(jù)所述圖片和所述文本的個體寬度計算所述圖片和所述圖片和所述文本在當前行實際占用的寬度；

根據(jù)所述圖片和所述文本在當前行實際占用的寬度計算剩余屏幕寬度；

獲取需要輸入的所述文本的總字符；

調(diào)用截斷函數(shù)根據(jù)所述總字符的截斷位置以及剩余屏幕寬度計算所述剩余屏幕寬度能容納的剩余的總字符的數(shù)量，所述剩余的總字符的數(shù)量為所述總字符從所述截斷位置開始計數(shù)的字符數(shù)量；

若所述剩余屏幕寬度實際能容納的剩余的總字符的數(shù)量小于剩余的總字符的數(shù)量，則所述圖片和所述文本所占用的寬度超過所述電子設(shè)備的屏幕寬度。

4.如權(quán)利要求3所述的圖文混排實現(xiàn)方法，其特征在于，所述方法還包括：

記錄所述剩余屏幕寬度實際容納的剩余的總字符的數(shù)量，以及所述總字符的下一個截斷位置，所述下一個截斷位置為所述剩余的總字符的數(shù)量由所述剩余屏幕寬度容納后余下總字符數(shù)量開始計算的位置；

記錄當前行的所述圖片和所述文本實際占用的寬度。

5.一種圖文混排實現(xiàn)裝置，應(yīng)用于電子設(shè)備，其特征在于，所述裝置包括：

創(chuàng)建模塊，用于創(chuàng)建獨立的圖片元素和文本元素；

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

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

繪制模塊，用于獲取所述圖片和所述文本的高度，其中，通過getIntrinsicWidth()與getIntrinsicHeight()方法獲取并存儲加載圖片的寬度和高度，若將要繪制于所述電子設(shè)備的畫布上的所述圖片或所述文本的高度小于所述圖片和所述文本的當前行的行高，則將所述畫布移動預設(shè)距離以便于所述圖片或所述文本處于當前行垂直方向上的居中位置；

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

6.如權(quán)利要求5所述的圖文混排實現(xiàn)裝置，其特征在于，所述圖片和所述文本的當前行的行高的測量方式為：

記錄繪制于所述畫布上的前一個數(shù)據(jù)的高度，所述數(shù)據(jù)包括所述圖片或所述文本，將繪制于所述畫布上的當前數(shù)據(jù)的高度與所述前一個數(shù)據(jù)的高度進行比較，若所述當前數(shù)據(jù)的高度高于所述前一個數(shù)據(jù)的高度，則所述當前數(shù)據(jù)的高度作為當前行的行高，若所述當前數(shù)據(jù)的高度低于或等于所述前一個數(shù)據(jù)的高度，則所述前一個數(shù)據(jù)的高度作為當前行的行高。