WO2023185388A1 - 页面显示方法、装置、设备及存储介质 - Google Patents

页面显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2023185388A1
WO2023185388A1 PCT/CN2023/079808 CN2023079808W WO2023185388A1 WO 2023185388 A1 WO2023185388 A1 WO 2023185388A1 CN 2023079808 W CN2023079808 W CN 2023079808W WO 2023185388 A1 WO2023185388 A1 WO 2023185388A1
Authority
WO
WIPO (PCT)
Prior art keywords
user
user identification
preset
area
current
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2023/079808
Other languages
English (en)
French (fr)
Inventor
汤鑫晨
喻秦
赵育萱
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to EP23777766.9A priority Critical patent/EP4485232A4/en
Priority to US18/852,318 priority patent/US20250208752A1/en
Priority to JP2024556707A priority patent/JP2025510845A/ja
Publication of WO2023185388A1 publication Critical patent/WO2023185388A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

Definitions

  • the embodiments of the present disclosure relate to the field of computer technology, such as page display methods, devices, equipment and storage media.
  • users mainly communicate through conversation pages. For example, users need to find a message list page or a contact list page in an application, find the contact they want to interact with through messages from the list page, and then enter the contact's Conversation page.
  • message content in the form of text or voice is entered and sent to the other party. The operation process is complicated and the interaction efficiency is low.
  • Embodiments of the present disclosure provide page display methods, devices, storage media, and equipment, which can optimize page display solutions in related technologies and improve message interaction efficiency.
  • an embodiment of the present disclosure provides a page display method, including:
  • a preset interactive panel is displayed in the second area of the preset page, and at least one preset is displayed in the preset interactive panel.
  • Interactive control wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to send a message to the first user corresponding to the first user identification.
  • an embodiment of the present disclosure provides a page display device, including:
  • a user identification display module configured to display at least one user identification in the preset user identification set in the first area of the preset page
  • the interactive panel display module is configured to display a preset interactive panel in the second area of the preset page in response to a first trigger operation for the first user identification displayed in the first area.
  • At least one preset interactive control is displayed in the panel, wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to the first user.
  • embodiments of the present disclosure provide an electronic device, including a memory, a processor, and a computer program stored on the memory and executable on the processor.
  • the processor executes the computer program Implement the page display method as provided by the embodiment of the present disclosure.
  • embodiments of the present disclosure provide a computer-readable storage medium.
  • a computer program is stored on the computer-readable storage medium.
  • the page display provided by the embodiment of the disclosure is implemented. method.
  • Figure 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic diagram of interface interaction of a page display method provided by an embodiment of the present disclosure
  • Figure 3 is a schematic diagram of a preset page provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic diagram of another default page provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic diagram of another preset page provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic flowchart of another page display method provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic diagram of interface interaction of another page display method provided by an embodiment of the present disclosure.
  • Figure 8 is a schematic diagram of interface interaction of yet another page display method provided by an embodiment of the present disclosure.
  • Figure 9 is a structural block diagram of a page display device provided by an embodiment of the present disclosure.
  • Figure 10 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • FIG. 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure.
  • the method can be executed by a page display device, where the device can be implemented by software and/or hardware, and can generally be integrated in an electronic device.
  • the electronic device may be a mobile device such as a mobile phone, a smart watch, a tablet computer, or a personal digital assistant; it may also be a desktop computer or other other device.
  • the method includes:
  • Step 101 Display at least one user identification in the preset user identification set in the first area of the preset page.
  • the default page may be a page in a default application
  • the type of the default application may be, for example, a social networking application, an instant messaging application, a video application, or a live broadcast application, etc.
  • Other types of applications are also possible.
  • the preset user identification set includes multiple user identifications, and the content of the user identification may include, for example, a user name or a user avatar.
  • the user corresponding to the user ID included in the preset user ID set is currently online; for another example, the user corresponding to the user ID included in the preset user ID set has a preset association relationship with the current user (such as following each other or interacting with each other). as friends, etc.); for another example, the user corresponding to the user ID included in the preset user ID set has message interactions with the current user in the most recent preset period.
  • all or part of the user identifications in the preset user identification set can be displayed in the first area of the default page. If part of the user identifications is currently displayed, it can be performed under the action of a preset operation (such as a sliding operation, etc.) switch.
  • a preset operation such as a sliding operation, etc.
  • the shape, size and position of the first area in the default page can be set according to actual needs.
  • FIG 2 is a schematic diagram of interface interaction of a page display method provided by an embodiment of the present disclosure. As shown in Figure 2, a first area 202 is provided at the top of the default page 201, and three avatars are displayed in the first area 202. User ID 203 exists.
  • Step 102 In response to the first trigger operation for the first user identification displayed in the first area, display a preset interactive panel in the second area of the preset page, and display at least one preset interactive control in the preset interactive panel, wherein, the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to send a message to the first user corresponding to the first user identification.
  • the type of the first trigger operation may be click or long press.
  • the first user identification may be any user identification currently displayed in the first area. It is determined according to the first trigger operation input by the current user. The user corresponding to the first user identification is recorded as the first user. As shown in Figure 2, when the user clicks on the user identification in the middle, the user identification is regarded as the first user identification at this time.
  • a preset interaction panel is displayed in the second area of the preset page.
  • the shape, size and position of the second area in the default page can be set according to actual needs. There is no overlapping area between the optional second area and the first area, which can prevent the preset interactive panel from blocking the currently displayed user logo.
  • Display at least one preset interactive control in the preset interactive panel If at least two preset interactive controls are displayed, different preset interactive controls can correspond to different messages. That is, triggering different preset interactive controls can achieve different messages. of sending. As shown in FIG. 2 , six preset interactive controls 205 are displayed in the preset interaction panel 204 .
  • a preset interactive control when a preset interactive control is displayed in the preset interactive panel, the current user can trigger the preset interactive control to send a message to the first user; when at least two preset interactive controls are displayed in the preset interactive panel , the current user can choose to trigger one of the preset interactive controls according to personal needs, thereby sending a message corresponding to the selected preset interactive control to the first user.
  • the type of preset interactive control can be set according to actual needs. For example, if the current user selects a preset interactive control for good morning greetings, a message related to good morning may be sent to the first user.
  • the message content may be, for example, "good morning" or a sun icon.
  • the page display solution provided in the embodiment of the present disclosure displays at least one user identification in the preset user identification set in the first area of the preset page, in response to the first triggering operation for the first user identification displayed in the first area. , display a preset interactive panel in the second area of the preset page, and display at least one preset interactive control in the preset interactive panel.
  • the preset interactive control is used for the current user to trigger to identify the corresponding first user to the first user. User sends message.
  • the display of the preset interactive panel in the preset page is automatically triggered, and the preset interactive control is displayed on the preset interaction panel, so that the current user You can easily send messages to interactive objects by triggering preset interactive controls, which can effectively improve the efficiency of message interaction.
  • the first area in the preset page keeps displaying the first user identification. This setting allows the current user to clarify the current message sending object during the process of sending messages based on the preset interactive panel. As shown in FIG. 2 , when the preset interactive panel 204 is displayed, the middle user logo as the current first user logo is still displayed.
  • the method further includes: in response to the first triggering operation for the first user identification, modifying the second area in the preset page and the area other than the first user identification. to adjust the display mode.
  • the adjustment method of the display mode may include at least one of adjustment methods such as color adjustment, transparency adjustment, and adding a border.
  • the area that needs to be adjusted in the display mode can be recorded as the target area, and the target area is first determined. For example, in the default page, the display area where the first user identification is located is excluded, the second area is excluded, and the remaining area as the target area.
  • adjust the display mode of the target area such as deepening the display color of the target area, increasing the transparency of the target area, and adding a border to the boundary of the target area, etc.
  • the method further includes: determining the preset interactive control displayed in the preset interaction panel based on preset information. This setting allows for more flexibility in determining the default interactive controls currently displayed in the default interaction panel.
  • the preset information includes at least one item: current application scenario, time information, attribute information of the first user, attribute information of the current user, and the current user and the first user.
  • This setting can provide the current user with appropriate preset interactive controls more flexibly and intelligently, which is beneficial to improving the interactive effect.
  • the current application scenario can be determined based on at least one of the type of the preset page and the page content in the preset page;
  • the time information can include, for example, the date of the day, whether the day is a holiday, or where the current moment is in the day. Time period, etc.
  • the attribute information of the first user may include, for example, the information set as public by the first user;
  • the attribute information of the current user may include, for example, the information set by the current user as public;
  • the association relationship between the current user and the first user may, for example Including following each other, being friends with each other, the frequency of interaction within the recent preset period, etc.
  • the preset interactive controls include expression controls, and the expression controls are used for the current user to trigger to send a corresponding message to the first user.
  • This setting can facilitate the current user to quickly interact with the first user through the expression control. For example, if the current user selects the smiley emoticon control, the smiley emoticon message can be sent to the first user.
  • the preset interactive control includes a message input sub-panel, which is used for the current user to input the content of the message sent to the first user. It is understandable that the current user can input the message content of the message to be sent through the message input sub-panel to enrich the interaction method.
  • the preset interactive control may also include a message input sub-panel, such as a keyboard, or a message input trigger area, such as a message input box, or other forms of interactive controls.
  • a message input sub-panel such as a keyboard
  • a message input trigger area such as a message input box
  • At least two types of preset interactive controls can be displayed in the preset interaction panel.
  • Figure 3 is a schematic diagram of a preset page provided by an embodiment of the present disclosure. As shown in Figure 3, three expression controls 302 and a message input sub-panel 303 are displayed in the preset interaction panel 301. The current user can customize the page according to personal needs. Choose the right messaging method.
  • the preset interactive control includes a message input trigger area for the current user to trigger to display a message input sub-panel, and the message input sub-panel is used for the current user to input a direction.
  • the content of the message sent by the first user It can be understood that displaying the message input sub-panel after the user triggers the message input trigger area can improve the utilization of the second area. When the display area of the second area is limited, more information can be displayed in the preset interactive panel. Default interactive controls.
  • FIG 4 is a schematic diagram of another preset page provided by an embodiment of the present disclosure.
  • a message input trigger area 402 and six other types of preset interactive controls 403 are displayed in the preset interaction panel 401.
  • the six other types of preset interactive controls 403 can be emoticon controls. If the current user wants to send a message by triggering the emoticon control, the appropriate emoticon control can be selected for triggering; if the current user wants to By inputting the message content, the message input trigger area 402 can be triggered, and then the message content can be input through the message input sub-panel displayed subsequently.
  • the method may further include: in response to a first triggering operation for the first user identity, The display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is different from the current display mode of the second user identification, wherein the third user identification The two user identities are included in the at least two user identities.
  • the second user identification may include user identifications other than the first user identification in the set of preset user identifications currently being displayed, and may also include user identifications other than the first user identification in the set of preset user identifications currently not being displayed.
  • Identity for example, when the current user inputs a sliding operation in the first area so that a user identification in a new set of preset user identifications is added and displayed in the first area, the new user identification may also be regarded as a second user identification.
  • the adjustment of the display mode may include display size, display shape, display position, display frame, display color, display content, transparency, etc., and may also include display adjustment of information associated with the user identification.
  • the method further includes: in response to a first trigger operation for the first user identification, displaying a translucent layer in a third area outside the second area in the preset page, wherein , the third area includes the first area. wherein the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is different from the current display mode of the second user identification,
  • the method includes: displaying the first user identification on an upper layer of the translucent layer, and displaying the second user identification on a lower layer of the translucent layer. It can be understood that a semi-transparent layer can be used to block the second user identification to a certain extent.
  • the third area includes the first area, and the size of the third area can be set according to actual needs.
  • the union of the second area and the third area is the total display area of the preset page.
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the second user identification.
  • the current display mode is different, including: adjusting the display size of at least one of the first user identification and the second user identification so that the current display size of the first user identification is larger than the second user identification. the current display size. It can be understood that the first user identification and the second user identification can be quickly distinguished by the size of the display size.
  • the first area in the preset page displays at least two user logos of the first size in the preset user logo set, that is, the initial display size of the first user logo and the second user logo is the first
  • the display size of the first user logo can be adjusted to the second size (the second size is larger than the first size)
  • the display size of the second user logo can be adjusted to the third size (the third size). size smaller than the first size).
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the second user identification.
  • the current display mode is different, including: adjusting the shape and/or color of at least one of the first user identification and the second user identification so that the current shape and/or current color of the first user identification is different from the current shape and/or current color of the second user identification. It can be understood that the first user identification and the second user identification can be quickly distinguished through differences in display shapes and/or colors.
  • the shape of the first user logo can be adjusted to a second shape (such as a square), and the first color of the second user logo can be adjusted to a second color (such as a gray border), etc.
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the second user identification.
  • the current display mode is different, including: when neither the first user identification nor the second user identification displays the first associated information before the first triggering operation, additionally displaying the third user identification for the first user identification an association information; and/or, in the case where both the first user identity and the second user identity have displayed the second association information before the first triggering operation, cancel the second association information of the second user identity. Display of related information. It can be understood that the first user identification and the second user identification can be quickly distinguished by whether the associated information is displayed or not.
  • the first associated information and the second associated information may be the same or different, and the display positions of the first associated information and the second associated information may be set according to actual requirements. For example, assuming that the user identification is the user's avatar, the first association information and the second association information may include the user's nickname or the last message sent by the user to the current user, etc.
  • the corresponding user nickname can be displayed below the first user logo, but the corresponding user nickname cannot be displayed below the second user logo; if the default user logo set is displayed in the first area of the default page before the first triggering operation When there are at least two user avatars in, the corresponding user nickname is displayed below each user avatar.
  • the display mode is adjusted, the user nickname displayed below the second user logo can be hidden, and the user nickname displayed below the first user logo can be hidden. constant.
  • FIG. 5 is a schematic diagram of another preset page provided by an embodiment of the present disclosure.
  • a translucent layer 501 is displayed in the third area. It is assumed that the user identification in the middle is selected as the first user identification 502 by the current user. ,Left The user logos on the right sides become the second user logos.
  • the first user logo 502 is located on the upper layer of the translucent layer 501.
  • the second user logo is located on the lower layer of the translucent layer 501. The visibility of the first user logo 502 is higher than that of the second user logo.
  • the display size of the first user logo 502 becomes larger than the display size of the second user logo.
  • the first user's nickname "A" is displayed below the first user logo 502 .
  • the current user can quickly distinguish the first user identity from the second user identity through the above changes.
  • the method further includes: in response to a first trigger operation for the first user identification, adjusting at least one of the following: a display mode of the first area, a user identification currently displayed in the first area quantity. Such setting can make the display of the first area and/or the user identification more flexible.
  • the display position of the first area can be adjusted so that the distance between the center position of the first area and the center position of the second area is reduced; the number of currently displayed user logos can be increased; the number of the first area can be increased. Display size, you can also increase the number of currently displayed user logos, etc.
  • the method further includes: keeping the third user identification in a triggerable state, wherein the third user identification includes the User identities other than the first user identity in the preset user identity set are preset. It is understandable that when the default interaction panel is displayed, the current user can still choose to trigger other user identifications without closing the default interaction panel and re-selecting the interaction object, thereby improving interaction efficiency. Among them, if a third user identification is not currently displayed, the user identification displayed in the first area can be updated through a sliding operation when the default interactive panel is in a display state, so that the third user identification can be displayed. , which can then be triggered by the current user.
  • the method further includes: in response to a second trigger operation for the third user identification, based on the third user identification Indicates updating the preset interactive control displayed in the preset interaction panel. It is understandable that when the interactive object changes, the preset interactive controls for the new interactive object are dynamically updated, making the message interaction more targeted and improving the interactive effect.
  • the method further includes: in response to a third triggering operation for the first preset interaction control in the preset interaction panel, sending the preset interaction panel to the preset interaction panel.
  • the first user corresponding to the first user identification sends a first message, wherein the first message is associated with the graphic and text information of the first preset interactive control.
  • This setting can help users easily learn the content of the upcoming message based on the graphic information of the interactive control.
  • the graphic information of the first preset interactive control is a sun pattern
  • the first message may be a picture message containing a sun pattern or a text message containing "Good morning", etc.
  • the method further includes: in response to a third trigger operation for the first preset interactive control in the preset interaction panel, pointing the playback movement direction in the preset page to the first user Identified animation special effects, wherein the animation special effects are associated with the graphic and text information of the first preset interactive control.
  • This setting can make the content displayed on the page more vivid and rich, and improve the interactive experience.
  • the graphic information of the first preset interactive control is a sun pattern
  • an animation special effect can be played in which the sun pattern dynamically moves from the location of the first preset interactive control to the location of the first user logo.
  • dynamic effects such as radiating sunlight can also be played.
  • the method further includes: receiving a second message, wherein the second message is sent by the second user based on the second preset interactive control; displaying the second message and the third preset in the conversation page Assume interactive controls, wherein the third preset interactive control is associated with the second preset interactive control, and session members in the session page include the current user and the second user. It is understandable that when receiving messages sent by other users by triggering the preset interactive controls, you can easily use the associated preset interactive controls to respond, which not only improves interaction efficiency, but also enhances the interactive experience.
  • a message reception notification can be displayed. After the current user triggers the message reception notification, the current user can enter the conversation page with the second user.
  • Figure 6 is a schematic flowchart of another page display method provided by an embodiment of the present disclosure.
  • the embodiment of the present disclosure is modified based on each optional solution in the above embodiment.
  • the method includes the following steps:
  • Step 601 Display at least two user identifications in the preset user identification set in the first area of the preset page.
  • FIG 7 is a schematic diagram of interface interaction of a page display method provided by an embodiment of the present disclosure.
  • a first area 702 is provided at the top of the default page 701, and three avatars are displayed in the first area 702.
  • User identification 703 exists, and the user nickname as the second associated information is displayed below each user identification.
  • the display content outside the first area 702 in the default page 701 may be, for example, media content or a message list.
  • Step 602 In response to the first triggering operation for the first user identification displayed in the first area, display a preset interactive panel in the second area of the preset page, and display at least two preset interactive controls in the preset interactive panel. , display a translucent layer in a third area outside the second area on the default page, and adjust the display mode of at least one of the first user identification and the second user identification so that the current The display mode is different from the current display mode of the second user identification.
  • the first user identification is included in at least two user identifications, and the second user identification includes user identifications other than the first user identification in the preset user identification set.
  • the expression controls displayed in the preset interactive panel can be determined based on the current application scenario, time information, attribute information of the first user, attribute information of the current user, and the association between the current user and the first user.
  • the preset interactive control is used for the current user to trigger to send a message to the first user corresponding to the first user identification.
  • the default interaction panel 704 is displayed in the second area of the default page, and the default interaction
  • the panel 704 displays three expression controls 705 related to the first user, namely the sun control, the poke control and the "Hi" control.
  • the default interaction panel 704 also displays a message input trigger area 706.
  • the third area outside the second area displays a translucent layer 707.
  • the user logo of A is displayed on the upper layer of the translucent layer 707.
  • the user logos of B and C are displayed on the lower layer of the translucent layer 707. Increase the size of A.
  • the display position of the first area can also be adjusted so that the distance between the center position of the first area and the center position of the second area is reduced.
  • more user identifications can be displayed in the first area.
  • Step 603 In response to the second triggering operation for the third user identification, update the default interactive control displayed in the default interaction panel based on the third user identification.
  • the third user identification includes user identifications other than the first user identification in the preset user identification set.
  • the third user identification is kept in a triggerable state, and the current user can trigger the user identification corresponding to C by clicking.
  • the user identification displayed in the preset interaction panel is The expression controls will also be updated for C, such as replacing the sun control with a heart-shaped control, and adjusting the positions of the poke control and "Hi" control forward.
  • Step 604 In response to the fourth triggering operation for the fourth preset interactive control in the preset interaction panel, play the animation special effect with the moving direction pointing to the third user identification on the preset page, and send the animation special effect to the third user identification corresponding to the third user identification.
  • Three users send a third message, in which the animation special effects and the third message are associated with the graphic and text information of the fourth preset interactive control.
  • the animation special effects pointing to the user logo of C are played in the default page, and "Hi" is displayed from the default interactive panel.
  • the dynamic movement of the user logo towards C can make the current user feel the effect of saying hello to C and improve the interactive experience.
  • C who is currently online can receive greeting messages from the current user, such as message notifications, so that the current user and C can realize convenient message interaction on non-session pages, experience novel message interaction methods, and improve the interaction experience. .
  • Step 605 Receive the second message and display the message notification, where the second message is sent by the second user based on the second preset interactive control.
  • Figure 8 is a schematic diagram of interface interaction of another page display method provided by an embodiment of the present disclosure. It is assumed that the current user receives a message sent by B through the poke control (second preset interactive control) while watching the video stream. Then notification message 801 may be displayed.
  • poke control second preset interactive control
  • Step 606 In response to the message notification being triggered, enter the conversation page, display the second message and the third preset interactive control on the conversation page, where the third preset interactive control is associated with the second preset interactive control, and the conversation page Session members in include the current user and the second user.
  • the page display method provided by the embodiment of the present disclosure displays the user identifications of at least two online users in the preset page.
  • a preset interactive panel including at least two preset interactive controls and a translucent panel are displayed. layer, adjust the display mode of selected user logos and unselected user logos, and reselect other user logos while maintaining the display state of the preset interactive panel.
  • the default interactive controls displayed in the interaction panel are also updated accordingly.
  • a message corresponding to the currently selected default interactive control is sent to the user corresponding to the currently selected user ID, and the movement direction is played.
  • the animation special effects pointing to the user's logo after receiving messages sent by other users by triggering the preset interaction controls, can quickly enter the conversation page and display the associated preset interaction controls in the conversation page, making the message interaction between users more convenient. It is light and fast, improves interaction efficiency and enhances interaction experience.
  • Figure 9 is a structural block diagram of a page display device provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, generally can be integrated in electronic equipment, and can perform page display by executing a page display method. As shown in Figure 9, the device includes:
  • the user identification display module 901 is configured to display at least one user identification in the preset user identification set in the first area of the preset page;
  • the interactive panel display module 902 is configured to display a preset interactive panel in the second area of the preset page in response to the first trigger operation for the first user identification displayed in the first area. At least one preset interactive control is displayed in the interactive panel, wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to identify the corresponding first user to the first user identification. The first user sends a message.
  • the page display device displays at least one user identification in the preset user identification set in the first area of the preset page, in response to the first triggering operation for the first user identification displayed in the first area. , display a preset interactive panel in the second area of the preset page, and display at least one preset interactive control in the preset interactive panel.
  • the preset interactive control is used for the current user to trigger to identify the corresponding first user to the first user. User sends message.
  • the display of the preset interactive panel in the preset page is automatically triggered, and the preset interactive control is displayed on the preset interaction panel, so that the current user Corresponding messages can be easily sent to interactive objects by triggering preset interactive controls, which can effectively improve the efficiency of message interaction.
  • the device further includes: a user identification display module configured to keep displaying the preset interaction panel in the first area of the preset page when the second area in the preset page displays the preset interactive panel.
  • the first user ID configured to keep displaying the preset interaction panel in the first area of the preset page when the second area in the preset page displays the preset interactive panel. The first user ID.
  • the device further includes: a first adjustment module configured to adjust the second area in the preset page and the first user in response to the first trigger operation for the first user identification. Adjust the display mode of the area outside the logo.
  • the device further includes: a control determination module configured to determine the preset interactive control displayed in the preset interaction panel based on preset information.
  • the preset information includes at least one of the following: current application scenario, time information, attribute information of the first user, attribute information of the current user, and the current user and the first user. relationship.
  • the preset interactive controls include expression controls, which are used for the current user to trigger to send a corresponding message to the first user.
  • the preset interactive control includes a message input sub-panel, which is used for the current user to input the content of the message sent to the first user.
  • the preset interactive control includes a message input trigger area for the current user to trigger to display a message input sub-panel, and the message input sub-panel is used for the current user to input to the The content of the message sent by the first user.
  • the device also includes: a second adjustment module configured to adjust the display mode of at least one of the first user identification and the second user identification in response to the first triggering operation for the first user identification, so that The current display mode of the first user identification is different from the current display mode of the second user identification, wherein the second user identification is included in the at least two user identifications.
  • a second adjustment module configured to adjust the display mode of at least one of the first user identification and the second user identification in response to the first triggering operation for the first user identification, so that The current display mode of the first user identification is different from the current display mode of the second user identification, wherein the second user identification is included in the at least two user identifications.
  • the device also includes:
  • a layer display module configured to display a translucent layer in a third area outside the second area on the preset page in response to a first trigger operation for the first user identification, wherein the third The area includes the first area;
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is different from the current display mode of the second user identification, include:
  • the first user identification is displayed on the upper layer of the translucent layer
  • the second user identification is displayed on the lower layer of the translucent layer.
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the current display mode of the second user identification.
  • Display methods vary, including:
  • the shape and/or color of at least one of the first user identification and the second user identification is adjusted so that the current shape and/or current color of the first user identification is consistent with that of the second user identification.
  • the current shape and/or current color are different.
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the current display mode of the second user identification.
  • the display methods are different, including: when neither the first user identification nor the second user identification displays the first associated information before the first triggering operation, additionally displaying the first associated information for the first user identification. first association information; and/or, in the case where both the first user identity and the second user identity have displayed the second association information before the first triggering operation, cancel the second association information of the second user identity. 2. Display of related information.
  • the device also includes:
  • the second adjustment module is configured to adjust at least one of the following in response to the first triggering operation for the first user identification: the display mode of the first area, and the number of user identifications currently displayed in the first area.
  • the device may also include:
  • the holding module is configured to keep the third user identification in a triggerable state after the preset interactive panel is displayed in the second area of the preset page, wherein the third user identification is included in the preset user identification set.
  • the device may also include:
  • the update module is configured to, after displaying the preset interactive panel in the second area of the preset page, in response to the second trigger operation for the third user identification, update the preset based on the third user identification.
  • the default interactive controls displayed in the interactive panel are updated.
  • the device may also include:
  • a message sending module configured to, after displaying the preset interactive panel in the preset page, identify the first user to the first user in response to a third triggering operation for the first preset interactive control in the preset interactive panel.
  • the corresponding first user sends a first message, where the first message is associated with the graphic and text information of the first preset interactive control.
  • the device may also include:
  • the playback module is configured to respond to the third triggering operation for the first preset interactive control in the preset interaction panel, and play the animation special effects whose movement direction points to the first user logo in the preset page, wherein , the animation special effects are associated with the graphic and text information of the first preset interactive control.
  • the device may also include:
  • a message receiving module configured to receive a second message, wherein the second message is sent by the second user based on the second preset interactive control
  • a control display module configured to display the second message and a third preset interactive control in a conversation page, where the third preset interactive control is associated with the second preset interactive control, and the conversation page Session members in include the current user and the second user.
  • the user corresponding to the user ID included in the preset user ID set is currently online.
  • Electronic devices in embodiments of the present disclosure may include mobile phones, notebook computers, Mobile terminals such as digital broadcast receivers, personal digital assistants (PDAs), tablets (Portable Android Devices, PADs), portable multimedia players (PMP), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc. As well as fixed terminals such as digital televisions (also known as digital TVs), desktop computers, etc.
  • PDAs personal digital assistants
  • PADs tablets
  • PMP portable multimedia players
  • vehicle-mounted terminals such as vehicle-mounted navigation terminals
  • fixed terminals such as digital televisions (also known as digital TVs), desktop computers, etc.
  • the electronic device shown in FIG. 10 is only an example.
  • the electronic device 1000 may include a processing device (such as a central processing unit, a graphics processor, etc.) 1001.
  • the processing device 1001 may process data according to a program stored in a read-only memory (Read Only Memory, ROM) 1002 or from a storage device.
  • the device 1008 loads the program in the random access memory (Random Access Memory, RAM) 1003 to perform various appropriate actions and processes.
  • RAM Random Access Memory
  • various programs and data required for the operation of the electronic device 1000 are also stored.
  • the processing device 1001, ROM 1002 and RAM 1003 are connected to each other via a bus 1004.
  • An input/output (I/O) interface 1005 is also connected to bus 1004.
  • the following devices can be connected to the I/O interface 1005: input devices 1006 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 1007 such as a speaker, a vibrator, etc.; a storage device 1008 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1009.
  • the communication device 1009 may allow the electronic device 1000 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 10 illustrates electronic device 1000 with various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via the communication device 1009, or from the storage device 1008, or from the ROM 1002.
  • the processing device 1001 When the computer program is executed by the processing device 1001, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or a combination of the above two.
  • the computer-readable storage medium may be, for example, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or a combination thereof.
  • Examples of computer readable storage media may include: an electrical connection having at least one conductor, a portable computer disk, a hard drive, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (e.g., electronically removable memory).
  • a computer-readable storage medium may be a tangible medium that contains or stores a program that may be used by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take a variety of forms, including electromagnetic signals, optical signals, or a suitable combination of the above.
  • Computer readable signal introduction The material may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
  • Program codes contained on computer-readable media can be transmitted using any appropriate medium, including: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or appropriate combinations of the above.
  • the client and server can communicate using currently known or future developed network protocols such as HyperText Transfer Protocol (HTTP), and can communicate with digital data in any form or medium (e.g., communications network) interconnection.
  • HTTP HyperText Transfer Protocol
  • Examples of communication networks include local area networks (LAN), wide area networks (WAN), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as currently known or networks for future research and development.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries at least one program.
  • the electronic device causes the electronic device to: display at least one user identification in the preset user identification set in the first area of the preset page;
  • a preset interactive panel is displayed in the second area of the preset page, and at least one preset is displayed in the preset interactive panel.
  • Interactive control wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to send a message to the first user corresponding to the first user identification.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedures, or a combination thereof. programming language such as "C" or a similar programming language.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through the Internet using an Internet service provider) .
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
  • each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains at least one operable function for implementing the specified logical function.
  • Execute instructions may also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block in the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be represented by Implemented by a dedicated hardware-based system that performs specified functions or operations, or may be implemented using a combination of dedicated hardware and computer instructions.
  • the modules involved in the embodiments of the present disclosure can be implemented in software or hardware.
  • the name of the module does not constitute a limitation on the module itself under certain circumstances.
  • the user identification display module can also be described as "displaying at least one of the preset user identification sets in the first area of the preset page.” A user-identified module”.
  • exemplary types of hardware logic components include: Field-Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Parts (ASSP) ), System on Chip (SOC), Complex Programmable Logic Device (CPLD), etc.
  • FPGA Field-Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Parts
  • SOC System on Chip
  • CPLD Complex Programmable Logic Device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or devices, or suitable combinations of the foregoing. Examples of machine-readable storage media may include an electrical connection based on at least one wire, a portable computer disk, a hard disk, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory). flash memory), fiber optics, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or a suitable combination of the above.
  • a page display method including:
  • a preset interactive panel is displayed in the second area of the preset page, and at least one preset is displayed in the preset interactive panel.
  • Interactive control wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to send a message to the first user corresponding to the first user identification.
  • the first area in the preset page keeps displaying the first user identification.
  • the method further includes:
  • the display mode of the second area and the area other than the first user identification in the preset page is adjusted.
  • the method further includes:
  • the preset interactive controls displayed in the preset interaction panel are determined based on preset information.
  • the preset information includes at least one of the following:
  • the current application scenario time information, attribute information of the first user, attribute information of the current user, and the association relationship between the current user and the first user.
  • the preset interactive control includes an expression control, and the expression control is used for the current user to trigger to send a corresponding message to the first user.
  • the preset interactive control includes a message input sub-panel, which is used for the current user to input the content of the message sent to the first user.
  • the preset interactive control includes a message input trigger area for the current user to trigger to display the message input sub-panel, and the message input sub-panel is used for For the current user to input the content of the message sent to the first user.
  • the method further includes:
  • adjusting a display mode of at least one of the first user identification and the second user identification so that the current display mode of the first user identification
  • the display mode is different from the current display mode of the second user identification, wherein the second user identification is included in the at least two user identifications.
  • the method further includes:
  • a translucent layer is displayed in a third area outside the second area in the preset page, wherein the third area contains the Describe the first area;
  • adjusting the display mode of at least one of the first user identification and the second user identification so that the current display mode of the first user identification is different from the current display mode of the second user identification includes:
  • the first user identification is displayed on the upper layer of the translucent layer
  • the second user identification is displayed on the lower layer of the translucent layer.
  • the display mode of at least one of the first user identification and the second user identification is adjusted so that the current display mode of the first user identification is consistent with the display mode of the first user identification.
  • the current display methods of the above-mentioned second user identification are different, including:
  • the shape and/or color of at least one of the first user identification and the second user identification is adjusted so that the current shape and/or current color of the first user identification is consistent with that of the second user identification.
  • the current shape and/or current color are different.
  • the first user identification and the second user identification are Adjust the display mode of at least one of the user IDs so that the current display mode of the first user ID is different from the current display mode of the second user ID, including:
  • the method further includes:
  • At least one of the following is adjusted: a display mode of the first area, and a number of user identifications currently displayed in the first area.
  • the method further includes:
  • the third user identification includes user identifications in the preset user identification set except the first user identification.
  • the method further includes:
  • the preset interaction controls displayed in the preset interaction panel are updated based on the third user identification.
  • the method further includes:
  • a first message is sent to the first user corresponding to the first user identification, wherein the first message is the same as the first user identification.
  • the graphic and text information of the first preset interactive control is associated.
  • the method further includes:
  • an animation special effect with a movement direction pointing to the first user identification is played on the preset page, wherein the animation special effects Associated with the graphic and text information of the first preset interactive control.
  • the method further includes:
  • the second message and the third preset interactive control are displayed in the conversation page, wherein the third preset interaction control is associated with the second preset interaction control, and the conversation members in the conversation page include the current user and the second user.
  • the user identification included in the preset user identification set The corresponding user is currently online.
  • a page display device including:
  • a user identification display module configured to display at least one user identification in the preset user identification set in the first area of the preset page
  • the interactive panel display module is configured to display a preset interactive panel in the second area of the preset page in response to a first trigger operation for the first user identification displayed in the first area.
  • At least one preset interactive control is displayed in the panel, wherein the first user identification is included in the at least one user identification, and the preset interactive control is used for the current user to trigger to identify the corresponding third user to the first user identification.
  • a user sends a message.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本公开实施例公开了页面显示方法、装置、设备及存储介质。该方法包括：在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识，响应于针对第一区域显示的第一用户标识的第一触发操作，在预设页面中的第二区域显示预设互动面板，在预设互动面板中展示至少一个预设互动控件，预设互动控件用于供当前用户触发以向第一用户标识对应的第一用户发送消息。

