一種顯示聊天內(nèi)容的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種顯示聊天內(nèi)容的方法及裝置。
【背景技術(shù)】
[0002]為了方便用戶與其好友進(jìn)行交流以及拓寬用戶的交際圈，目前出現(xiàn)了諸多的社交應(yīng)用。社交應(yīng)用將用戶與用戶的好友之間的聊天內(nèi)容顯示在聊天界面上。為了使顯示聊天內(nèi)容更加美觀，目前出現(xiàn)了氣泡聊天界面，社交應(yīng)用將聊天內(nèi)容都顯示在氣泡聊天界面中并達(dá)到氣泡的顯示效果。
[0003]社交應(yīng)用可以通過如下方式將聊天內(nèi)容顯示在氣泡聊天界面中，可以為:氣泡聊天界面包括有兩個(gè)區(qū)域，分別為顯示區(qū)域和輸入?yún)^(qū)域，顯示區(qū)域?yàn)橐粋€(gè)網(wǎng)頁容器，該網(wǎng)頁容器用于顯示信息。社交應(yīng)用在顯示聊天內(nèi)容時(shí)，首先根據(jù)該聊天內(nèi)容的顯示位置在該網(wǎng)頁容器的代碼中添加一個(gè)網(wǎng)頁塊，然后在該網(wǎng)頁塊中添加一個(gè)形狀為氣泡的背景圖片，并將背景圖片以及該聊天內(nèi)容作為顯示信息添加入該網(wǎng)頁塊中，最后通過解析引擎和渲染引擎對(duì)該網(wǎng)頁容器的代碼進(jìn)行解析和渲染，以將該網(wǎng)頁容器中包括的所有背景圖片以及位于背景圖片上的聊天內(nèi)容顯示出來。
[0004]發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問題:
[0005]在每次顯示聊天內(nèi)容時(shí)需要通過解析引擎和渲染引擎對(duì)該網(wǎng)頁容器的代碼進(jìn)行解析和渲染，當(dāng)聊天內(nèi)容較多時(shí)，網(wǎng)頁容器中的代碼量非常龐大，對(duì)該網(wǎng)頁容器的代碼進(jìn)行解析和渲染會(huì)占用較大資源，造成系統(tǒng)卡頓，甚至?xí)斐上到y(tǒng)崩潰。

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

