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

Abstract

According to the embodiment of the invention, a method and device for managing an application interface, equipment, a medium and a program product are provided. The method comprises the following steps: presenting a floating control at a first position of an application interface; in response to a received interaction request for the floating control, determining a second position for presenting the floating control in a candidate area in the application interface based on an interaction position of the interaction request in the application interface; and presenting the floating control at a second position of the application interface. Therefore, the floating control can be moved based on the interaction request of the user, the user can be helped to conveniently and quickly manage the application interface, the interactivity between the user and the application interface is improved, and the application interface better meets the user requirement.

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to methods, apparatuses, electronic devices, computer-readable storage media, and computer program products for managing application interfaces. Background Art

[0002] Currently, more and more applications are designed to provide users with various services. For example, users can publish, browse, and view various types of content in applications, including multimedia content such as videos, images, image collections, and sounds. Users can also interact with other users in applications, such as liking, collecting, and commenting on content published by other users, or following other users and visiting their personal homepages. Summary of the invention

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

[0004] In a second aspect of the present disclosure, a device for managing an application interface is provided. The device includes: a first rendering module configured to render a floating control at a first position of the application interface; a position determination module configured to determine, in response to receiving an interaction request for the floating control, a second position for rendering the floating control within a candidate area of ​​the application interface based on an interaction position of the interaction request in the application interface; and a second rendering module configured to render the floating control at the second position of the application interface.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the electronic device executes the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the medium, and when the computer program is executed by a processor, the method of the first aspect is implemented.

[0007] In a fifth aspect of the present disclosure, a computer program product is provided, which includes a computer program, wherein when the computer program is executed by a processor, the method according to the first aspect of the present disclosure is implemented.

[0008] It should be understood that the contents described in this content section are not intended to limit the key features or important features of the embodiments of the present disclosure, nor are they intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0010] Figure 1 A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;

[0011] Figures 2A to 2G shows an example interface according to some embodiments of the present disclosure;

[0012] Figure 3 A flowchart of a method for managing an application interface according to some embodiments of the present disclosure is shown;

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

[0014] Figure 5 A block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented is shown. DETAILED DESCRIPTION

[0015] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for illustrative purposes and are not intended to limit the scope of protection of the present disclosure.

[0016] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part 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.

[0017] Herein, unless explicitly stated, executing a step “in response to A” does not mean executing the step immediately after “A” but may include one or more intermediate steps.

[0018] It is understandable 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 relevant provisions.

[0019] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0020] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information, so that the user can independently choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that execute operations of the technical solution of the present disclosure based on the prompt message.

[0021] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information is sent to the user in a manner such as a pop-up window, in which the prompt information can be presented in text form. In addition, the pop-up window can also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0022] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet relevant laws and regulations may also be applied to the implementation of the present disclosure.

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

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

[0025] exist Figure 1 In the environment 100 , if the application 120 is in an active state, the terminal device 110 can present an interface 150 for supporting interface interaction through the application 120 .

[0026] In some embodiments, the terminal device 110 communicates with the server 130 to provide services for the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as a "wearable" circuit, etc.).

[0027] The server 130 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. The server 130 may include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, etc. The server 130 may provide background services for the application 120 that supports content presentation in the terminal device 110.

[0028] A communication connection may be established between the server 130 and the terminal device 110. The communication connection may be established in a wired manner or a wireless manner. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a universal serial bus connection, a wireless fidelity connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the terminal device 110 may implement signaling interaction through the communication connection between the two.

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

[0030] The terminal device / application can present controls on the application interface of the application and receive various trigger operations of the user on the controls. Traditionally, controls are fixedly presented at a certain position on the application interface. If there are other controls near this position, and the position corresponding to the control is close to the position corresponding to other controls, there may be cases of user accidental touches. For example, the user expects to trigger control A, but accidentally touches other control B. This will affect the user's interaction accuracy and the efficiency of the user's interaction with the control.

[0031] In view of this, an embodiment of the present disclosure proposes an improved scheme for managing an application interface. According to the scheme, a floating control is proposed. Unlike a fixed control that is displayed at a fixed position in the application interface, a user can move the position of the floating control. Specifically, a floating control is presented at a first position in the application interface. In response to receiving an interaction request for the floating control, a second position for presenting the floating control is determined within a candidate area in the application interface based on the interaction position of the interaction request in the application interface. The floating control is presented at the second position of the application interface. For example, the user can drag the icon of the floating control with a finger to move the floating control to a desired position within the candidate area in the application interface.