Description

页面显示方法、装置、设备及存储介质
本公开要求在2022年3月28日提交中国专利局、申请号为202210316093.3的中国专利申请的优先权，以上申请的全部内容通过引用结合在本公开中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及页面显示方法、装置、设备及存储介质。
背景技术
随着互联网技术和终端技术的快速发展，应用程序提供的功能越来越丰富，用户之间可以通过应用程序实现互动。
相关技术中，用户主要通过会话页面进行交流，例如用户需要在应用程序中找到消息列表页面或联系人列表页面，从列表页面中找到想要进行消息互动的联系人，然后再进入该联系人的会话页面，在会话页面中输入文字或语音等形式的消息内容，并发送给对方，操作过程复杂，互动效率低下。
发明内容
本公开实施例提供了页面显示方法、装置、存储介质及设备，可以优化相关技术中的页面显示方案，提高消息互动效率。
第一方面，本公开实施例提供了一种页面显示方法，包括：
在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
第二方面，本公开实施例提供了一种页面显示装置，包括：
用户标识显示模块，设置为在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
互动面板显示模块，设置为响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用 户标识对应的第一用户发送消息。
第三方面，本公开实施例提供了一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如本公开实施例提供的页面显示方法。
第四方面，本公开实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如本公开实施例提供的页面显示方法。
附图说明
图1为本公开实施例提供的一种页面显示方法的流程示意图；
图2为本公开实施例提供的一种页面显示方法的界面互动示意图；
图3为本公开实施例提供的一种预设页面的示意图；
图4为本公开实施例提供的另一种预设页面的示意图；
图5为本公开实施例提供的又一种预设页面的示意图；
图6为本公开实施例提供的另一种页面显示方法的流程示意图；
图7为本公开实施例提供的另一种页面显示方法的界面互动示意图；
图8为本公开实施例提供的又一种页面显示方法的界面互动示意图；
图9为本公开实施例提供的一种页面显示装置的结构框图；
图10为本公开实施例提供的一种电子设备的结构框图。
具体实施方式
下面将参照附图描述本公开的实施例。虽然附图中显示了本公开的一些实施例，然而应当理解的是，本公开可以通过各种形式来实现，。应当理解的是，本公开的附图及实施例仅用于示例性作用。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能 的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所互动的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
图1为本公开实施例提供的一种页面显示方法的流程示意图，该方法可以由页面显示装置执行，其中该装置可由软件和/或硬件实现，一般可集成在电子设备中。所述电子设备可以为手机、智能手表、平板电脑以及个人数字助理等移动设备；也可为台式计算机等其他设备。如图1所示，该方法包括：
步骤101、在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识。
本公开实施例中，预设页面可以是预设应用程序中的页面，预设应用程序的类型例如可以是社交类应用程序、即时通讯类应用程序、视频类应用程序或直播类应用程序等，还可以是其他类型的应用程序。
示例性的，预设用户标识集合中包含多个用户标识，用户标识的内容例如可以包括用户名称或用户头像等。例如，预设用户标识集合中包含的用户标识对应的用户当前处于在线状态；又如，预设用户标识集合中包含的用户标识对应的用户与当前用户存在预设关联关系(如互相关注或互为好友等)；再如，预设用户标识集合中包含的用户标识对应的用户在最近的预设时段内与当前用户存在消息互动。
示例性的，可以在预设页面中的第一区域显示预设用户标识集合中的全部或部分用户标识，若当前显示部分用户标识，可以在预设操作(如滑动操作等)的作用下进行切换。第一区域的形状、尺寸以及在预设页面中的位置等可根据实际需求设置。
图2为本公开实施例提供的一种页面显示方法的界面互动示意图，如图2所示，预设页面201的顶部设置有第一区域202，在第一区域202中显示3个以头像形式存在的用户标识203。
步骤102、响应于针对第一区域显示的第一用户标识的第一触发操作，在预设页面中的第二区域显示预设互动面板，在预设互动面板中展示至少一个预设互动控件，其中，第一用户标识包含于所述至少一个用户标识，预设互动控件用于供当前用户触发以向第一用户标识对应的第一用户发送消息。
示例性的，第一触发操作的类型例如可以是点击或长按等。第一用户标识可以是第一区域中当前显示的任意一个用户标识，根据当前用户输入的第一触发操作确定，第一用户标识对应的用户记为第一用户。如图2所示，用户点击中间的用户标识，则此时将该用户标识记视为第一用户标识。
示例性的，在接收到针对第一用户标识的第一触发操作后，可认为当前用户存在与第一用户进行消息互动的需求，在预设页面的第二区域显示预设互动面板。第二区域的形状、尺寸以及在预设页面中的位置等可根据实际需求设置。可选的第二区域和第一区域不存在交叠的区域，可避免预设互动面板对当前显示的用户标识产生遮挡。在预设互动面板中展示至少一个预设互动控件，若展示至少两个预设互动控件，不同预设互动控件可以对应不同的消息，也即，触发不同的预设互动控件可以实现不同的消息的发送。如图2所示，预设互动面板204中展示有6个预设互动控件205。
示例性的，在预设互动面板中展示一个预设互动控件时，当前用户可以触发该预设互动控件来向第一用户发送消息；在预设互动面板中展示至少两个预设互动控件时，当前用户可以根据个人需求选择触发其中的一个预设互动控件，进而实现向第一用户发送与所选预设互动控件相对应的消息。其中，预设交互控件的类型可根据实际需求设置。例如，当前用户选择了用于早安问候的预设互动控件，可以向第一用户发送与早安相关的消息，消息内容例如可以是“早安”或太阳图标等。
本公开实施例中提供的页面显示方案，在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识，响应于针对第一区域显示的第一用户标识的第一触发操作，在预设页面中的第二区域显示预设互动面板，在预设互动面板中展示至少一个预设互动控件，预设互动控件用于供当前用户触发以向第一用户标识对应的第一用户发送消息。通过采用上述技术方案，当前用户能够在预设页面中进行互动对象的选择，选择后自动触发预设页面中预设互动面板的显示，并在预设互动面板展示预设互动控件，使得当前用户能够通过触发预设互动控件的方式便捷地向互动对象发送消息，可有效提高消息互动效率。
在一些实施例中，在所述预设页面中的第二区域显示预设互动面板时，所述预设页面中的所述第一区域保持显示所述第一用户标识。这样设置可以使当前用户在基于预设互动面板进行消息发送的过程中，明确当前的消息发送对象。如图2所示，在显示预设互动面板204时，作为当前的第一用户标识的中间的用户标识仍处于显示状态。
在一些实施例中，该方法还包括：响应于针对所述第一用户标识的所述第一触发操作，对所述预设页面中的所述第二区域及第一用户标识之外的区域的显示方式进行调整。可以理解的是，通过显示方式的变化，可以让当前用户更加直观地确定当前消息发送对象以及针对该消息发送对象进行消息发送的操作区域。其中，显示方式的调整方式可包括如颜色调整、透明度调整以及添加边框等调整方式中的至少一种。示例性的，可以将需要进行显示方式调整的区域记为目标区域，先确定目标区域，例如，在预设页面中将第一用户标识所在的显示区域排除，将第二区域排除，剩下的区域作为目标区域。在确定目标区域之后，对目标区域的显示方式进行调整，如将目标区域的显示颜色加深、将目标区域的透明度升高、以及针对目标区域的区域边界添加边框等。
在一些实施例中，该方法还包括：基于预设信息确定在所述预设互动面板中展示的所述预设互动控件。这样设置可以更加灵活地确定当前在预设互动面板中展示的预设互动控件。
在一些实施例中，所述预设信息包括至少一项：当前应用场景、时间信息、所述第一用户的属性信息、所述当前用户的属性信息、以及所述当前用户和所述第一用户的关联关系。这样设置可以更加灵活智能地为当前用户提供合适的预设互动控件，有利于提升互动效果。
示例性的，当前应用场景可以根据预设页面的类型和预设页面中的页面内容中的至少之一来确定；时间信息例如可包括当天日期、当天是否为节日或当前时刻在一天中所处时间段等；第一用户的属性信息例如可包括第一用户设置为公开的信息；当前用户的属性信息例如可包括当前用户设置为公开的信息；当前用户和第一用户的关联关系，例如可以包括互相关注、互为好友、最近的预设时段内的互动频率等。可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围以及使用场景等告知用户并获得用户的授权。
在一些实施例中，所述预设互动控件包括表情控件，所述表情控件用于供当前用户触发以向所述第一用户发送相应的消息。这样设置可以方便当前用户通过表情控件快速实现与第一用户的交互。例如，当前用户选择了用于笑脸表情控件，可以向第一用户发送笑脸表情消息。
在一些实施例中，所述预设互动控件包括消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。可以理解的是，当前用户可以通过消息输入子面板自行输入所要发送的消息的消息内容，丰富互动方式。
示例性的，预设互动控件除了可以为表情控件外，还可以包括消息输入子面板，例如键盘，或者消息输入触发区域，例如消息输入框，或其他形式的互动控件。
可选的，可以在预设互动面板中展示至少两种类型的预设互动控件。例如，同时展示表情控件和消息输入子面板。
图3为本公开实施例提供的一种预设页面的示意图，如图3所示，在预设互动面板301中展示有3个表情控件302和消息输入子面板303，当前用户可以根据个人需求选择合适的消息发送方式。
在一些实施例中，所述预设互动控件包括消息输入触发区域，所述消息输入触发区域用于供当前用户触发以展示消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。可以理解的是，在用户触发消息输入触发区域后再展示消息输入子面板，可以提高第二区域的利用率，在第二区域的显示面积有限时，能够在预设互动面板中展示更多的预设互动控件。
图4为本公开实施例提供的另一种预设页面的示意图，如图4所示，在预设互动面板401中展示消息输入触发区域402和6个其他类型的预设互动控件403。示例性的，6个其他类型的预设互动控件403可以是表情控件，若当前用户想要以触发表情控件的方式发送消息，则可以从中选择合适的表情控件进行触发；若当前用户想要自己输入消息内容，则可以触发消息输入触发区域402，进而通过后续展示的消息输入子面板进行消息内容的输入。
在一些实施例中，在所述第一区域显示所述预设用户标识集合中的至少两个用户标识，该方法还可包括：响应于针对第一用户标识的第一触发操作，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，其中，所述第二用户标识包含于所述至少两个用户标识。这样设置使得当前用户选择的用户标识和其他用户标识更加容易区分，让当前用户更加直观地明确消息的发送对象，提升互动体验。其中，第二用户标识可包括当前正在显示的预设用户标识集合中除第一用户标识以外的用户标识，还可包括当前并未显示的预设用户标识集合中除第一用户标识以外的用户标识，例如，当前用户在第一区域输入滑动操作使得第一区域中增加显示新的预设用户标识集合中的用户标识时，该新的用户标识也可视为第二用户标识。
示例性的，对显示方式进行的调整可包括如显示尺寸、显示形状、显示位置、显示边框、显示颜色、显示内容以及透明度等，还可包括与用户标识相关联的信息的显示调整。
在一些实施例中，该方法还包括：响应于针对第一用户标识的第一触发操作，在所述预设页面中的所述第二区域之外的第三区域显示半透明图层，其中，所述第三区域包含所述第一区域。其中，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：将所述第一用户标识显示于所述半透明图层的上层，将所述第二用户标识显示于所述半透明图层的下层。可以理解的是，可以利用半透明图层对第二用户标识进行一定程度的遮挡，这样，第一用户标识的当前可见程度高于第二用户标识的当前可见程度，从而快速区分第一用户标识和第二用户标识。其中，第三区域包含第一区域，第三区域的尺寸可根据实际需求设置，可选的，第二区域和第三区域的并集为所述预设页面的总显示区域。
在一些实施例中，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：对所述第一用户标识和第二用户标识中的至少之一的显示尺寸进行调整，以使所述第一用户标识的当前显示尺寸大于所述第二用户标识的当前显示尺寸。可以理解的是，可以通过显示尺寸的大小对第一用户标识和第二用户标识进行快速区分。
示例性的，假设在预设页面中的第一区域显示预设用户标识集合中的第一尺寸的至少两个用户标识，也即第一用户标识和第二用户标识的初始显示尺寸为第一尺寸，在调整时，可以将第一用户标识的显示尺寸调整为第二尺寸(第二尺寸大于第一尺寸)，和/或，将第二用户标识的显示尺寸调整为第三尺寸(第三尺寸小于第一尺寸)。
在一些实施例中，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：对所述第一用户标识和第二用户标识中的至少之一的形状和/或色彩进行调整，以使所述第一用户标识的当前形状和/或当前色彩与所述第二用户标识的当前形状和/或当前色彩不同。可以理解的是，通过显示形状和/或色彩的不同可以对第一用户标识和第二用户标识进行快速区分。
示例性的，假设在第一触发操作之前，在预设页面中的第一区域显示预设用户标识集合中的第一形状(如圆形)和第一色彩(如边框为黑色)的至少两个用户标识，在调整时，可以将第一用户标识的形状调整为第二形状(如方形)，还可将第二用户标识的第一色彩调整为第二色彩(如边框为灰色)等。
在一些实施例中，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：在第一触发操作之前所述第一用户标识和所述第二用户标识均未展示第一关联信息的情况下，针对所述第一用户标识增加展示所述第一关联信息；和/或，在第一触发操作之前所述第一用户标识和所述第二用户标识均已展示第二关联信息的情况下，取消所述第二用户标识的所述第二关联信息的展示。可以理解的是，通过关联信息的展示与否可以对第一用户标识和第二用户标识进行快速区分。
其中，第一关联信息和第二关联信息可以相同或不同，第一关联信息和第二关联信息的显示位置可根据实际需求设置。示例性的，假设用户标识为用户头像，第一关联信息和第二关联信息可以包括用户昵称或用户最近一次向当前用户发送的消息等。例如，若在第一触发操作之前在预设页面中的第一区域显示预设用户标识集合中的至少两个用户头像时，每个用户头像均未显示对应的用户昵称，对显示方式进行调整时，可以在第一用户标识下方显示对应的用户昵称，而第二用户标识下方不显示对应的用户昵称；若在第一触发操作之前在预设页面中的第一区域显示预设用户标识集合中的至少两个用户头像时，每个用户头像下方均显示对应的用户昵称，对显示方式进行调整时，可以隐藏第二用户标识下方显示的用户昵称，而第一用户标识下方显示的用户昵称保持不变。
在一些实施例中，可以采用上述多种调整方式相结合的方式对第一用户标识和第二用户标识中的至少之一的显示方式进行调整，从而加强区分效果。图5为本公开实施例提供的又一种预设页面的示意图，如图5所示，在第三区域显示半透明图层501，假设中间的用户标识被当前用户选择为第一用户标识502，左 右两侧的用户标识成为第二用户标识，第一用户标识502位于半透明图层501的上层，第二用户标识位于半透明图层501的下层，第一用户标识502的可见程度高于第二用户标识的可见程度，第一用户标识502的显示尺寸变大，大于第二用户标识的显示尺寸，同时，在第一用户标识502的下方显示第一用户的昵称“A”。当前用户可以通过上述变化快速区分第一用户标识和第二用户标识。
在一些实施例中，该方法还包括：响应于针对第一用户标识的第一触发操作，调整以下至少之一：所述第一区域的显示方式，所述第一区域中当前展示的用户标识的数量。这样设置可以使得第一区域和/或用户标识的显示更加灵活。
示例性的，可以调整第一区域的显示位置，使得第一区域的中心位置与第二区域的中心位置之间的距离缩小；可以增加当前展示的用户标识的数量；可以增大第一区域的显示尺寸，还可同时增加当前展示的用户标识的数量等。
在一些实施例中，在所述预设页面中的第二区域显示预设互动面板之后，该方法还包括：保持第三用户标识处于可触发状态，其中，所述第三用户标识包括所述预设用户标识集合中除所述第一用户标识之外的用户标识。可以理解的是，在预设互动面板处于显示状态的情况下，当前用户仍然可以选择触发其他用户标识，无需关闭预设互动面板再重新选择互动对象，提升互动效率。其中，若一第三用户标识当前未显示，则可以在预设互动面板处于显示状态的情况下，通过滑动操作等对第一区域中显示的用户标识进行更新，使得该第三用户标识得以显示，进而可以被当前用户触发。
在一些实施例中，在所述预设页面中的第二区域显示预设互动面板之后，该方法还包括：响应于针对所述第三用户标识的第二触发操作，基于所述第三用户标识对所述预设互动面板中展示的预设互动控件进行更新。可以理解的是，当互动对象发生变化时，动态地更新针对新的互动对象的预设互动控件，使得消息互动更有针对性，提升互动效果。
在一些实施例中，在所述预设页面中显示预设互动面板之后，该方法还包括：响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，向所述第一用户标识对应的第一用户发送第一消息，其中，所述第一消息与所述第一预设互动控件的图文信息相关联。这样设置可以帮助用户根据互动控件的图文信息便捷地获知即将发送的消息的内容。例如，第一预设互动控件的图文信息为太阳图案，第一消息可以是包含太阳图案的图片类消息或包含“早安”的文字类消息等。
在一些实施例中，该方法还包括：响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，在所述预设页面中播放移动方向指向所述第一用户标识的动画特效，其中，所述动画特效与所述第一预设互动控件的图文信息相关联。这样设置可以使页面展示的内容更加生动丰富，提升互动体验。例如，第一预设互动控件的图文信息为太阳图案，可以播放太阳图案从第一预设互动控件所在位置向第一用户标识所在位置动态移动的动画特效，在移动过程 中和/或到达第一用户标识所在位置后，还可播放如放射太阳光等动态效果。
在一些实施例中，该方法还包括：接收第二消息，其中，所述第二消息由第二用户基于第二预设互动控件发送；在会话页面中显示所述第二消息以及第三预设互动控件，其中，所述第三预设互动控件与所述第二预设互动控件相关联，所述会话页面中的会话成员包括当前用户和所述第二用户。可以理解的是，在接收到其他用户通过触发预设互动控件发送过来的消息时，可以便捷地使用关联的预设互动控件进行回应，在提高互动效率的同时，提升互动体验。
可选的，在接收到第二消息时，可以显示消息接收通知，当前用户触发该消息接收通知后，可进入与第二用户的会话页面。
图6为本公开实施例提供的另一种页面显示方法的流程示意图，本公开实施例以上述实施例中各个可选方案为基础进行改动，该方法包括如下步骤：
步骤601、在预设页面中的第一区域显示预设用户标识集合中的至少两个用户标识。
示例性的，预设用户标识集合中包含的用户标识对应的用户当前处于在线状态。图7为本公开实施例提供的一种页面显示方法的界面互动示意图，如图7所示，预设页面701的顶部设置有第一区域702，在第一区域702中显示3个以头像形式存在的用户标识703，且每个用户标识下方均显示作为第二关联信息的用户昵称。预设页面701中第一区域702以外的显示内容例如可以是媒体内容或消息列表等。
步骤602、响应于针对第一区域显示的第一用户标识的第一触发操作，在预设页面中的第二区域显示预设互动面板，在预设互动面板中展示至少两个预设互动控件，在预设页面中第二区域之外的第三区域显示半透明图层，对第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使第一用户标识的当前显示方式与第二用户标识的当前显示方式不同。
第一用户标识包含于至少两个用户标识，第二用户标识包括预设用户标识集合中除第一用户标识之外的用户标识。预设互动面板中展示的表情控件可以根据当前应用场景、时间信息、第一用户的属性信息、当前用户的属性信息、以及当前用户和第一用户的关联关系等确定。预设互动控件用于供当前用户触发以向第一用户标识对应的第一用户发送消息。
示例性的，如图7所示，假设当前用户首先通过点击的方式触发了A对应的用户标识作为第一用户标识，在预设页面中的第二区域显示预设互动面板704，预设互动面板704中展示与第一用户相关的3个表情控件705，分别为太阳控件、戳一戳控件和“Hi”控件，预设互动面板704中还展示消息输入触发区域706，在预设页面中第二区域之外的第三区域显示半透明图层707，A的用户标识显示于半透明图层707的上层，B和C的用户标识显示于半透明图层707的下层，调大A的用户标识的尺寸，并隐藏B和C的用户标识的昵称。
可选的，如图7所示，还可调整第一区域的显示位置，使得第一区域的中心位置与第二区域的中心位置之间的距离缩小。此外，还可在第一区域显示更多的用户标识。
步骤603、响应于针对第三用户标识的第二触发操作，基于第三用户标识对预设互动面板中展示的预设互动控件进行更新。
其中，第三用户标识包括预设用户标识集合中除第一用户标识之外的用户标识。
示例性的，如图7所示，在显示预设互动面板704之后，保持第三用户标识处于可触发状态，当前用户可通过点击的方式触发C对应的用户标识，预设互动面板中显示的表情控件也会针对C进行更新，如将太阳控件换成了心形控件，并将戳一戳控件和“Hi”控件的位置向前调整。
步骤604、响应于针对预设互动面板中的第四预设互动控件的第四触发操作，在预设页面中播放移动方向指向第三用户标识的动画特效，并向第三用户标识对应的第三用户发送第三消息，其中，动画特效和第三消息均与第四预设互动控件的图文信息相关联。
示例性的，如图7所示，当前用户点击“Hi”控件(第四预设互动控件)后，在预设页面中播放指向C的用户标识的动画特效，“Hi”从预设互动面板中向C的用户标识动态移动，能够让当前用户感觉到向C打招呼的效果，提升互动体验。并且，当前在线的C可以收到当前用户的打招呼消息，例如会收到消息通知，从而使得当前用户和C在非会话页面实现便捷的消息互动，可以体验到新颖的消息交互方式，提升交互体验。
步骤605、接收第二消息并显示消息通知，其中，第二消息由第二用户基于第二预设互动控件发送。
图8为本公开实施例提供的又一种页面显示方法的界面互动示意图，假设当前用户在观看视频流的过程中收到B通过戳一戳控件(第二预设互动控件)发送的消息，则可以显示通知消息801。
步骤606、响应于消息通知被触发，进入会话页面，在会话页面中显示第二消息以及第三预设互动控件，其中，第三预设互动控件与第二预设互动控件相关联，会话页面中的会话成员包括当前用户和第二用户。
示例性的，如图8所示，若当前用户点击通知消息801，则可进入与B的会话页面802，在会话页面802中显示第二消息803和与戳一戳控件关联的回戳控件804(第三预设互动控件)，提升互动效率。
本公开实施例提供的页面显示方法，在预设页面中显示至少两个在线用户的用户标识，当前用户触发一用户标识后，显示包含至少两个预设交互控件的预设互动面板以及半透明图层，对所选用户标识和未选用户标识的显示方式进行调整，并可在保持预设互动面板的显示状态下，重新选择其他用户标识，预 设互动面板中显示的预设互动控件也随之更新，用户选择一预设互动控件后，向当前所选用户标识对应的用户发送与当前所选预设互动控件对应的消息，并播放移动方向指向该用户标识的动画特效，在接收到其他用户通过触发预设互动控件发送的消息后，可以快速进入会话页面并在会话页面中显示关联的预设互动控件，使得用户之间的消息交互更加轻便快捷，提高交互效率，提升交互体验。
图9为本公开实施例提供的一种页面显示装置的结构框图，该装置可由软件和/或硬件实现，一般可集成在电子设备中，可通过执行页面显示方法来进行页面显示。如图9所示，该装置包括：
用户标识显示模块901，设置为在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
互动面板显示模块902，设置为响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
本公开实施例中提供的页面显示装置，在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识，响应于针对第一区域显示的第一用户标识的第一触发操作，在预设页面中的第二区域显示预设互动面板，在预设互动面板中展示至少一个预设互动控件，预设互动控件用于供当前用户触发以向第一用户标识对应的第一用户发送消息。通过采用上述技术方案，当前用户能够在预设页面中进行互动对象的选择，选择后自动触发预设页面中预设互动面板的显示，并在预设互动面板展示预设互动控件，使得当前用户能够通过触发预设互动控件的方式便捷地向互动对象发送对应的消息，可有效提高消息互动效率。
可选的，该装置还包括：用户标识显示模块，设置为在所述预设页面中的第二区域显示预设互动面板之时，所述预设页面中的所述第一区域保持显示所述第一用户标识。
可选的，该装置还包括：第一调整模块，设置为响应于针对所述第一用户标识的所述第一触发操作，对所述预设页面中的所述第二区域及第一用户标识之外的区域的显示方式进行调整。
可选的，该装置还包括：控件确定模块，设置为基于预设信息确定在所述预设互动面板中展示的所述预设互动控件。
可选的，所述预设信息包括以下至少一项：当前应用场景、时间信息、所述第一用户的属性信息、所述当前用户的属性信息、以及所述当前用户和所述第一用户的关联关系。
可选的，所述预设互动控件包括表情控件，所述表情控件用于供当前用户触发以向所述第一用户发送相应的消息。
可选的，所述预设互动控件包括消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
可选的，所述预设互动控件包括消息输入触发区域，所述消息输入触发区域用于供当前用户触发以展示消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
可选的，在所述第一区域显示所述预设用户标识集合中的至少两个用户标识；
该装置还包括：第二调整模块，设置为响应于针对第一用户标识的第一触发操作，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，其中，所述第二用户标识包含于所述至少两个用户标识。
可选的，该装置还包括：
图层显示模块，设置为响应于针对第一用户标识的第一触发操作，在所述预设页面中所述第二区域之外的第三区域显示半透明图层，其中，所述第三区域包含所述第一区域；
其中，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：
将所述第一用户标识显示于所述半透明图层的上层，将所述第二用户标识显示于所述半透明图层的下层。
可选的，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：
对所述第一用户标识和第二用户标识中的至少之一的显示尺寸进行调整，以使所述第一用户标识的当前显示尺寸大于所述第二用户标识的当前显示尺寸；和/或，
对所述第一用户标识和第二用户标识中的至少之一的形状和/或色彩进行调整，以使所述第一用户标识的当前形状和/或当前色彩与所述第二用户标识的当前形状和/或当前色彩不同。
可选的，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：在第一触发操作之前所述第一用户标识和所述第二用户标识均未展示第一关联信息的情况下，针对所述第一用户标识增加展示所述 第一关联信息；和/或，在第一触发操作之前所述第一用户标识和所述第二用户标识均已展示第二关联信息的情况下，取消所述第二用户标识的所述第二关联信息的展示。
可选的，该装置还包括：
第二调整模块，设置为响应于针对第一用户标识的第一触发操作，调整以下至少之一：所述第一区域的显示方式，所述第一区域中当前展示的用户标识的数量。
可选的，该装置还可包括：
保持模块，设置为在所述预设页面中的第二区域显示预设互动面板之后，保持第三用户标识处于可触发状态，其中，所述第三用户标识包括所述预设用户标识集合中除所述第一用户标识之外的用户标识。
可选的，该装置还可包括：
更新模块，设置为在所述预设页面中的第二区域显示预设互动面板之后，响应于针对所述第三用户标识的第二触发操作，基于所述第三用户标识对所述预设互动面板中展示的预设互动控件进行更新。
可选的，该装置还可包括：
消息发送模块，设置为在所述预设页面中显示预设互动面板之后，响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，向所述第一用户标识对应的第一用户发送第一消息，其中，所述第一消息与所述第一预设互动控件的图文信息相关联。
可选的，该装置还可包括：
播放模块，设置为响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，在所述预设页面中播放移动方向指向所述第一用户标识的动画特效，其中，所述动画特效与所述第一预设互动控件的图文信息相关联。
可选的，该装置还可包括：
消息接收模块，设置为接收第二消息，其中，所述第二消息由第二用户基于第二预设互动控件发送；
控件显示模块，设置为在会话页面中显示所述第二消息以及第三预设互动控件，其中，所述第三预设互动控件与所述第二预设互动控件相关联，所述会话页面中的会话成员包括当前用户和所述第二用户。
可选的，所述预设用户标识集合中包含的用户标识对应的用户当前处于在线状态。
下面参考图10，其示出了适于用来实现本公开实施例的电子设备1000的结构示意图。本公开实施例中的电子设备可以包括诸如移动电话、笔记本电脑、 数字广播接收器、个人数字助理(Personal Digital Assistant，PDA)、平板电脑(Portable Android Device，PAD)、便携式多媒体播放器(Portable Media Player，PMP)、车载终端(例如车载导航终端)等的移动终端以及诸如数字电视机(也即数字TV)、台式计算机等的固定终端。图10示出的电子设备仅仅是一个示例。
如图10所示，电子设备1000可以包括处理装置(例如中央处理器、图形处理器等)1001，处理装置1001可以根据存储在只读存储器(Read Only Memory，ROM)1002中的程序或者从存储装置1008加载到随机访问存储器(Random Access Memory，RAM)1003中的程序而执行各种适当的动作和处理。在RAM 1003中，还存储有电子设备1000操作所需的各种程序和数据。处理装置1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出(Input/Output，I/O)接口1005也连接至总线1004。
通常，以下装置可以连接至I/O接口1005：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1006；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置1007；包括例如磁带、硬盘等的存储装置1008；以及通信装置1009。通信装置1009可以允许电子设备1000与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有各种装置的电子设备1000，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
在一实施例中，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1009从网络上被下载和安装，或者从存储装置1008被安装，或者从ROM1002被安装。在该计算机程序被处理装置1001执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的组合。计算机可读存储介质例如可以是电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者以上的组合。计算机可读存储介质的示例可以包括：具有至少一个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(如电子可编程只读存储器(Electronic Programable Read Only Memory，EPROM)或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc-Read Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的合适的组合。在本公开中，计算机可读存储介质可以是包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括电磁信号、光信号或上述的合适的组合。计算机可读信号介 质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括：电线、光缆、射频(Radio Frequency，RF)等，或者上述的合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(HyperText Transfer Protocol，HTTP)之类的当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有至少一个程序，当上述至少一个程序被该电子设备执行时，使得该电子设备：在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含至少一个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用 执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，用户标识显示模块还可以被描述为“在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识的模块”。
本文中以上描述的功能可以至少部分地由至少一个硬件逻辑部件来执行。例如，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field-Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的合适组合。机器可读存储介质的示例可以包括基于至少一个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的合适组合。
根据本公开的一个或多个实施例，提供了一种页面显示方法，包括：
在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
根据本公开的一个或多个实施例，在所述预设页面中的第二区域显示预设互动面板时，所述预设页面中的所述第一区域保持显示所述第一用户标识。
根据本公开的一个或多个实施例，所述方法还包括：
响应于针对所述第一用户标识的所述第一触发操作，对所述预设页面中的所述第二区域及第一用户标识之外的区域的显示方式进行调整。
根据本公开的一个或多个实施例，所述方法还包括：
基于预设信息确定在所述预设互动面板中展示的所述预设互动控件。
根据本公开的一个或多个实施例，所述预设信息包括以下至少一项：
当前应用场景、时间信息、所述第一用户的属性信息、所述当前用户的属性信息、以及所述当前用户和所述第一用户的关联关系。
根据本公开的一个或多个实施例，所述预设互动控件包括表情控件，所述表情控件用于供当前用户触发以向所述第一用户发送相应的消息。
根据本公开的一个或多个实施例，所述预设互动控件包括消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
根据本公开的一个或多个实施例，所述预设互动控件包括消息输入触发区域，所述消息输入触发区域用于供当前用户触发以展示消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
根据本公开的一个或多个实施例，在所述第一区域显示所述预设用户标识集合中的至少两个用户标识，所述方法还包括：
响应于针对所述第一用户标识的所述第一触发操作，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，其中，所述第二用户标识包含于所述至少两个用户标识。
根据本公开的一个或多个实施例，所述方法还包括：
响应于针对所述第一用户标识的所述第一触发操作，在所述预设页面中所述第二区域之外的第三区域显示半透明图层，其中，所述第三区域包含所述第一区域；
其中，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与第二用户标识的当前显示方式不同，包括：
将所述第一用户标识显示于所述半透明图层的上层，将所述第二用户标识显示于所述半透明图层的下层。
根据本公开的一个或多个实施例，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：
对所述第一用户标识和第二用户标识中的至少之一的显示尺寸进行调整，以使所述第一用户标识的当前显示尺寸大于所述第二用户标识的当前显示尺寸；和/或，
对所述第一用户标识和第二用户标识中的至少之一的形状和/或色彩进行调整，以使所述第一用户标识的当前形状和/或当前色彩与所述第二用户标识的当前形状和/或当前色彩不同。
根据本公开的一个或多个实施例，所述对所述第一用户标识和第二用户标 识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：
在所述第一触发操作之前所述第一用户标识和所述第二用户标识均未展示第一关联信息的情况下，针对所述第一用户标识增加展示所述第一关联信息；和/或，
在所述第一触发操作之前所述第一用户标识和所述第二用户标识均已展示第二关联信息的情况下，取消所述第二用户标识的所述第二关联信息的展示。
根据本公开的一个或多个实施例，所述方法还包括：
响应于针对所述第一用户标识的所述第一触发操作，调整以下至少之一：所述第一区域的显示方式，所述第一区域中当前展示的用户标识的数量。
根据本公开的一个或多个实施例，在所述预设页面中的第二区域显示预设互动面板之后，所述方法还包括：
保持第三用户标识处于可触发状态，其中，所述第三用户标识包括所述预设用户标识集合中除所述第一用户标识之外的用户标识。
根据本公开的一个或多个实施例，在所述预设页面中的第二区域显示预设互动面板之后，所述方法还包括：
响应于针对所述第三用户标识的第二触发操作，基于所述第三用户标识对所述预设互动面板中展示的预设互动控件进行更新。
根据本公开的一个或多个实施例，在所述预设页面中显示所述预设互动面板之后，所述方法还包括：
响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，向所述第一用户标识对应的第一用户发送第一消息，其中，所述第一消息与所述第一预设互动控件的图文信息相关联。
根据本公开的一个或多个实施例，所述方法还包括：
响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，在所述预设页面中播放移动方向指向所述第一用户标识的动画特效，其中，所述动画特效与所述第一预设互动控件的图文信息相关联。
根据本公开的一个或多个实施例，所述方法还包括：
接收第二消息，其中，所述第二消息由第二用户基于第二预设互动控件发送；
在会话页面中显示所述第二消息以及第三预设互动控件，其中，所述第三预设互动控件与所述第二预设互动控件相关联，所述会话页面中的会话成员包括当前用户和所述第二用户。
根据本公开的一个或多个实施例，所述预设用户标识集合中包含的用户标 识对应的用户当前处于在线状态。
根据本公开的一个或多个实施例，提供了一种页面显示装置，包括：
用户标识显示模块，设置为在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
互动面板显示模块，设置为响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (25)

  1. 一种页面显示方法，包括：
    在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
    响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
  2. 根据权利要求1所述的方法，所述方法还包括：在所述预设页面中的第二区域显示预设互动面板之时，所述预设页面中的所述第一区域保持显示所述第一用户标识。
  3. 根据权利要求2所述的方法，所述方法还包括：
    响应于针对所述第一用户标识的所述第一触发操作，对所述预设页面中的所述第二区域及第一用户标识之外的区域的显示方式进行调整。
  4. 根据权利要求1所述的方法，所述方法还包括：
    基于预设信息确定在所述预设互动面板中展示的所述预设互动控件。
  5. 根据权利要求4所述的方法，其中，所述预设信息包括以下至少一项：
    当前应用场景、时间信息、所述第一用户的属性信息、所述当前用户的属性信息、以及所述当前用户和所述第一用户的关联关系。
  6. 根据权利要求1所述的方法，其中，所述预设互动控件包括表情控件，所述表情控件用于供当前用户触发以向所述第一用户发送相应的消息。
  7. 根据权利要求1所述的方法，其中，所述预设互动控件包括消息输入子 面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
  8. 根据权利要求1所述的方法，其中，所述预设互动控件包括消息输入触发区域，所述消息输入触发区域用于供当前用户触发以展示消息输入子面板，所述消息输入子面板用于供当前用户输入向所述第一用户发送的消息内容。
  9. 根据权利要求1所述的方法，其中，在所述第一区域显示所述预设用户标识集合中的至少两个用户标识，所述方法还包括：
    响应于针对所述第一用户标识的所述第一触发操作，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，其中，所述第二用户标识包含于所述至少两个用户标识。
  10. 根据权利要求9所述的方法，所述方法还包括：
    响应于针对所述第一用户标识的所述第一触发操作，在所述预设页面中所述第二区域之外的第三区域显示半透明图层，其中，所述第三区域包含所述第一区域；
    所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括：
    将所述第一用户标识显示于所述半透明图层的上层，将所述第二用户标识显示于所述半透明图层的下层。
  11. 根据权利要求9所述的方法，其中，所述对所述第一用户标识和第二用 户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括以下至少之一：
    对所述第一用户标识和第二用户标识中的至少之一的显示尺寸进行调整，以使所述第一用户标识的当前显示尺寸大于所述第二用户标识的当前显示尺寸；
    对所述第一用户标识和第二用户标识中的至少之一的形状和/或色彩进行调整，以使所述第一用户标识的当前形状和/或当前色彩与所述第二用户标识的当前形状和/或当前色彩不同。
  12. 根据权利要求9所述的方法，其中，所述对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，包括以下至少之一：
    在所述第一触发操作之前所述第一用户标识和所述第二用户标识均未展示第一关联信息的情况下，针对所述第一用户标识增加展示所述第一关联信息；
    在所述第一触发操作之前所述第一用户标识和所述第二用户标识均已展示第二关联信息的情况下，取消所述第二用户标识的所述第二关联信息的展示。
  13. 根据权利要求1所述的方法，所述方法还包括：
    响应于针对所述第一用户标识的所述第一触发操作，调整以下至少之一：所述第一区域的显示方式，所述第一区域中当前展示的用户标识的数量。
  14. 根据权利要求1所述的方法，在所述预设页面中的第二区域显示预设互动面板之后，所述方法还包括：
    保持第三用户标识处于可触发状态，其中，所述第三用户标识包括所述预 设用户标识集合中除所述第一用户标识之外的用户标识。
  15. 根据权利要求14所述的方法，在所述预设页面中的第二区域显示预设互动面板之后，所述方法还包括：
    响应于针对所述第三用户标识的第二触发操作，基于所述第三用户标识对所述预设互动面板中展示的预设互动控件进行更新。
  16. 根据权利要求1所述的方法，在所述预设页面中显示所述预设互动面板之后，所述方法还包括：
    响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，向所述第一用户标识对应的第一用户发送第一消息，其中，所述第一消息与所述第一预设互动控件的图文信息相关联。
  17. 根据权利要求16所述的方法，所述方法还包括：
    响应于针对所述预设互动面板中的第一预设互动控件的第三触发操作，在所述预设页面中播放移动方向指向所述第一用户标识的动画特效，其中，所述动画特效与所述第一预设互动控件的图文信息相关联。
  18. 根据权利要求1所述的方法，所述方法还包括：
    接收第二消息，其中，所述第二消息由第二用户基于第二预设互动控件发送；
    在会话页面中显示所述第二消息以及第三预设互动控件，其中，所述第三预设互动控件与所述第二预设互动控件相关联，所述会话页面中的会话成员包括当前用户和所述第二用户。
  19. 根据权利要求1-18任一所述的方法，其中，所述预设用户标识集合中 包含的用户标识对应的用户当前处于在线状态。
  20. 一种页面显示装置，包括：
    用户标识显示模块，设置为在预设页面中的第一区域显示预设用户标识集合中的至少一个用户标识；
    互动面板显示模块，设置为响应于针对所述第一区域显示的第一用户标识的第一触发操作，在所述预设页面中的第二区域显示预设互动面板，在所述预设互动面板中展示至少一个预设互动控件，其中，所述第一用户标识包含于所述至少一个用户标识，所述预设互动控件用于供当前用户触发以向所述第一用户标识对应的第一用户发送消息。
  21. 根据权利要求20所述的装置，所述装置还包括：
    用户标识显示模块，设置为在所述预设页面中的第二区域显示预设互动面板之时，所述预设页面中的所述第一区域保持显示所述第一用户标识。
  22. 根据权利要求21所述的装置，所述装置还包括：
    第一调整模块，设置为响应于针对所述第一用户标识的所述第一触发操作，对所述预设页面中的所述第二区域及第一用户标识之外的区域的显示方式进行调整。
  23. 根据权利要求20所述的装置，其中，在所述第一区域显示所述预设用户标识集合中的至少两个用户标识，所述装置还包括：
    第二调整模块，设置为响应于针对第一用户标识的第一触发操作，对所述第一用户标识和第二用户标识中的至少之一的显示方式进行调整，以使所述第一用户标识的当前显示方式与所述第二用户标识的当前显示方式不同，其中， 所述第二用户标识包含于所述至少两个用户标识。
  24. 一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1-19任一项所述的方法。
  25. 一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-19任一项所述的方法。
PCT/CN2023/079808 2022-03-28 2023-03-06 页面显示方法、装置、设备及存储介质 Ceased WO2023185388A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP23777766.9A EP4485232A4 (en) 2022-03-28 2023-03-06 PAGE DISPLAY METHOD AND DEVICE, DEVICE AND STORAGE MEDIUM
US18/852,318 US20250208752A1 (en) 2022-03-28 2023-03-06 Method for displaying an interface, apparatus, device and storage medium
JP2024556707A JP2025510845A (ja) 2022-03-28 2023-03-06 ページ表示方法、装置、機器及び記憶媒体

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210316093.3A CN114692038B (zh) 2022-03-28 2022-03-28 页面显示方法、装置、设备及存储介质
CN202210316093.3 2022-03-28

Publications (1)

Publication Number Publication Date
WO2023185388A1 true WO2023185388A1 (zh) 2023-10-05

Family

ID=82140387

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/079808 Ceased WO2023185388A1 (zh) 2022-03-28 2023-03-06 页面显示方法、装置、设备及存储介质

Country Status (5)

Country Link
US (1) US20250208752A1 (zh)
EP (1) EP4485232A4 (zh)
JP (1) JP2025510845A (zh)
CN (1) CN114692038B (zh)
WO (1) WO2023185388A1 (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114692038B (zh) * 2022-03-28 2025-01-28 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质
CN117714791A (zh) * 2022-09-08 2024-03-15 抖音视界有限公司 多媒体组件触发方法、装置、电子设备及存储介质
WO2024103618A1 (zh) * 2022-11-14 2024-05-23 腾讯科技（深圳）有限公司 电子红包发送方法、装置、电子设备和存储介质
CN115756252A (zh) * 2022-11-29 2023-03-07 北京字跳网络技术有限公司 基于页面内容的互动方法、装置、设备及存储介质
CN116170681A (zh) * 2023-02-17 2023-05-26 北京字跳网络技术有限公司 媒体内容发送方法、装置、设备及存储介质
CN116301458A (zh) * 2023-02-27 2023-06-23 五八同城信息技术有限公司 消息处理方法、装置、电子设备及存储介质
CN118363504A (zh) * 2024-03-06 2024-07-19 北京字跳网络技术有限公司 列表页的互动方法、装置、计算机设备及存储介质
CN119557032A (zh) * 2024-11-13 2025-03-04 北京字跳网络技术有限公司 界面展示方法、装置、电子设备、存储介质和程序产品
CN120763420A (zh) * 2025-06-24 2025-10-10 北京字跳网络技术有限公司 一种页面展示方法、装置、设备、介质及程序产品

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016063258A1 (en) * 2014-10-24 2016-04-28 Realitygate (Pty) Ltd Target-directed movement in a user interface
CN110124314A (zh) * 2019-05-15 2019-08-16 网易（杭州）网络有限公司 游戏中的线索检索方法及装置、电子设备、存储介质
CN112433654A (zh) * 2020-12-02 2021-03-02 五八同城信息技术有限公司 页面展示方法、装置、电子设备和计算机可读介质
CN113296669A (zh) * 2021-06-16 2021-08-24 杭州网易云音乐科技有限公司 音乐社交实现方法、装置、存储介质及电子设备
CN113395202A (zh) * 2021-06-11 2021-09-14 广州博冠信息科技有限公司 一种会话管理方法、装置、计算机设备和存储介质
CN113625921A (zh) * 2021-08-27 2021-11-09 Oppo广东移动通信有限公司 显示目标消息的方法、装置、存储介质及电子设备
CN113805762A (zh) * 2021-09-29 2021-12-17 腾讯科技（深圳）有限公司 一种页面内容的显示方法、相关装置、设备以及存储介质
CN114202376A (zh) * 2021-11-15 2022-03-18 北京达佳互联信息技术有限公司 资源确定方法、装置、设备及存储介质
CN114692038A (zh) * 2022-03-28 2022-07-01 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000322171A (ja) * 1999-03-11 2000-11-24 Fujitsu Ltd マルチエージェントシステムにおけるエージェント間メッセージ可視化装置
US20030097406A1 (en) * 2001-11-16 2003-05-22 Ben Stafford Method of exchanging messages
US20150332534A1 (en) * 2014-05-15 2015-11-19 Narvii Inc. Systems and methods implementing user interface objects
JP5807092B1 (ja) * 2014-06-17 2015-11-10 株式会社 ディー・エヌ・エー 音声チャット管理装置及び方法
US10126924B1 (en) * 2014-06-20 2018-11-13 Path Mobile Inc Pte. Ltd. Efficient transmission of predefined messages in a messaging environment
JP2016024557A (ja) * 2014-07-17 2016-02-08 本田技研工業株式会社 メッセージの交換を行うプログラム、方法、及び電子機器
US10225220B2 (en) * 2015-06-01 2019-03-05 Facebook, Inc. Providing augmented message elements in electronic communication threads
US10775982B2 (en) * 2015-12-28 2020-09-15 Verizon Patent And Licensing, Inc. Methods and systems for managing multiple modes of communication within a single on-screen user interface
CN105828145B (zh) * 2016-03-18 2019-07-19 广州酷狗计算机科技有限公司 互动方法及装置
DK179948B1 (en) * 2017-05-16 2019-10-22 Apple Inc. Recording and sending Emoji
US11151518B2 (en) * 2017-06-07 2021-10-19 Microsoft Technology Licensing, Llc Natural language event
CN109917985A (zh) * 2019-02-22 2019-06-21 网易（杭州）网络有限公司 信息交互方法及装置、介质和计算设备
CN110162371B (zh) * 2019-05-24 2024-05-14 网易（杭州）网络有限公司 显示控制方法及装置、电子设备和存储介质
CN112347395B (zh) * 2019-08-07 2024-06-14 阿里巴巴集团控股有限公司 特效展示方法、装置、电子设备及计算机存储介质
CN113852714B (zh) * 2020-06-09 2024-09-27 华为技术有限公司 一种用于电子设备的交互方法和电子设备
CN113318438B (zh) * 2021-06-30 2023-08-15 北京字跳网络技术有限公司 虚拟道具控制方法、装置、设备和计算机可读存储介质
CN114116101B (zh) * 2021-11-26 2024-03-26 北京字跳网络技术有限公司 消息显示方法、装置、设备及存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016063258A1 (en) * 2014-10-24 2016-04-28 Realitygate (Pty) Ltd Target-directed movement in a user interface
CN110124314A (zh) * 2019-05-15 2019-08-16 网易（杭州）网络有限公司 游戏中的线索检索方法及装置、电子设备、存储介质
CN112433654A (zh) * 2020-12-02 2021-03-02 五八同城信息技术有限公司 页面展示方法、装置、电子设备和计算机可读介质
CN113395202A (zh) * 2021-06-11 2021-09-14 广州博冠信息科技有限公司 一种会话管理方法、装置、计算机设备和存储介质
CN113296669A (zh) * 2021-06-16 2021-08-24 杭州网易云音乐科技有限公司 音乐社交实现方法、装置、存储介质及电子设备
CN113625921A (zh) * 2021-08-27 2021-11-09 Oppo广东移动通信有限公司 显示目标消息的方法、装置、存储介质及电子设备
CN113805762A (zh) * 2021-09-29 2021-12-17 腾讯科技（深圳）有限公司 一种页面内容的显示方法、相关装置、设备以及存储介质
CN114202376A (zh) * 2021-11-15 2022-03-18 北京达佳互联信息技术有限公司 资源确定方法、装置、设备及存储介质
CN114692038A (zh) * 2022-03-28 2022-07-01 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4485232A4

Also Published As

Publication number Publication date
CN114692038B (zh) 2025-01-28
JP2025510845A (ja) 2025-04-15
EP4485232A4 (en) 2025-06-25
US20250208752A1 (en) 2025-06-26
EP4485232A1 (en) 2025-01-01
CN114692038A (zh) 2022-07-01

Similar Documents

Publication Publication Date Title
WO2023185388A1 (zh) 页面显示方法、装置、设备及存储介质
US20230140948A1 (en) Hotspot list display method and apparatus, electronic device, and storage medium
US12182503B2 (en) Method and apparatus for displaying online document, and storage medium
JP7316464B2 (ja) アクティブフレンド情報の表示方法、装置、電子機器および記憶媒体
JP2024529841A (ja) 動画共有方法、装置、機器及び媒体
US12386500B2 (en) Method, an apparatus, an electronic device and a storage medium for sharing multimedia information in social media
US20250291465A1 (en) Method, apparatus, device and storage medium for message processing
US20250371767A1 (en) Method, apparatus, electronic device and storage medium for avatar publishing
JP7480344B2 (ja) 情報表示方法、装置及び電子機器
US12273307B2 (en) Method and apparatus for displaying interaction message for application, and readable storage medium
US12407634B2 (en) Method, apparatus, device and medium for message processing
JP2024502728A (ja) 未読メッセージの展示方法、装置、電子機器、および記憶媒体
CN110658961B (zh) 信息显示方法、装置和电子设备
CN114116101B (zh) 消息显示方法、装置、设备及存储介质
JP2023521508A (ja) メール処理方法、装置、電子機器及び記憶媒体
WO2023246859A1 (zh) 交互方法、装置、电子设备和存储介质
JP2025522335A (ja) コメント情報の投稿方法、装置、電子機器、記憶媒体及びコンピュータプログラム
JP2025540571A (ja) ページコンテンツに基づくインタラクション方法、装置、機器及び記憶媒体
US20250193142A1 (en) Message sending method and apparatus, and device and storage medium
WO2023143299A1 (zh) 消息展示方法、装置、设备及存储介质
CN114840117A (zh) 信息输入页面的元素控制方法、装置、设备、介质
CN114911395A (zh) 页面交互方法、装置、设备及存储介质
JP2026506948A (ja) インタラクティブ方法、装置、電子機器、及び記憶媒体
CN115580591A (zh) 一种用户邀请方法、装置、电子设备和存储介质
CN117193575A (zh) 消息发送方法、装置、设备及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23777766

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2024556707

Country of ref document: JP

WWE Wipo information: entry into national phase

Ref document number: 18852318

Country of ref document: US

Ref document number: 2023777766

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2023777766

Country of ref document: EP

Effective date: 20240927

NENP Non-entry into the national phase

Ref country code: DE

WWP Wipo information: published in national office

Ref document number: 18852318

Country of ref document: US