Method and apparatus for managing application interface, device, medium and program product

Abstract

Embodiments of the present disclosure provide a method and apparatus for managing an application interface, a device, a medium and a program product. The method comprises: presenting a floating control at a first position of an application interface; in response to reception of an interaction request for the floating control, on the basis of an interaction position of the interaction request in the application interface, determining, in a candidate area in the application interface, a second position for presenting the floating control; and presenting the floating control at the second position of the application interface.

Description

Methods, apparatus, devices, media, and program products for managing application interfaces.

[0001] This application claims priority to Chinese Patent Application No. 202411516989.1, filed on October 28, 2024, entitled “Method, Apparatus, Device, Media and Program Product for Managing Application Interfaces”, the entire contents of which are incorporated herein by reference. Technical Field

[0002] The exemplary embodiments disclosed herein generally relate to the field of computers, and particularly to methods, apparatus, electronic devices, computer-readable storage media, and computer program products for managing application interfaces. Background Technology

[0003] More and more applications are now designed to provide users with a variety of services. For example, users can publish, browse, and view various types of content within an application, including multimedia content such as videos, images, image sets, and audio. Users can also interact with other users within the application, such as liking, saving, and commenting on content posted by other users, or following other users and visiting their profiles. Summary of the Invention

[0004] In a first aspect of this disclosure, a method for managing an application interface is provided. The method includes: presenting a floating control at a first location on the application interface; in response to receiving an interaction request for the floating control, determining a second location for presenting the floating control within a candidate area on the application interface based on the interaction location of the interaction request; and presenting the floating control at the second location on the application interface.

[0005] In a second aspect of this disclosure, an apparatus for managing an application interface is provided. The apparatus includes: a first presentation module configured to present a floating control at a first location on the application interface; a location determination module configured to, in response to receiving an interaction request for the floating control, determine a second location for presenting the floating control within a candidate area on the application interface based on the interaction location of the interaction request in the application interface; and a second presentation module configured to present the floating control at the second location on the application interface.

[0006] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor. When executed by the at least one processor, the instructions cause the electronic device to perform the method of the first aspect.

[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores computer-executable instructions that, when executed by a processor, implement the method of the first aspect.

[0008] In a fifth aspect of this disclosure, a computer program product is provided. The computer program product includes computer-executable instructions, wherein when executed by a processor, the computer-executable instructions implement the method according to a first aspect of this disclosure.

[0009] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0011] Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

[0012] Figures 2A to 2G illustrate example interfaces according to some embodiments of the present disclosure;

[0013] Figure 3 shows a flowchart of a method for managing an application interface according to some embodiments of the present disclosure;

[0014] Figure 4 shows an example structural block diagram of an apparatus for managing an application interface according to some embodiments of the present disclosure; and

[0015] Figure 5 shows a block diagram of an electronic device that can implement one or more embodiments of the present disclosure. Detailed Implementation

[0016] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0017] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below.

[0018] In this document, unless explicitly stated otherwise, performing a step in response to A does not mean that the step is performed immediately after A, but may include one or more intermediate steps.

[0019] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition, use, storage or deletion of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0020] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure through appropriate means in accordance with relevant laws and regulations, and user authorization should be obtained.

[0021] For example, in response to receiving a user's active request, a prompt message is sent to the user to clearly inform the user that the requested operation will require the acquisition and use of the user's personal information, thereby enabling the user to choose whether to provide personal information to the software or hardware such as electronic devices, applications, servers or storage media that perform the operation of the technical solution disclosed herein, based on the prompt message.

[0022] As an optional but non-restrictive implementation, in response to a user's active request, a prompt message can be sent to the user, such as a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0023] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0024] Figure 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in Figure 1, the example environment 100 may include a terminal device 110.

[0025] In this example environment 100, terminal device 110 may run an application 120 that supports user interface interaction. Application 120 may be any suitable type of application for user interface interaction, examples of which may include, but are not limited to, media applications or other suitable applications. User 140 may interact with application 120 via terminal device 110 and / or its attached devices.

[0026] In environment 100 of Figure 1, if application 120 is active, terminal device 110 can use application 120 to present interface 150 for supporting interface interaction.

[0027] In some embodiments, terminal device 110 communicates with server 130 to provide services to application 120. Terminal device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, terminal device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0028] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 that support content presentation in terminal device 110.