[0032] In this way, the embodiments of the present disclosure can move the floating control based on the user's interactive request, which can help the user to manage the application interface conveniently and quickly, improve the interactivity between the user and the application interface, and make the application interface more in line with the user's needs. Further, the candidate area can limit the movement range of the floating control, thereby avoiding interference with the user's normal use of the application when the floating control is moved to certain positions (for example, the center of the screen, or a position overlapping with other controls in the application interface).

[0033] The process of example interface interaction according to an embodiment of the present disclosure will be described below with reference to the accompanying drawings. Figures 2A to 2G Example interfaces 200A to 200G (also referred to as examples 200A to 200G) according to some embodiments of the present disclosure are shown. The interfaces shown in examples 200A to 200G may be presented at the terminal device 110. For ease of discussion, reference will be made to Figure 1 Examples 200A to 200G are described with reference to environment 100 .

[0034] It should be understood that the interfaces shown in the drawings are merely examples, and various interface designs may exist in practice. The various graphical elements in the interface may have different arrangements and different visual representations, one or more of which may be omitted or replaced, and one or more other elements may also exist. The embodiments of the present disclosure are not limited in this respect.

[0035] In environment 100, terminal device 110 presents an 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 presented. In some embodiments, a viewing interface refers to an interface for displaying or pushing media content and other related information to a user, and may also be referred to as a content display interface, a content presentation interface, a content browsing interface, a media item presentation page, and the like. The viewing interface may present a group of media items, and a group of media items may include one or more media items. A group of media items to be presented in a specific viewing interface may be determined according to application design requirements. The specific media content to be displayed in a group of media items and their number may vary in different scenarios.

[0036] The viewing interface may be any appropriate interface of the application 120. In some embodiments, the viewing interface may also be presented by detecting a startup operation of the application 120, for example, the viewing interface is a default interface presented when the application is started. In some embodiments, the terminal device 110 may present a group of media items in the viewing interface in any appropriate view mode (for example, a default view mode, which may be a view mode pre-set by the user, or a historical view mode when the user last exited the application and / or page).

[0037] In some embodiments, the terminal device 110 may support displaying a group of media items in multiple view modes. The 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 double-column view mode, a three-column view mode, etc.), and at least one multi-row view mode, etc. The single view mode can reduce the cost of user thinking and selection, while at least one multi-column view mode and at least one multi-row view mode facilitate users to explore more content of interest. Providing multiple view modes can facilitate users to select or switch view modes for displaying a group of media items according to their own needs.

[0038] In some embodiments, Figure 2A As shown, the terminal device 110 can present example 200A. Example 200A shows an example of presenting an application interface in a first view mode (e.g., a single view mode). Example 200A presents a floating control 210 and a group of fixed controls 220. A group of fixed controls 220 may include at least one fixed control, including but not limited to one or more of a follow control, a user avatar, a like control, a share control, a comment control, a favorite control, etc. Floating controls and fixed controls may be presented in different styles. For example, floating controls and fixed controls may be distinguished by different colors, transparencies, fonts, font sizes, etc.

[0039] 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. As an example, if a group of fixed controls 220 are arranged vertically and the centers of the group of fixed controls 220 are all located at the vertical line 225, the center of the floating control 210 may also be located at the 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 only an example, and at least one control in the group of fixed controls 210 may be presented at any appropriate position, and the floating control 210 may be presented at any appropriate position of the example 200A. The presentation position of the floating control 210 in the example 200A may be referred to as the first position.

[0040] It should be understood that Figure 2A Only an example of presenting the application interface in a vertical screen mode is schematically shown. Alternatively and / or additionally, the application interface can be presented in a horizontal screen mode. In this case, each control can be arranged in a horizontal direction (for example, displayed at the top or bottom of the application interface). Alternatively and / or additionally, each control can be arranged in a vertical direction (for example, displayed on the left or right side of the application interface).

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

