本技術(shù)涉及終端領(lǐng)域，尤其涉及一種氣泡顯示方法及電子設(shè)備。

背景技術(shù)：

1、隨著計算機技術(shù)的發(fā)展以及人們生活節(jié)奏的加快，電子設(shè)備的發(fā)展越來越智能化、人性化，越來越多的功能被研發(fā)出來以方便用戶的使用。對于越來越多的新功能，電子設(shè)備通過接收用戶針對相應(yīng)控件的觸摸操作，或者，在首次進入應(yīng)用內(nèi)的頁面時，可以顯示出包括相關(guān)提示信息的提示框，以使得用戶可以通過顯示的提示信息了解相關(guān)功能。其中，顯示提示信息的提示框可以被稱為氣泡。

2、然而，當(dāng)氣泡區(qū)域的布局不適配電子設(shè)備的顯示屏尺寸時，會造成氣泡顯示不完整、氣泡不夠美觀的問題，用戶體驗較差。因此，如何使得氣泡區(qū)域的布局適配電子設(shè)備的顯示屏尺寸，成為了目前亟待解決的問題。

技術(shù)實現(xiàn)思路

1、本技術(shù)提供了一種氣泡顯示方法及電子設(shè)備，實現(xiàn)了氣泡區(qū)域的布局適配電子設(shè)備的顯示屏尺寸，因此電子設(shè)備可以完整地顯示出氣泡，氣泡的顯示也可以更加美觀，極大地提升了用戶的使用體驗。

2、第一方面，本技術(shù)提供了一種氣泡顯示方法，該方法包括：顯示第一界面，其中，該第一界面包括第一控件。響應(yīng)于作用在該第一控件上的第一操作，基于該第一控件的標識，從第一映射表中確定出該第一控件對應(yīng)的第一提示信息。其中，該第一映射表包括多個控件的標識與多個提示信息之間的對應(yīng)關(guān)系，該第一提示信息用于提示該第一控件的功能。獲取到該第一控件在顯示屏上的位置?；谠擄@示屏的顯示參數(shù)，確定出該顯示屏中的氣泡可顯示區(qū)域和第一氣泡的顯示尺寸。其中，該顯示屏的顯示參數(shù)包括以下的一項或多項：該第一控件在該顯示屏上的位置、該顯示屏的高度和寬度、應(yīng)用安全區(qū)域的位置和尺寸、氣泡占用柵格寬度。基于該第一控件在該顯示屏上的位置和該第一氣泡的顯示尺寸，在該氣泡可顯示區(qū)域中確定出該第一氣泡的第一顯示形態(tài)和該第一氣泡的第一顯示區(qū)域。其中，該第一氣泡的第一顯示形態(tài)包括：該第一氣泡中箭頭的指向和該第一氣泡中箭頭的位置。在該顯示屏的該第一顯示區(qū)域中以該第一顯示形態(tài)顯示該第一氣泡，其中，該第一氣泡中包括該第一提示信息。

3、在一種可能的實現(xiàn)方式中，該基于該顯示屏的顯示參數(shù)，確定出該顯示屏中的氣泡可顯示區(qū)域和第一氣泡的顯示尺寸，具體包括：基于該第一控件在該顯示屏上的位置，確定出該氣泡可顯示區(qū)域相對于該第一控件的方向?；谠擄@示屏的寬度、該應(yīng)用安全區(qū)域的位置和尺寸，確定出該氣泡可顯示區(qū)域的寬度?；谠摎馀菘娠@示區(qū)域的寬度、該氣泡占用柵格寬度和該第一提示信息的寬度，確定出該第一氣泡的顯示尺寸。

4、在一種可能的實現(xiàn)方式中，該基于該第一控件在該顯示屏上的位置，確定出該氣泡可顯示區(qū)域相對于該第一控件的方向，具體包括：當(dāng)該第一控件在該顯示屏上的第一區(qū)域時，該氣泡可顯示區(qū)域位于該第一控件的上側(cè)。當(dāng)該第一控件在該顯示屏上的第二區(qū)域時，該氣泡可顯示區(qū)域位于該第一控件的下側(cè)。當(dāng)該第一控件在該顯示屏上的第三區(qū)域時，該氣泡可顯示區(qū)域位于該第一控件的左側(cè)。當(dāng)該第一控件在該顯示屏上的第四區(qū)域時，該氣泡可顯示區(qū)域位于該第一控件的右側(cè)。