[0029] A communication connection can be established between server 130 and terminal device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus, and Wi-Fi connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and terminal device 110 can achieve signaling interaction through their communication connection.

[0030] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0031] Terminal devices / applications can display controls on the application's interface and receive various user actions to these controls. Traditionally, controls are fixed in a specific location on the application interface. If there are other controls nearby, and the location of one control is close to the locations of the other controls, accidental touches by the user may occur. For example, a user might intend to trigger control A but accidentally triggers control B. This affects the accuracy of user interaction and the efficiency of user-control interaction.

[0032] In view of this, embodiments of this disclosure propose an improved scheme for managing application interfaces. According to this scheme, a floating control is proposed, which, unlike fixed controls displayed at fixed positions in the application interface, allows the user to move the position of the floating control. Specifically, the floating control is presented at a first position in the application interface. In response to receiving an interaction request for the floating control, based on the interaction position of the interaction request in the application interface, a second position for presenting the floating control is determined within a candidate area in the application interface. The floating control is then presented at the second position in the application interface. For example, the user can drag the icon of the floating control with their finger to move the floating control to a desired position within the candidate area of ​​the application interface.

[0033] In this way, embodiments of this disclosure can move floating controls based on user interaction requests, helping users manage the application interface conveniently and quickly, improving user-application interface interactivity, and making the application interface more in line with user needs. Furthermore, the candidate area can limit the movement range of the floating controls, thereby preventing interference with normal application use when moving the floating controls to certain positions (e.g., the center of the screen, or positions overlapping with other controls in the application interface).

[0034] The following description, with reference to the accompanying drawings, illustrates an example interface interaction process according to embodiments of the present disclosure. Figures 2A to 2G illustrate example interfaces 200A to 200G (also referred to simply as examples 200A to 200G) according to some embodiments of the present disclosure. The interfaces shown in examples 200A to 200G can be presented on a terminal device 110. For ease of discussion, examples 200A to 200G will be described with reference to the environment 100 of Figure 1.

[0035] It should be understood that the interface shown in the accompanying drawings is merely an example, and various interface designs are possible in practice. The various graphic elements in the interface can have different arrangements and different visual representations, one or more elements can be omitted or replaced, and one or more other elements may also be present. The embodiments of this disclosure are not limited in this respect.

[0036] In environment 100, terminal device 110 presents the application interface (e.g., interface 150) of application 120. In some cases, the application interface presented by terminal device 110 may be a specific viewing interface of application 120, in which media content is displayed. In some embodiments, the viewing interface refers to an interface used to display or push media content and other relevant information to the user, and may also be referred to as a content display interface, content presentation interface, content browsing interface, media item presentation page, etc. The viewing interface may present a set of media items, which may include one or more media items. The set of media items to be presented in a specific viewing interface can be determined according to the application design requirements. The specific media content to be displayed in a set of media items and its number will vary in different scenarios.

[0037] The viewing interface can be any suitable interface of application 120. In some embodiments, the viewing interface can also be presented by detecting the launch operation of application 120, for example, the viewing interface is the default interface presented when the application is launched. In some embodiments, terminal device 110 can present a set of media items in the viewing interface in any suitable view mode (e.g., the default view mode, which can be a view mode preset by the user, or the historical view mode when the user last exited the application and / or page).

[0038] In some embodiments, the terminal device 110 may support displaying a group of media items in multiple view modes. These multiple view modes may include, for example, at least a single-view mode, at least one multi-column view mode (including but not limited to a two-column view mode, a three-column view mode, etc.), and at least one multi-row view mode, etc. A single-view mode can reduce the user's cognitive and selection costs, while at least one multi-column view mode and at least one multi-row view mode facilitate the user's exploration of more content of interest. Providing multiple view modes allows users to easily select or switch the view mode for displaying a group of media items according to their own needs.

[0039] In some embodiments, as shown in FIG2A, terminal device 110 may present Example 200A. Example 200A illustrates an example of presenting an application interface in a first view mode (e.g., single view mode). Example 200A presents floating controls 210 and a set of fixed controls 220. The set of fixed controls 220 may include at least one fixed control, including but not limited to one or more of the following control, user avatar, like control, share control, comment control, favorite control, etc. Floating controls and fixed controls may be presented in different styles; for example, they may be distinguished by different colors, transparency, fonts, font sizes, etc.