[0042] The trigger operation may include multiple types of operations, and accordingly, the interaction request may also include multiple types of interaction requests. For example, the trigger operation may include a first type of click operation and a second type of drag operation, and the interaction request may 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 may switch the view mode of the application interface (for example, switch the first view mode to the second view mode, and the second view mode is different from the first view mode) in response to receiving an interaction request for the floating control 210 and the interaction request does not meet the 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). Utilizing some embodiments of the present disclosure, a floating control can be used to switch between different view modes, thereby facilitating users to obtain information.

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

[0044] It should be understood that before and after the view is switched, the application interface always displays the media items, and in the two view modes, the application interface can provide different numbers of media items. Specifically, in the first view mode, the application interface can display a single media item, and in the second view mode, the application interface can provide multiple media items. 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, in response to the user's interaction request for the floating control 210 being a click operation, the visual representation of the floating control can be updated. Specifically, the visual representation of the floating control can be changed from an icon for switching to the dual-column mode (such as Figure 2A ) is updated to an icon for switching to a single view mode (as shown in the floating control 210 in FIG. Figure 2B According to some implementations of the present disclosure, the floating control 240 may be presented at any position of the application interface, for example, at a random position, at the same position as the floating control 210, or at a blank position in the application interface that does not overlap with other controls.

[0045] In some embodiments, the terminal device 110 may also determine a second position for presenting the floating control 210 based on the interactive position of the interactive request in the application interface in response to determining that the interactive request for the floating control 210 received in example 200A satisfies a predetermined type (for example, if the second type is a predetermined type and the interactive request is a second type, it can be determined that the interactive request satisfies the predetermined type). 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 interactive request stops. For example, the position of the floating control may stop moving 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.

[0046] In some embodiments, the terminal device 110 may also store the second position after the interaction request stops, and in response to determining that the application interface is restarted, present the floating control at the second position in the restarted application interface. That is, the terminal device 110 may determine the stored second position as the default position for presenting the floating control 210 in the application interface after the application 120 is started next time. In this way, the position of the floating control specified by the user according to his own needs is supported to be stored, and the default position may be automatically stored in the subsequent automatic application process.

[0047] 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 satisfying a predetermined condition, determine the second position based on the interactive position. The resolution of the terminal device 110 itself is associated with the height and width of the screen of the terminal device 110. For example, the larger the height and width of the screen of the terminal device 110, the larger the corresponding resolution. The predetermined condition may indicate a threshold resolution (including both height and width directions). For example, the terminal device 110 may compare its own resolution with the threshold resolution, and in response to the resolution reaching the threshold resolution, determine that its own resolution satisfies the predetermined condition, and then determine the second position based on the interactive position. For example, in the vertical screen display mode, only the height direction in the resolution may be compared; in the horizontal screen display mode, only the width direction in the resolution may be compared, and so on. In this way, it is possible to support the position of the floating control being moved at a large-size device, and avoid misoperation at a small-size device.