5、在一種可能的實現(xiàn)方式中，該基于該氣泡可顯示區(qū)域的寬度、該氣泡占用柵格寬度和該第一提示信息的寬度，確定出該第一氣泡的顯示尺寸，具體包括：基于該氣泡可顯示區(qū)域的寬度、該氣泡占用柵格寬度和該第一提示信息的寬度中的最小值，確定出該第一氣泡的寬度?；谠摰谝粴馀莸膶挾群偷谝活A(yù)設(shè)邊距，確定出該第一提示信息的顯示寬度?；谠摰谝惶崾拘畔⒌膶挾群驮摰谝惶崾拘畔⒌娘@示寬度，確定出該第一提示信息的顯示高度?；谠摰谝惶崾拘畔⒌娘@示高度和第二預(yù)設(shè)邊距，確定出該第一氣泡的高度。

6、在一種可能的實現(xiàn)方式中，該基于該氣泡可顯示區(qū)域的寬度、該氣泡占用柵格寬度和該第一提示信息的寬度中的最小值，確定出該第一氣泡的寬度，具體包括：當(dāng)該氣泡占用柵格寬度為該最小值時，該第一氣泡的寬度為該氣泡占用柵格寬度。當(dāng)該氣泡可顯示區(qū)域的寬度為該最小值時，該第一氣泡的寬度為該氣泡可顯示區(qū)域的寬度。當(dāng)該第一提示信息的寬度為該最小值時，該第一氣泡的寬度基于該第一提示信息的寬度和該第一預(yù)設(shè)邊距確定。

7、在一種可能的實現(xiàn)方式中，該第一提示信息為文本信息，該第一提示信息的寬度為該文本信息中單個字符的寬度乘以字符的總數(shù)。

8、在一種可能的實現(xiàn)方式中，該基于該第一提示信息的寬度和該第一提示信息的顯示寬度，確定出該第一提示信息的顯示高度，具體包括：基于該第一提示信息的寬度和該第一提示信息的顯示寬度，確定出該第一提示信息的顯示行數(shù)?；谠摰谝惶崾拘畔⒌娘@示行數(shù)和單個字符的高度，確定出第一提示信息的顯示高度。

9、在一種可能的實現(xiàn)方式中，該基于該第一控件在該顯示屏上的位置和該第一氣泡的顯示尺寸，在該氣泡可顯示區(qū)域中確定出該第一氣泡的第一顯示形態(tài)和該第一氣泡的第一顯示區(qū)域，具體包括：當(dāng)確定該箭頭的位置已固定設(shè)置于該第一氣泡上第一邊緣的第一位置，且該箭頭以預(yù)設(shè)的第一方向指向該第一控件的中心點時，基于該第一氣泡的顯示尺寸、該第一控件位于顯示屏的位置和該第一位置，確定出該第一氣泡的第二顯示區(qū)域。當(dāng)確定出該第二顯示區(qū)域位于該氣泡可顯示區(qū)域內(nèi)時，確定該第一顯示區(qū)域為該第二顯示區(qū)域，并確定出該第一顯示形態(tài)，其中，在該第一顯示形態(tài)中該箭頭在該第一氣泡上的第一位置以該第一方向指向該第一控件的中心點。

10、在一種可能的實現(xiàn)方式中，當(dāng)確定出該第二顯示區(qū)域沒有位于該氣泡可顯示區(qū)域內(nèi)時，該方法還包括：當(dāng)該箭頭的位置已設(shè)置于該第一氣泡上的第一位置，該箭頭以該第一方向指向該第一控件上第一坐標的錨點時，基于該第一氣泡的顯示尺寸、該第一控件位于顯示屏的位置和該第一位置，確定出該第一氣泡的第三顯示區(qū)域。當(dāng)?shù)谝蛔鴺穗x第一控件的中心點的距離小于或等于最大錨點偏移距離，且該第三顯示區(qū)域位于該氣泡可顯示區(qū)域內(nèi)時，確定該第一顯示區(qū)域為該第三顯示區(qū)域，并確定出該第一顯示形態(tài)，其中，在該第一顯示形態(tài)中該箭頭在該第一氣泡上的第一位置以該第一方向指向該第一坐標的錨點。

11、在一種可能的實現(xiàn)方式中，當(dāng)確定出第一坐標離第一控件的中心點的距離等于最大錨點偏移距離，該第三顯示區(qū)域沒有位于該氣泡可顯示區(qū)域內(nèi)時，該方法還包括：基于該第一氣泡的顯示尺寸、該第一控件在第一顯示屏上的位置和該氣泡可顯示區(qū)域，在該氣泡可顯示區(qū)域中確定出該第一顯示區(qū)域?；谠摰谝伙@示區(qū)域，確定出該第一顯示形態(tài)，其中，該第一顯示形態(tài)中該箭頭在該第一位置以第二方向指向該第一控件。