[0040] In some embodiments, the presentation position of the floating control 210 may be related to the presentation position of a group of fixed controls 220. For example, if the group of fixed controls 220 is arranged vertically and the centers of all fixed controls 220 are located on vertical line 225, then the center of the floating control 210 may also be located on vertical line 225. That is, the floating control 210 and the group of fixed controls 220 are arranged vertically. It is understood that this is merely an example; at least one control in the group of fixed controls 210 can be presented at any appropriate position, and the floating control 210 can be presented at any appropriate position in example 200A. The presentation position of the floating control 210 in example 200A can be referred to as the first position.

[0041] It should be understood that Figure 2A only schematically illustrates an example of presenting the application interface in portrait mode. Alternatively and / or additionally, the application interface can be presented in landscape mode. In this case, the controls can be arranged along the horizontal direction (e.g., displayed at the top or bottom of the application interface). Alternatively and / or additionally, the controls can be arranged along the vertical direction (e.g., displayed on the left or right side of the application interface).

[0042] Floating control 210 may include any suitable control with any suitable function. For example, floating control 210 may include a view switching control (or a control for implementing other functions). Terminal device 110 may determine that an interaction request for the control has been received in response to receiving a trigger operation from a user (e.g., user 140) targeting any control in the floating control 210 and a set of fixed controls 220. Terminal device 110 may, for example, present element 230 in example 200A in response to receiving an interaction request. Element 230 may indicate that an interaction request has been received, and may indicate the specific location where the trigger operation was received. For example, if a trigger operation is received at a media item presented in example 200A, terminal device 110 may present element 230 at the corresponding location where the trigger operation was received. Alternatively and / or additionally, the step of presenting element 230 may be skipped, and different actions may be performed directly based on the type of trigger operation.

[0043] Triggering operations can include various types of operations, and correspondingly, interaction requests can also include various types of interaction requests. For example, triggering operations can include a first type of click operation and a second type of drag operation, and interaction requests can include a first type of click request corresponding to the click operation and a second type of drag request corresponding to the drag operation. If the floating control 210 is a view switching control, the terminal device 110 can respond to receiving an interaction request for the floating control 210, and if the interaction request does not meet a predetermined type (for example, if the second type is a predetermined type and the interaction request is the first type, it can be determined that the interaction request does not meet the predetermined type), by switching the view mode of the application interface (for example, switching the first view mode to the second view mode, where the second view mode is different from the first view mode). Using some embodiments of this disclosure, floating controls can be used to switch between different view modes, thereby facilitating users to obtain information.

[0044] As an example, terminal device 110 may, for instance, respond to determining that an interaction request for floating control 210 does not meet a predetermined type, present example 200B. Example 200B illustrates an example of presenting an application interface in a second view mode (e.g., a two-column view mode). Example 200B may present a floating control 240. The floating control 240 may, for example, also be a view switching control. Terminal device 110 may, for instance, respond to determining that an interaction request received in example 200B for floating control 240 does not meet a predetermined type, switch back to the view mode presenting example 200A.

[0045] It should be understood that the application interface always displays media items before and after view switching, and the application interface can provide different numbers of media items in the two view modes. Specifically, the application interface can display a single media item in the first view mode, and multiple media items in the second view mode. Alternatively and / or additionally, the floating control 210 presented in the first view mode may be different from the floating control 240 presented in the second view mode. In other words, the visual representation of the floating control can be updated in response to a user's interaction request for the floating control 210 as a click operation. Specifically, the visual representation of the floating control can be updated from an icon for switching to a two-column mode (as shown by the floating control 210 in Figure 2A) to an icon for switching to a single-view mode (as shown by the floating control 240 in Figure 2B). According to some implementations of this disclosure, the floating control 240 can be presented at any location on the application interface, for example, at a random location, at the same location as the floating control 210, or in a blank space on the application interface that does not overlap with other controls.

[0046] In some embodiments, the terminal device 110 may also, in response to determining that the interaction request received in Example 200A for the floating control 210 meets a predetermined type (e.g., if the second type is a predetermined type and the interaction request is the second type, then the interaction request can be determined to meet the predetermined type), determine a second position for presenting the floating control 210 based on the interaction position of the interaction request in the application interface. The terminal device 110 may present the floating control 210 at the second position. In some embodiments, the terminal device 110 may also present the floating control 210 at the second position in response to determining that the interaction request has stopped. For example, the position of the floating control can be stopped after the user's drag operation ends. In this way, it is convenient for the user to specify the target position of the floating control.

