[發(fā)明專利]一種信息展示的方法及裝置

在審

• 申請?zhí)枺?/td>: 201911142479.1
• 申請日: 2019-11-20
• 公開（公告）號: CN112825079A
• 公開（公告）日: 2021-05-21
• 發(fā)明（設(shè)計(jì)）人: 周末
• 申請（專利權(quán)）人: 北京沃東天駿信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號: G06F16/44
• 分類號: G06F16/44;G06F9/451
• 代理公司: 中原信達(dá)知識產(chǎn)權(quán)代理有限責(zé)任公司 11219
• 代理人: 郭晗;趙迪

本發(fā)明公開了一種信息展示的方法及裝置，涉及計(jì)算機(jī)技術(shù)領(lǐng)域。該方法的一具體實(shí)施方式包括：利用第一文字組件展示目標(biāo)文本，并確定目標(biāo)文本中的字符的尺寸；第一文字組件中嵌套有第二文字組件，第二文字組件用于展示與目標(biāo)文本中的字符尺寸相同的第一預(yù)設(shè)字符；獲取待展示的圖像，并確定圖像的尺寸；根據(jù)圖像的尺寸以及目標(biāo)文本中的字符的尺寸，計(jì)算第二文字組件中待展示的第一預(yù)設(shè)字符的數(shù)量，并將數(shù)量個(gè)第一預(yù)設(shè)字符填充至第二文字組件中；將圖像設(shè)置于第二文字組件中，以使圖像覆蓋第一預(yù)設(shè)字符。該實(shí)施方式實(shí)現(xiàn)了目標(biāo)文本中除首行以外的其余行文字的起始位置與首行中的圖片的起始位置保持一致的展示效果，從而提高了信息展示效果。

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

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種信息展示的方法及裝置。

背景技術(shù)

電商平臺在展示產(chǎn)品時(shí)，通常采用圖片與文字相結(jié)合的方式對產(chǎn)品信息進(jìn)行展示，例如，在產(chǎn)品標(biāo)題欄采用圖片與文字相結(jié)合的方式對產(chǎn)品標(biāo)題進(jìn)行展示。

在產(chǎn)品信息展示時(shí)，文字信息通常具有多行，且圖片位于首行文字的最前端。在產(chǎn)品信息展示時(shí)，一般要求除首行以外的其余行文字的起始位置與首行中的圖片的起始位置保持一致，如圖1所示，第二行文字的起始位置需與首行圖片的起始位置保持一致，在圖1中，X表征圖片展示的信息，Y表征文字展示的信息。

在實(shí)現(xiàn)本發(fā)明過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)中至少存在如下問題：

在現(xiàn)有的ReactNative開發(fā)中，用于展示文字信息的文字組件無法嵌套其他類型的組件(如圖片組件)，如文字組件嵌套圖片組件，則ReactNative會給出相應(yīng)的報(bào)錯(cuò)，而不進(jìn)行嵌套開發(fā)，又無法保證除首行以外的其余行文字的起始位置與首行中的圖片的起始位置保持一致，降低信息的展示效果。

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

有鑒于此，本發(fā)明實(shí)施例提供一種信息展示的方法及裝置，能夠使得展示圖片與文字相結(jié)合的信息時(shí)，保證除首行以外的其余行文字的起始位置與首行中的圖片的起始位置保持一致，提高信息的展示效果，便于用戶查看信息，進(jìn)而有利于提高用戶粘度。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種信息展示的方法。

本發(fā)明實(shí)施例的一種信息展示的方法包括：

利用第一文字組件展示目標(biāo)文本，并確定所述目標(biāo)文本中的字符的尺寸；所述第一文字組件中嵌套有第二文字組件，所述第二文字組件用于展示與所述目標(biāo)文本中的字符尺寸相同的第一預(yù)設(shè)字符；

獲取待展示的圖像，并確定所述圖像的尺寸；

根據(jù)所述圖像的尺寸以及所述目標(biāo)文本中的字符的尺寸，計(jì)算所述第二文字組件中待展示的第一預(yù)設(shè)字符的數(shù)量，并將所述數(shù)量個(gè)所述第一預(yù)設(shè)字符填充至所述第二文字組件中，使得所述第二文字組件的尺寸與所述圖像的尺寸相匹配；

將所述圖像設(shè)置于所述第二文字組件中，以使所述圖像覆蓋所述第二文字組件中的所述第一預(yù)設(shè)字符。

可選地，

所述確定所述目標(biāo)文本中的字符的尺寸，包括：

獲取第三文字組件的寬度和/或高度，以確定所述目標(biāo)文本中的字符的尺寸，其中，所述第三文字組件中填充有一個(gè)與所述目標(biāo)文本中字符尺寸相同的第二預(yù)設(shè)字符。

可選地，

該信息展示的方法還包括：根據(jù)所述目標(biāo)文本中字符的尺寸，調(diào)節(jié)所述圖像的尺寸，以使尺寸調(diào)節(jié)后的所述圖像的尺寸與填充有所述第一預(yù)設(shè)字符的第二文字組件的尺寸相匹配。

可選地，

所述將所述圖像設(shè)置于所述第二文字組件中，包括：

以絕對布局的方式將所述圖像設(shè)置于所述第二文字組件中。

可選地，