12、在一種可能的實現(xiàn)方式中，當(dāng)確定該箭頭的位置沒有固定設(shè)置于該第一氣泡上的第一位置時，該方法還包括：當(dāng)該箭頭位于該第一氣泡上的第二位置，且該箭頭以預(yù)設(shè)的第一方向指向該第一控件的中心點時，基于該第一氣泡的顯示尺寸、該第一控件位于顯示屏的位置和該第二位置，確定出該第一氣泡的第四顯示區(qū)域。其中，該第二位置位于該第一邊緣的中心位置。當(dāng)確定出該第四顯示區(qū)域位于該氣泡可顯示區(qū)域內(nèi)時，確定該第一顯示區(qū)域為該第四顯示區(qū)域，并確定出該第一顯示形態(tài)，其中，在該第一顯示形態(tài)中該箭頭在該第二位置以該第一方向指向該第一控件的中心點。

13、在一種可能的實現(xiàn)方式中，當(dāng)確定出該第四顯示區(qū)域沒有位于該氣泡可顯示區(qū)域內(nèi)時，該方法還包括：基于該第一氣泡的顯示尺寸、該氣泡可顯示區(qū)域和該第一控件位于該顯示屏上的位置，在該氣泡可顯示區(qū)域中確定出第五顯示區(qū)域。以該第二位置為起點，偏移該箭頭至該第一邊緣的第三位置，當(dāng)該箭頭以該第一方向指向該第一控件的中心點，該第三位置和該第二位置之間的偏移距離小于或等于最大箭頭偏移距離時，確定該第一氣泡的第一顯示形態(tài)。其中，該第一顯示形態(tài)中該箭頭在該第三位置以該第一方向指向該第一控件的中心點。

14、在一種可能的實現(xiàn)方式中，當(dāng)該箭頭以該第一方向指向該第一控件的中心點，該第三位置和該第二位置之間的偏移距離大于最大箭頭偏移距離時，該方法還包括：基于該第一氣泡的顯示尺寸、該氣泡可顯示區(qū)域和該第一控件位于該顯示屏上的位置，在該氣泡可顯示區(qū)域中確定出第六顯示區(qū)域。偏移該箭頭至該第一邊緣的第四位置，當(dāng)該箭頭以該第一方向指向該第一控件上第二坐標的錨點，且該第四位置和該第二位置之間的距離小于或等于最大箭頭偏移距離，第二坐標和第一控件的中心點的距離小于或等于最大錨點偏移距離時，確定出該第一氣泡的第一顯示形態(tài)。其中，該第一顯示形態(tài)中該箭頭在該第四位置以該第一方向指向該第二坐標的錨點。

15、在一種可能的實現(xiàn)方式中，當(dāng)該箭頭以該第一方向指向該第一控件上第二坐標的錨點，且該第四位置和該第二位置之間的距離大于最大箭頭偏移距離，第二坐標和第一控件的中心點的距離等于最大錨點偏移距離時，該方法還包括：基于該第一氣泡的顯示尺寸、該第一控件位于顯示屏上的位置和該氣泡可顯示區(qū)域，在該氣泡可顯示區(qū)域中確定出該第一顯示區(qū)域。基于該第一顯示區(qū)域，確定出該第一顯示形態(tài)。其中，該第一顯示形態(tài)中該箭頭在第五位置上以第二方向指向該第一控件，該第五位置為該第一邊緣上離第一控件的中心點最近的位置。

16、第二方面，本技術(shù)提供了一種電子設(shè)備，包括：一個或多個處理器和一個或多個存儲器。該一個或多個存儲器與該一個或多個處理器耦合，該一個或多個存儲器用于存儲計算機程序代碼，計算機程序代碼包括計算機指令，當(dāng)該一個或多個處理器執(zhí)行該計算機指令時，使得該電子設(shè)備執(zhí)行上述第一方面中任一項可能的實現(xiàn)方式中的方法。

17、第三方面，本技術(shù)提供了一種芯片系統(tǒng)，包括處理電路和接口電路，該接口電路用于接收代碼指令并傳輸至該處理電路，該處理電路用于運行該代碼指令以使得該芯片系統(tǒng)執(zhí)行上述第一方面中任一項可能的實現(xiàn)方式中的方法。

18、第四方面，本技術(shù)提供了一種計算機可讀存儲介質(zhì)，包括計算機指令，當(dāng)該計算機指令在電子設(shè)備上運行時，使得該電子設(shè)備執(zhí)行上述第一方面中任一項可能的實現(xiàn)方式中的方法。