[0047] In some embodiments, the terminal device 110 can also store a second location after the interaction request stops, and in response to determining that the application interface has been restarted, present the floating control at the second location in the restarted application interface. That is, the terminal device 110 can determine the stored second location as the default location for presenting the floating control 210 in the application interface after the application 120 is launched next time. In this way, it supports storing the location of the floating control specified by the user according to their own needs, and the default location can be automatically stored in subsequent automatic application processes.

[0048] In some embodiments, before determining the second position, the terminal device 110 may also determine its own resolution and, in response to its own resolution meeting a predetermined condition, determine the second position based on the interaction position. The resolution of the terminal device 110 is associated with the height and width dimensions of its screen. For example, the larger the height and width of the terminal device 110's screen, the larger its corresponding resolution. The predetermined condition may indicate a threshold resolution (including both height and width directions). The terminal device 110 may, for example, compare its own resolution with the threshold resolution and, in response to the resolution reaching the threshold resolution, determine that its own resolution meets the predetermined condition, and then determine the second position based on the interaction position. For example, in portrait display mode, only the height direction of the resolution may be compared; in landscape display mode, only the width direction of the resolution may be compared, and so on. In this way, it is possible to support moving the position of floating controls on large-sized devices and avoid accidental operations on small-sized devices.

[0049] Regarding the specific method for determining the second position, in some embodiments, the terminal device 110 can directly determine the second position based on the interaction position. For example, the terminal device 110 can directly determine the interaction position (i.e., the contact position between the user's finger and the screen) as the second position, or it can perform coordinate transformation on the interaction position to determine the second position. Alternatively or additionally, in some embodiments, the terminal device 110 can also determine a candidate area for presenting the floating control 210 based on the presentation position of a set of fixed controls 220 on the application interface. The size of the candidate area can be smaller than the size of the application interface. In this way, the movement range of the floating control can be specified.

[0050] Terminal device 110 can determine the candidate region based on the position of fixed controls in any manner. For example, terminal device 110 can obtain pre-input settings information from the user, which may indicate the positional relationship between a set of fixed controls 220 and the candidate region. The set of fixed controls 220 may be located outside the candidate region, meaning the candidate region does not include fixed controls. Terminal device 110 can then determine the candidate region based on the position of the set of fixed controls 220 and the settings information. As shown in FIG2C, if the settings information indicates that the candidate region is located above a set of fixed controls 220, terminal device 110 can determine the candidate region 250 in response to receiving a predetermined type of interaction request to the floating control 210 in Example 200C. In this way, floating controls can be moved in blank areas of the application interface, thereby avoiding overlapping display of floating controls and fixed controls.

[0051] In some embodiments, the fixed controls in the application interface may also include navigation labels. For example, the application interface shown in Example 200C may also include multiple navigation labels such as "Same City," "Following," and "Recommended." The terminal device 110 can switch to displaying the interface corresponding to a navigation label in response to receiving an interaction request for that navigation label. In some embodiments, to prevent the navigation labels from being obscured by the moved floating control 210, the terminal device 110 can also determine a candidate area based on the position of the navigation labels. For example, as shown in FIG2C, the candidate area 250 may be located below the navigation labels "Same City," "Following," and "Recommended," and above the navigation labels "Home" and "Friends."

[0052] In some embodiments, to avoid accidental touches in the floating control 210 and the set of fixed controls 220, the distance between the second position and the set of fixed controls 220 meets a threshold condition. The threshold condition can indicate a threshold distance. For example, the terminal device 110 can determine that the distance meets the threshold condition in response to the distance between the second position and the set of fixed controls 220 reaching or exceeding a threshold distance (e.g., 20 pixels, or other values). In some embodiments, to ensure that the distance always meets the threshold condition, the terminal device 110 can also determine that the distance between the edge in the candidate region closest to the set of fixed controls 220 (e.g., the lower edge of the candidate region 250 in Example 200C) and the set of fixed controls 220 meets the threshold condition.

[0053] In some embodiments, terminal device 110 may switch the state of floating control 210 to a moving state in response to receiving an interaction request of a predetermined type for floating control 210. Terminal device 110 may overlay an interaction layer in candidate area 250 to indicate that floating control 250 is in a moving state. In some embodiments, terminal device 110 may also present a prompt message in the candidate area to indicate that floating control is in a moving state. For example, as shown in FIG2C, terminal device 110 may present the prompt text "Release to complete position adjustment" in candidate area 250. In this way, positive feedback can be provided to the user to inform the user that the current position of the floating control is being moved.

[0054] In some embodiments, when the floating control 210 is not in a moving state, the terminal device 110 may present the floating control in a first style. Further, when the floating control 210 is not in a moving state, the terminal device 110 may present the floating control in a second style different from the first style. It is understood that the style may include one or more of the floating control's shape, size, color, transparency, etc. For example, referring to Figures 2A and 2C, when no interaction request of a predetermined type is received for the floating control 210, the terminal device 110 may present the floating control in the first style at a first position in example 200A (at this time, the floating control is in a stationary state). In response to receiving an interaction request of a predetermined type for the floating control 210, the terminal device 110 may present the floating control in the candidate area 250 of example 200C in the second style (at this time, the floating control is in a moving state). For example, the second style may indicate a smaller size, a different color, a different transparency, etc. In this way, users can distinguish different states of the floating control.

[0055] In some embodiments, the terminal device 110 can determine the position corresponding to a first dimension of the application interface based on the position of a set of fixed controls 220, and determine the position corresponding to a second dimension of the application interface based on the interaction position. The terminal device 110 can determine the second position based on the position corresponding to the first dimension and the position corresponding to the second dimension. Here, the first dimension can be, for example, a horizontal dimension, and the second dimension can be, for example, a vertical dimension. For example, to ensure the aesthetics of the interface, the center of each fixed control in the set of fixed controls 220 and the center of the floating control 210 can be located on the same vertical line, that is, the horizontal dimension of each fixed control and the horizontal dimension of the floating control 210 are the same. The terminal device 110 can adjust the vertical dimension of the second position of the floating control 210 based on the interaction position.

[0056] Referring to Figures 2D and 2E, as shown in Examples 200D and 200E, if the interactive position moves vertically from the position shown in Example 200D to the position shown in Example 200E, the terminal device 110 can determine the second position as the position shown in Example 200E and present the floating control 210 at that second position. It should be noted that since the second position is located within the candidate area 250, if the second position is located at the edge of the candidate area 250 and the interactive position indicates movement outwards from the candidate area, the terminal device 110 will no longer adjust the second position.

[0057] Referring to Figures 2D and 2F, as shown in Examples 200D and 200F, if the interaction position moves vertically from the position shown in Example 200D to the position shown in Example 200F, since the second position where the floating control 210 is presented in Example 200D is already located at the lower edge of the candidate area 250, the terminal device 110 can still present the floating control 210 at the second position without adjusting the second position.

[0058] Referring to Figures 2D and 2G, as shown in Examples 200D and 200G, if the interactive position moves horizontally from the position shown in Example 200D to the position shown in Example 200G, since the terminal device 110 only adjusts the vertical dimension of the second position and does not adjust the horizontal dimension of the second position, the terminal device still presents the floating control 210 at the second position shown in Example 200D.

[0059] It should be understood that although only an example of determining the second position based on the interaction position has been described above, alternatively and / or additionally, the second position can be determined based on other methods. For example, if the interaction position can move across the entire area of ​​the application interface, the interaction position can be mapped to a second position within the candidate area based on the proportional relationship between the height of the application interface and the height of the candidate area. Assuming the height of the application interface is N times the height of the candidate area, when the user's finger moves down X pixels, the second position moves down. Each pixel. In this way, the second position can be adjusted with higher precision.

[0060] It should be noted that in some embodiments, the application interface may include multiple floating controls. To avoid overlapping between floating controls, the positions of multiple floating controls must not overlap. In this case, if other floating controls are present at the second position determined based on the interaction position, the terminal device 110 may display a prompt message to inform the user that this position cannot be selected as the second position for presenting floating controls. For example, the terminal device 110 may display the prompt text "This position is not selectable". Alternatively and / or additionally, the second position may be determined along the user's drag direction and skipping the positions of other floating controls.

[0061] In summary, the ability to move floating controls based on user interaction requests helps users manage the application interface conveniently and quickly, improves user interaction with the application interface, and makes the application interface more in line with user needs.

[0062] Figure 3 shows a flowchart of a method 300 for managing an application interface according to some embodiments of the present disclosure. Method 300 can be implemented at a terminal device 110. Method 300 will now be described with reference to Figure 1.

[0063] As shown in the figure, in box 310, the terminal device 110 presents a floating control at the first position of the application interface.

[0064] In box 320, in response to receiving an interaction request for the floating control, the terminal device 110 determines a second position for presenting the floating control within a candidate area of ​​the application interface based on the interaction position of the interaction request in the application interface.

[0065] In box 330, terminal device 110 presents a floating control in the second position of the application interface.

[0066] In some embodiments, the candidate region is determined based on the position of at least one fixed control in the application interface.

[0067] In some embodiments, method 300 further includes at least one of the following: overlaying an interactive layer in the candidate area to indicate that the floating control is in a moving state; or presenting a prompt in the candidate area to indicate that the floating control is in a moving state.

[0068] In some embodiments, determining a second position in a candidate region includes: determining a position corresponding to a first dimension of the application interface based on the position of at least one fixed control; determining a position corresponding to a second dimension of the application interface based on an interactive position; and determining a second position based on the position corresponding to the first dimension and the position corresponding to the second dimension.

[0069] In some embodiments, the interaction request is a drag request for a floating control, and method 300 further includes: in response to determining that the interaction request has stopped, presenting the floating control at a second location on the application interface.

[0070] In some embodiments, the size of the candidate area is smaller than the size of the application interface, and at least one fixed control is located outside the candidate area.

[0071] In some embodiments, the distance between the second position and the position of at least one fixed control satisfies a threshold condition.

[0072] In some embodiments, presenting a floating control at a first location on the application interface includes: presenting the floating control in a first style; and presenting a floating control at a second location on the application interface includes: presenting the target control in a second style, the second style being different from the first style.

[0073] In some embodiments, the method is implemented on a terminal device, and the method 300 further includes: executing the method in response to determining that the resolution of the terminal device meets a predetermined condition.

[0074] In some embodiments, method 300 further includes: storing a second location; and, in response to determining that the application interface has been restarted, presenting a floating control at the second location in the restarted application interface.

[0075] In some embodiments, method 300 further includes: determining a second location based on the interaction location in response to determining that the interaction request satisfies a predetermined type.

[0076] In some embodiments, the floating control includes a view switching control, the application interface is presented in a first view mode, and the method 300 further includes: in response to determining that the interaction request does not meet a predetermined type, presenting the application interface in a second view mode, the second view mode being different from the first view mode.

[0077] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. Figure 4 shows an example structural block diagram of an apparatus 400 for managing an application interface according to some embodiments of this disclosure. The apparatus 400 may be implemented as or included in the terminal device 110. The various modules / components in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0078] As shown in Figure 4, the device 400 includes: a first presentation module 410 configured to present a floating control at a first position on the application interface; a position determination module 420 configured to, in response to receiving an interaction request for the floating control, determine a second position for presenting the floating control within a candidate area on the application interface based on the interaction position of the interaction request on the application interface; and a second presentation module 430 configured to present the floating control at a second position on the application interface.