[0048] Regarding the specific method of determining the second position, in some embodiments, the terminal device 110 can determine the second position directly based on the interaction position. For example, the terminal device 110 can directly determine the interaction position (that is, the contact position between the user's finger and the screen) as the second position, and 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 group of fixed controls 220 in 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.

[0049] The terminal device 110 may determine the candidate area based on the position of the fixed controls in any manner. For example, the terminal device 110 may obtain setting information pre-entered by the user, and the setting information may indicate the positional relationship between the position of a group of fixed controls 220 and the candidate area. The group of fixed controls 220 may be located outside the candidate area, that is, the candidate area does not include the fixed controls. The terminal device 110 may further determine the candidate area based on the position of the group of fixed controls 220 and the setting information. Figure 2C As shown, if the setting information indicates that the candidate area is located above a group of fixed controls 220, the terminal device 110 can determine the candidate area 250 in response to receiving a predetermined type of interaction request for the floating control 210 in example 200C. In this way, the floating control can be moved in a blank area in the application interface, thereby avoiding overlapping display of the floating control and the fixed control.

[0050] In some embodiments, the fixed controls in the application interface may also include navigation tags. For example, the application interface shown in example 200C may also include multiple navigation tags such as "Same City", "Follow", and "Recommend". In response to receiving an interaction request for a navigation tag, the terminal device 110 may switch to an interface corresponding to the navigation tag. In some embodiments, to prevent the navigation tag from being blocked by the floating control 210 after it is moved, the terminal device 110 may also determine a candidate area based on the position of the navigation tag. For example, Figure 2C As shown, the candidate area 250 may be located below the navigation tag "Same City", the navigation tag "Follow", the navigation tag "Recommendation", etc., and above the navigation tag "Home", the navigation tag "Friends", etc.

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

[0052] In some embodiments, the terminal device 110 may switch the state of the floating control 210 to a moving state in response to receiving an interaction request for the floating control 210 that meets a predetermined type. The terminal device 110 may overlay an interaction layer in the candidate area 250 to indicate that the floating control 250 is in a moving state. In some embodiments, the terminal device 110 may also present prompt information in the candidate area to indicate that the floating control is in a moving state. For example, Figure 2C As shown, the terminal device 110 may present a prompt text “Release to complete position adjustment” in the candidate area 250. In this way, positive feedback may be provided to the user so as to inform the user that the position of the floating control is currently being moved.

[0053] 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 shape, size, color, transparency, etc. of the floating control. For example, referring to Figure 2A and Figure 2C In the case where no interaction request for the floating control 210 that satisfies the predetermined type is received, the terminal device 110 may present the floating control in a first style at the first position of the example 200A (at this time, the floating control is in a stationary state). In response to receiving an interaction request for the floating control 210 that satisfies the predetermined type, the terminal device 110 may present the floating control in a second style in the candidate area 250 of the example 200C (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, and the like. In this way, the user may be supported to distinguish between different states of the floating control.

[0054] In some embodiments, the terminal device 110 can determine the position of the first dimension corresponding to the application interface based on the position of a group of fixed controls 220, and determine the position of the second dimension corresponding to the application interface based on the interactive 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. The first dimension here can be, for example, a horizontal dimension, and the second dimension can be, for example, a vertical dimension. For example, in order to ensure the aesthetics of the interface, it can be ensured that the centers of each fixed control in a group of fixed controls 220 and the floating control 210 are located on the same vertical line, that is, the horizontal dimension of each fixed control is the same as the horizontal dimension of the floating control 210. The terminal device 110 can adjust the vertical dimension of the second position of the floating control 210 based on the interactive position.

[0055] refer to Figure 2D and Figure 2E As shown in Example 200D and Example 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 that the second position is the position shown in Example 200E, and present the floating control 210 at the second position. It should be noted that since the second position is located in the candidate area 250, if the second position is located at the edge of the candidate area 250 and the interactive position indicates moving outside the candidate area, the terminal device 110 will no longer adjust the second position.

[0056] refer to Figure 2D and Figure 2F As shown in Example 200D and Example 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 may not adjust the second position and still present the floating control 210 at the second position.

[0057] refer to Figure 2D and Figure 2G As shown in Example 200D and Example 200G, if the interaction position moves laterally from the position shown in Example 200D to the position shown in Example 200G, since the terminal device 110 only adjusts the longitudinal dimension of the second position and does not adjust the lateral dimension of the second position, the terminal device still presents the floating control 210 at the second position shown in Example 200D.

[0058] It should be understood that although the above only describes an example of determining the second position based on the interaction position, alternatively and / or additionally, the second position can be determined based on other methods. For example, the interaction position can be moved within the entire range of the application interface. In this case, the interaction position can be mapped to the 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 that the height of the application interface is N times the height of the candidate area, when the user's finger moves down by X pixels, the second position moves down by In this way, it is possible to support adjustment of the second position with higher precision.

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

[0060] In summary, floating controls can be moved based on user interaction requests, which can help users manage application interfaces conveniently and quickly, improve the interactivity between users and application interfaces, and make application interfaces more in line with user needs.

[0061] Figure 3 1 is a flowchart of a method 300 for managing an application interface according to some embodiments of the present disclosure. The method 300 may be implemented at the terminal device 110. Figure 1 Method 300 is described.

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

[0063] 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 the candidate area in the application interface based on the interaction position of the interaction request in the application interface.

[0064] In box 330, the terminal device 110 presents the floating control at the second position of the application interface.

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

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

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

[0068] 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 stops, presenting the floating control at a second position of the application interface.

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

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

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

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

[0073] In some embodiments, method 300 further includes: storing the second position; and in response to determining that the application interface is restarted, presenting the floating control at the second position in the restarted application interface.

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

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

[0076] The embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4An example structural block diagram of an apparatus 400 for managing application interfaces according to some embodiments of the present disclosure is shown. The apparatus 400 may be implemented as or included in a terminal device 110. Each module / component in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0077] like Figure 4 As shown, the device 400 includes: a first rendering module 410, configured to present a floating control at a first position in an application interface; a position determination module 420, configured to determine, in response to receiving an interaction request for the floating control, 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; and a second rendering module 430, configured to present the floating control at a second position in the application interface.

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

[0079] In some embodiments, the device 400 further includes at least any one of the following: a layer presentation module, configured to superimpose an interactive layer in the candidate area to indicate that the floating control is in a moving state; or an information presentation module, configured to present prompt information in the candidate area to indicate that the floating control is in a moving state.

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

[0081] In some embodiments, the interaction request is a drag request for a floating control, and the device 400 further includes: a first control rendering module, configured to render the floating control at a second position of the application interface in response to determining that the interaction request stops.

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

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

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

[0085] In some embodiments, the method is implemented in 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 satisfies a predetermined condition.

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

[0087] In some embodiments, the apparatus 400 further comprises: a second position determination module configured to determine a second position based on the interaction position in response to determining that the interaction request satisfies a predetermined type.

[0088] In some embodiments, the floating control includes a view switching control, and the application interface is presented in a first view mode. 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 the predetermined type, and the second view mode is different from the first view mode.

[0089] The modules included in the 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 the device 400 can be implemented at least in part by one or more hardware logic components. As an 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), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0090] Figure 5 1 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 Figure 5 The electronic device 500 shown is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to implement Figure 1 terminal device 110.

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

