[發(fā)明專(zhuān)利]一種終端頁(yè)面的圖文展示方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 202010343362.6
• 申請(qǐng)日: 2020-04-27
• 公開(kāi)（公告）號(hào): CN111596988B
• 公開(kāi)（公告）日: 2022-01-25
• 發(fā)明（設(shè)計(jì)）人: 曾鵬
• 申請(qǐng)（專(zhuān)利權(quán)）人: 五八有限公司
• 主分類(lèi)號(hào): G06F9/451
• 分類(lèi)號(hào): G06F9/451;G06T11/60;G06F40/30
• 代理公司: 北京弘權(quán)知識(shí)產(chǎn)權(quán)代理有限公司 11363
• 代理人: 逯長(zhǎng)明;許偉群

本發(fā)明實(shí)施例提供了一種終端頁(yè)面的圖文混展示方法及裝置，其中，首先根據(jù)當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域中設(shè)置的單個(gè)字符的高度和寬度，以及預(yù)留字符展示區(qū)域的面積，確定當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域的最大展示字符數(shù)。然后，再根據(jù)待展示文本的全部字符和該最大展示字符數(shù)，確定將在預(yù)留字符展示區(qū)域展示的展示字符。之后，通過(guò)在所述預(yù)留圖片展示區(qū)域加載待展示圖片，并在所述預(yù)留字符展示區(qū)域加載所述展示字符，以在所述當(dāng)前頁(yè)面展示所述待展示圖片以及所述展示字符。可見(jiàn)，本申請(qǐng)所提供的終端頁(yè)面的圖文展示方法，能夠準(zhǔn)確確定可以展示的字符數(shù)，從而保證展示字符和待展示圖片的正常展示，以起到文字和圖片同時(shí)展示的效果。

技術(shù)領(lǐng)域

本申請(qǐng)涉及圖文處理技術(shù)領(lǐng)域，尤其涉及一種終端頁(yè)面的圖文展示方法及裝置。

背景技術(shù)

應(yīng)用界面開(kāi)發(fā)時(shí)，會(huì)涉及到文字與圖片需要在同一視圖上展示的情況，多數(shù)為文字的末尾跟隨一張圖片，以起到形象生動(dòng)的展示效果。

針對(duì)在一段文字的末尾跟隨展示一張圖片的情況，通常現(xiàn)有文字顯示控件只能在文字為單行展示時(shí)，在文字的末尾跟隨展示一張圖片，但是當(dāng)文字為多行展示時(shí)，只能令圖片跟隨在整段文字的后方展示，這樣可能會(huì)造成圖片顯示不全，或者文字顯示不全，且文字與圖片的排版方式也不美觀。同時(shí)，一旦當(dāng)前頁(yè)面的可展示區(qū)域不足以展示全部文字時(shí)，可以展示的文字、需要被省略的文字以及圖片之間容易產(chǎn)生預(yù)留區(qū)域的混亂，令排版出現(xiàn)展示異常。

發(fā)明內(nèi)容

本申請(qǐng)?zhí)峁┝艘环N終端頁(yè)面的圖文展示方法及裝置，以解決現(xiàn)有圖文展示時(shí)無(wú)法正確劃分文字與圖片的展示區(qū)域的問(wèn)題。

第一方面，本發(fā)明實(shí)施例提供了一種終端頁(yè)面的圖文展示方法，包括：

根據(jù)當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域中設(shè)置的單個(gè)字符的高度和寬度，以及所述預(yù)留字符展示區(qū)域的面積，確定所述當(dāng)前頁(yè)面的所述預(yù)留字符展示區(qū)域的最大展示字符數(shù)，其中，所述預(yù)留字符展示區(qū)域?yàn)閺乃霎?dāng)前頁(yè)面的可展示區(qū)域中剔除預(yù)留圖片展示區(qū)域后剩余的區(qū)域；

獲取待展示文本中的全部字符，并根據(jù)所述全部字符和所述預(yù)留字符展示區(qū)域的所述最大展示字符數(shù)，確定將在所述預(yù)留字符展示區(qū)域展示的展示字符；

在所述預(yù)留圖片展示區(qū)域加載待展示圖片，并在所述預(yù)留字符展示區(qū)域加載所述展示字符，以在所述當(dāng)前頁(yè)面展示所述待展示圖片以及所述展示字符。

在本發(fā)明實(shí)施例第一方面一種可能的實(shí)現(xiàn)方式中，所述根據(jù)當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域中設(shè)置的單個(gè)字符的高度和寬度，以及所述預(yù)留字符展示區(qū)域的面積，確定所述當(dāng)前頁(yè)面的所述預(yù)留字符展示區(qū)域的最大展示字符數(shù)之前包括：

獲取待展示圖片的高度和寬度，以及所述當(dāng)前頁(yè)面的可展示區(qū)域；

按照預(yù)設(shè)文字閱讀方向，在所述可展示區(qū)域的末端確定與所述待展示圖片的面積相匹配的非字符展示區(qū)域；

從所述可展示區(qū)域中剔除所述非字符展示區(qū)域，得到所述當(dāng)前頁(yè)面的所述預(yù)留字符展示區(qū)域。

在本發(fā)明實(shí)施例第一方面一種可能的實(shí)現(xiàn)方式中，

所述根據(jù)當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域中設(shè)置的單個(gè)字符的高度和寬度，以及所述預(yù)留字符展示區(qū)域的面積，確定所述當(dāng)前頁(yè)面的預(yù)留字符展示區(qū)域的最大展示字符數(shù)包括：

根據(jù)所述單個(gè)字符的高度和寬度，確定所述單個(gè)字符對(duì)應(yīng)的展示面積；

計(jì)算所述預(yù)留字符展示區(qū)域的面積與所述單個(gè)字符對(duì)應(yīng)的展示面積的比值，得到所述當(dāng)前頁(yè)面的所述預(yù)留字符展示區(qū)域的最大展示字符數(shù)。

在本發(fā)明實(shí)施例第一方面一種可能的實(shí)現(xiàn)方式中，所述獲取待展示文本中的全部字符，并根據(jù)所述全部字符和所述預(yù)留字符展示區(qū)域的最大展示字符數(shù)，確定將在所述預(yù)留字符展示區(qū)域展示的展示字符包括：