[0079] In some embodiments, the candidate region is determined based on the position of at least one fixed control in the application interface.

[0080] In some embodiments, the apparatus 400 further includes at least one of the following: a layer rendering module configured to overlay an interactive layer in a candidate area to indicate that the floating control is in a moving state; or an information rendering module configured to present a prompt message in the candidate area to indicate that the floating control is in a moving state.

[0081] In some embodiments, the position determination module 420 is further configured to: determine a position corresponding to a first dimension of the application interface based on the position of at least one fixed control; determine a position corresponding to a second dimension of the application interface based on the interaction position; and determine a second position based on the position corresponding to the first dimension and the position corresponding to the second dimension.

[0082] In some embodiments, the interaction request is a drag request for a floating control, and the apparatus 400 further includes: a first control rendering module configured to render the floating control at a second location on the application interface in response to determining that the interaction request has stopped.

[0083] In some embodiments, the size of the candidate area is smaller than the size of the application interface, and at least one fixed control is located outside the candidate area.

[0084] In some embodiments, the distance between the second position and the position of at least one fixed control satisfies a threshold condition.

[0085] In some embodiments, the first presentation module 410 is further configured to: present the floating control in a first style; and present the floating control at a second location on the application interface includes: presenting the target control in a second style, the second style being different from the first style.