[0092] The electronic device 500 typically includes a plurality of computer storage media. Such media may be any accessible media that is accessible to the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (e.g., registers, caches, random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and / or data and may be accessed within the electronic device 500.

[0093] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Figure 5 As shown in , a disk drive for reading or writing from a removable, non-volatile disk (e.g., a "floppy disk") and an optical drive for reading or writing from a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules that are configured to perform various methods or actions of various embodiments of the present disclosure.

[0094] The communication unit 540 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate through a communication connection. Therefore, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0095] The input device 550 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 560 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 may also communicate with one or more external devices (not shown) through the communication unit 540 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 500, or communicate with any device that allows the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

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

[0097] Various aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of the methods, devices, equipment, and computer program products implemented according to the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram can be implemented by computer-readable program instructions.

[0098] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

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

[0100] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple implementations of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some implementations as replacements, the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0101] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.

Claims

1. A method for managing an application interface, comprising: Presenting a floating control at a first position of the application interface; In response to receiving an interaction request for the floating control, determining, within a candidate area in the application interface, a second position for presenting the floating control based on an interaction position of the interaction request in the application interface; as well as The floating control is presented at the second position of the application interface. 2 . The method according to claim 1 , wherein the candidate area is determined based on a position of at least one fixed control in the application interface.

3. The method according to claim 2, further comprising 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 Prompt information is presented in the candidate area to indicate that the floating control is in a moving state.

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

5. The method according to claim 1, wherein the interaction request is a drag request for the floating control, the method further comprising: In response to determining that the interaction request stops, presenting the floating control at the second position of the application interface. 6 . The method according to claim 2 , wherein a size of the candidate area is smaller than a size of the application interface, and at least one fixed control is located outside the candidate area.

7. The method of claim 2, wherein a 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 position of the application interface comprises: presenting the floating control in a first style; as well as Presenting the floating control at the second position of the application interface includes: presenting the target control in a second style, where the second style is different from the first style.

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

10. The method according to claim 1, further comprising: storing the second position; as well as In response to determining that the application interface is restarted, presenting the floating control at the second position in the restarted application interface.

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

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

13. A device for managing an application interface, comprising: A first presentation module, configured to present a floating control at a first position of the application interface; a position determination module 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 an 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 position of the application interface.

14. An electronic device comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, 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 processing unit.

15. A computer-readable storage medium having a computer program stored thereon, wherein the computer program 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 a computer program, wherein the computer program implements the method according to any one of claims 1 to 12 when executed by a processor.

Images