[0006]為了解決現(xiàn)有技術(shù)的問題，本發(fā)明實(shí)施例提供了一種顯示聊天內(nèi)容的方法及裝置。所述技術(shù)方案如下:
[0007]—方面，提供了一種顯示聊天內(nèi)容的方法，所述方法包括:
[0008]獲取待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置；
[0009]根據(jù)所述第一顯示位置，在所述顯示區(qū)域中繪制形狀為預(yù)設(shè)形狀的圖片，所述顯示區(qū)域的預(yù)設(shè)位置疊加有透明的編輯框；
[0010]根據(jù)所述第一顯示位置，將所述待顯示的聊天內(nèi)容顯示在所述編輯框上。
[0011]另一方面，提供了一種顯示聊天內(nèi)容的裝置，所述裝置包括:
[0012]第一獲取模塊，用于獲取待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置；
[0013]繪制模塊，用于根據(jù)所述第一顯示位置，在所述顯示區(qū)域中繪制形狀為預(yù)設(shè)形狀的圖片，所述顯示區(qū)域的預(yù)設(shè)位置疊加有透明的編輯框；
[0014]第一顯示模塊，用于根據(jù)所述第一顯示位置，將所述待顯示的聊天內(nèi)容顯示在所述編輯框上。
[0015]另一方面，提供了一種顯示聊天內(nèi)容的方法，其特征在于，將待顯示的聊天內(nèi)容顯示于聊天窗口的顯示區(qū)域中，所述顯示區(qū)域包括窗口背景層、文字背景層、文字層；所述窗口背景在所述顯示區(qū)域的最底層；所述文字背景層在所述顯示區(qū)域的中間層；所述文字層在所述顯示區(qū)域的最上層；
[0016]所述方法包括:
[0017]當(dāng)所述聊天窗口創(chuàng)建后，在所述窗口背景層中繪制預(yù)設(shè)背景圖片；
[0018]獲取所述待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置；
[0019]根據(jù)所述第一顯示位置，在所述文字背景層中繪制形狀為預(yù)設(shè)形狀的圖片；
[0020]根據(jù)所述第一顯示位置，將所述待顯示的聊天內(nèi)容顯示于所述文字層中。
[0021]本發(fā)明實(shí)施例提供的技術(shù)方案帶來的有益效果是:
[0022]通過聊天窗口中的顯示區(qū)域中加載的富文本編輯框顯示待顯示的聊天內(nèi)容，并在待顯示的聊天內(nèi)容顯示之前預(yù)先繪制預(yù)設(shè)形狀的圖片。避免了由于使用網(wǎng)頁容器顯示聊天內(nèi)容時(shí)造成的系統(tǒng)資源消耗過高的缺陷，提高了顯示聊天內(nèi)容的效率。
【附圖說明】
[0023]為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0024]圖1是本發(fā)明實(shí)施例一提供的顯示聊天內(nèi)容的方法流程圖；
[0025]圖2是本發(fā)明實(shí)施例二提供的顯示聊天內(nèi)容的方法流程圖；
[0026]圖3是本發(fā)明實(shí)施例二提供的顯示聊天內(nèi)容的方法中滾動(dòng)富文本編輯框的滾動(dòng)條后顯示聊天內(nèi)容的方法流程圖；
[0027]圖4是本發(fā)明實(shí)施例二提供的顯示聊天內(nèi)容的方法流程圖；
[0028]圖5是本發(fā)明實(shí)施例三提供的顯示聊天內(nèi)容的方法流程圖；
[0029]圖6是本發(fā)明實(shí)施例四提供的顯示聊天內(nèi)容的裝置結(jié)構(gòu)示意圖；
[0030]圖7是本發(fā)明實(shí)施例五提供的一種終端的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0031]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0032]實(shí)施例一
[0033]本發(fā)明實(shí)施例提供了一種顯示聊天內(nèi)容的方法，參見圖1，方法流程包括:
[0034]101:獲取待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置；
[0035]102:根據(jù)第一顯示位置，在顯示區(qū)域中繪制形狀為預(yù)設(shè)形狀的圖片，顯示區(qū)域的預(yù)設(shè)位置疊加有透明的編輯框。
[0036]103:根據(jù)第一顯示位置，將待顯示的聊天內(nèi)容顯示在編輯框上。
[0037]本發(fā)明實(shí)施例通過聊天窗口中的顯示區(qū)域中加載的富文本編輯框顯示待顯示的聊天內(nèi)容，并在待顯示的聊天內(nèi)容顯示之前預(yù)先繪制預(yù)設(shè)形狀的圖片。避免了由于使用網(wǎng)頁容器顯示聊天內(nèi)容時(shí)造成的系統(tǒng)資源消耗過高的缺陷，提高了顯示聊天內(nèi)容的效率。
[0038]實(shí)施例二
[0039]本發(fā)明實(shí)施例提供了一種顯示聊天內(nèi)容的方法，參見圖2，方法流程包括:
[0040]201:創(chuàng)建聊天窗口，并在聊天窗口中的顯示區(qū)域中調(diào)用系統(tǒng)接口中的富文本編輯框控件，生成顯示區(qū)域中的編輯框。
[0041]其中，當(dāng)用戶在即時(shí)通信應(yīng)用中打開聊天窗口時(shí)創(chuàng)建聊天窗口，該聊天窗口中存在至少兩個(gè)區(qū)域，包括顯示區(qū)域和輸入?yún)^(qū)域。顯示區(qū)域用于顯示該聊天窗口中用戶輸入的聊天內(nèi)容和/或與用戶進(jìn)行聊天的通信聯(lián)系人發(fā)送的聊天內(nèi)容，輸入?yún)^(qū)域用于供當(dāng)前終端的用戶進(jìn)行聊天內(nèi)容的輸入。
[0042]本步驟可以為:建立聊天窗口，該聊天窗口包括顯示區(qū)域和輸入?yún)^(qū)域，在聊天窗口中的顯示區(qū)域中調(diào)用系統(tǒng)接口中的富文本編輯框控件，將該富文本編輯框控件疊加在顯示區(qū)域的預(yù)設(shè)位置，其中該預(yù)設(shè)位置為聊天窗口中的顯示區(qū)域的正上方，其中，該富文本編輯框在生成時(shí)，設(shè)定該富文本編輯框的可顯示區(qū)域的位置坐標(biāo)與聊天窗口中的顯示區(qū)域的位置坐標(biāo)相同，該富文本編輯框?yàn)橥该鲄^(qū)域且該富文本編輯框的面積大小大于或等于聊天窗口中的顯示區(qū)域的面積大小。另外，獲取預(yù)設(shè)背景圖片，將該預(yù)設(shè)背景圖片繪制于聊天窗口的顯示區(qū)域中。
[0043]富文本編輯框控件為RichEdit控件，該控件是一種終端廣泛應(yīng)用的文本輸入框，支持圖文混排。背景圖片可以為系統(tǒng)默認(rèn)設(shè)置的，也可以為用戶選取的圖片。
[0044]202:獲取待顯示的聊天內(nèi)容。
[0045]具體的，從聊天窗口的輸入?yún)^(qū)域中獲取用戶輸入的聊天內(nèi)容，并將該聊天內(nèi)容作為待顯示的聊天內(nèi)容；或者，接收與用戶聊天的通信聯(lián)系人發(fā)送的聊天內(nèi)容，并將接收的聊天內(nèi)容作為待顯示的聊天內(nèi)容。其中，待顯示的聊天內(nèi)容可以為文字內(nèi)容或圖片內(nèi)容。
[0046]203:獲取待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置。
[0047]本步驟包括如下2031至2035的步驟，可以為:
[0048]2031:如果聊天窗口中沒有任何已顯示的聊天內(nèi)容，則將顯示區(qū)域中首行的縱向坐標(biāo)確定為待顯示的聊天內(nèi)容在聊天窗口的顯示區(qū)域中的第一顯示位置。
[0049]2032:如果聊天窗口中有已顯示的聊天內(nèi)容，則獲取待顯示的聊天內(nèi)容的顯示格式，根據(jù)待顯示的聊天內(nèi)容的內(nèi)容大小和顯示格式，獲取在顯示區(qū)域中顯示待顯示的聊天內(nèi)容的高度。
[0050]其中，顯示格式可以包括但不限于:縮進(jìn)間距，對(duì)齊方向以及段間距。還可以包括字體，字號(hào)，顏色等內(nèi)容。
[0051]進(jìn)一步的，當(dāng)聊天窗口中為雙方通信時(shí)，則終端可以根據(jù)當(dāng)前聊天窗口中發(fā)送該待顯示的聊天內(nèi)容的發(fā)送方標(biāo)識(shí)對(duì)聯(lián)系人身份進(jìn)行識(shí)別；當(dāng)聊天窗口為群組通信時(shí)，則終端通過該群組中發(fā)送該待顯示的聊天內(nèi)容的發(fā)送方標(biāo)識(shí)對(duì)聯(lián)系人身份進(jìn)行識(shí)別。其中，發(fā)送方標(biāo)識(shí)用于確定該待顯示的聊天內(nèi)容對(duì)應(yīng)的顯示格式。具體對(duì)應(yīng)于顯示格式中縮進(jìn)間距。其中，發(fā)送方標(biāo)識(shí)在用于顯示待顯示的聊天內(nèi)容時(shí)可以為兩種，包括:終端當(dāng)前用戶以及非終端當(dāng)前用戶，這兩種發(fā)送方標(biāo)識(shí)可以對(duì)應(yīng)上述雙方通信以及群組通信中包括的所有聯(lián)系人身份。
[0052]對(duì)于縮進(jìn)間距，包括有左縮進(jìn)間距和右縮進(jìn)間距兩個(gè)具體的參數(shù)?？s進(jìn)間距中的左縮進(jìn)間距用于設(shè)置待顯示的聊天內(nèi)容在聊天窗