[0086] In some embodiments, the method is implemented on a terminal device, and the apparatus 400 further includes an execution module configured to execute the method in response to determining that the resolution of the terminal device meets a predetermined condition.

[0087] In some embodiments, the device 400 further includes: a location storage module configured to store a second location; and a second control presentation module configured to present a floating control at the second location in the restarted application interface in response to determining that the application interface has been restarted.

[0088] In some embodiments, the apparatus 400 further includes a second location determination module configured to determine a second location based on the interaction location in response to determining that an interaction request satisfies a predetermined type.

[0089] In some embodiments, the floating control includes a view switching control, the application interface is presented in a first view mode, and the device 400 further includes: an interface presentation module configured to present the application interface in a second view mode in response to determining that the interaction request does not meet a predetermined type, the second view mode being different from the first view mode.

[0090] The modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the modules in device 400 can be implemented at least partially by one or more hardware logic components. By way of example, and not limitation, exemplary types of hardware logic components that can be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0091] Figure 5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in Figure 5 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used to implement the terminal device 110 of Figure 1.

[0092] As shown in Figure 5, the electronic device 500 is in the form of a general-purpose electronic device. Components of the electronic device 500 may include, but are not limited to, one or more processing units or processors 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processor 510 may be a physical or virtual processor and is capable of performing various processes according to the programs stored in the memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0093] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0094] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0095] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

[0096] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

[0097] According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0098] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0099] These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processor of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner; thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0100] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0101] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0102] Various implementations of this disclosure have been described above. The foregoing description is exemplary and not exhaustive, nor is it limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for managing an application interface, comprising: A floating control is displayed at the first location on the application interface; In response to receiving an interaction request for the floating control, based on the interaction position of the interaction request in the application interface, a second position for presenting the floating control is determined within a candidate area in the application interface; as well as The floating control is displayed at the second location in the application interface.

2. The method according to claim 1, wherein the candidate region is determined based on the position of at least one fixed control in the application interface.

3. The method of claim 2, further comprising at least one of the following: An interactive layer is overlaid in the candidate area to indicate that the floating control is in a moving state; or A prompt message is displayed in the candidate area to indicate that the floating control is in a moving state.

4. The method of claim 2, wherein determining the second location in the candidate region comprises: Based on the position of the at least one fixed control, determine the position corresponding to the first dimension of the application interface; as well as Based on the interaction location, determine the position corresponding to the second dimension of the application interface; as well as The second position is determined based on the position corresponding to the first dimension and the position corresponding to the second dimension.

5. The method according to claim 1, wherein the interaction request is a drag request for the floating control, and the method further includes: In response to determining that the interaction request has stopped, the floating control is presented at the second location on the application interface.

6. The method of claim 2, wherein the size of the candidate region is smaller than the size of the application interface, and at least one fixed control is located outside the candidate region.

7. The method of claim 2, wherein the distance between the second position and the position of the at least one fixed control satisfies a threshold condition.

8. The method according to claim 1, wherein presenting the floating control at the first location of the application interface comprises: The floating control is presented in the first style; as well as Presenting the floating control at the second location in the application interface includes presenting the target control in a second style, which is different from the first style.

9. The method of claim 1, wherein the method is implemented in a terminal device, and the method further comprises: The method is executed in response to determining that the resolution of the terminal device meets a predetermined condition.

10. The method of claim 1, further comprising: Store the second location; as well as In response to determining that the application interface has been restarted, the floating control is presented at the second position in the restarted application interface.

11. The method of claim 1, further comprising: In response to determining that the interaction request meets a predetermined type, the second position is determined based on the interaction position.

12. The method according to claim 1, wherein the floating control includes a view switching control, the application interface is presented in a first view mode, and the method further includes: In response to determining that the interaction request does not meet a predetermined type, the application interface is presented in a second view mode, which is different from the first view mode.

13. An apparatus for managing an application interface, comprising: The first presentation module is configured to present a floating control at a first location on the application interface; The position determination module is configured to, in response to receiving an interaction request for the floating control, determine a second position for presenting the floating control within a candidate area in the application interface based on the interaction position of the interaction request in the application interface; as well as The second presentation module is configured to present the floating control at the second location on the application interface.

14. An electronic device comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 12 when executed by the at least one processor.

15. A computer-readable storage medium having stored thereon computer-executable instructions that can be executed by a processor to implement the method according to any one of claims 1 to 12.

16. A computer program product comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 12.

Images