WO2022179409A1 - Control display method and apparatus, device, and medium - Google Patents
Control display method and apparatus, device, and medium Download PDFInfo
- Publication number
- WO2022179409A1 WO2022179409A1 PCT/CN2022/076308 CN2022076308W WO2022179409A1 WO 2022179409 A1 WO2022179409 A1 WO 2022179409A1 CN 2022076308 W CN2022076308 W CN 2022076308W WO 2022179409 A1 WO2022179409 A1 WO 2022179409A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- target
- control
- operation area
- display
- area
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 79
- 230000004044 response Effects 0.000 claims description 22
- 238000004590 computer program Methods 0.000 claims description 21
- 238000001514 detection method Methods 0.000 claims 4
- 238000010586 diagram Methods 0.000 description 46
- 230000006870 function Effects 0.000 description 22
- 230000008569 process Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 9
- 230000000007 visual effect Effects 0.000 description 8
- 230000002452 interceptive effect Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
Definitions
- the present disclosure relates to the technical field of electronic devices, and in particular, to a control display method, apparatus, device, non-volatile computer-readable storage medium, computer program, and computer program product.
- the present disclosure provides a control display method, comprising: displaying a first control in a first operation area of a target interface; when detecting a target triggering operation for triggering the target one-handed mode A preset control is displayed in the target one-hand operation area, and the preset control is used to control the display or hiding of the first control in the target one-hand operation area, and the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, The target one-hand operation area is different from the first operation area.
- the present disclosure provides a control display device, comprising: a first display unit, configured to display a first control in a first operation area of a target interface; When the target trigger operation of the target one-handed mode, the preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used to control the display or hide of the first control in the target one-handed operation area.
- the area is a one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
- the present disclosure provides an electronic device, comprising: a processor; a memory for storing executable instructions; wherein the processor is configured to read the executable instructions from the memory, and execute the executable instructions to implement the first The control display method described in the aspect.
- the present disclosure provides a non-volatile computer-readable storage medium, where the storage medium stores a computer program, and when the computer program is executed by an electronic device, enables the electronic device to implement the control display method described in the first aspect .
- the present disclosure provides a computer program, comprising: instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
- the present disclosure provides a computer program product comprising instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
- FIG. 1 is a scene diagram of operating an electronic device with one hand according to an embodiment of the present disclosure
- FIG. 2 is a schematic flowchart of a control display method according to an embodiment of the present disclosure
- FIG. 3 is a schematic diagram of a target interface provided by an embodiment of the present disclosure.
- FIG. 4 is a schematic diagram of the embodiment shown in FIG. 3 in a left-handed mode
- FIG. 5 is a schematic diagram of a drag operation provided by an embodiment of the present disclosure.
- Fig. 6 is the drag result schematic diagram of the drag operation shown in Fig. 5;
- FIG. 7 is a schematic diagram of another target interface provided by an embodiment of the present disclosure.
- FIG. 8 is a schematic diagram of the embodiment shown in FIG. 7 in a left-handed mode
- FIG. 9 is a schematic diagram of another drag operation provided by an embodiment of the present disclosure.
- FIG. 10 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 9;
- FIG. 11 is a schematic diagram of still another drag operation provided by an embodiment of the present disclosure.
- FIG. 12 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 11;
- FIG. 13 is a schematic diagram of still another drag operation provided by an embodiment of the present disclosure.
- FIG. 14 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 13;
- FIG. 15 is a schematic diagram of still another target interface provided by an embodiment of the present disclosure.
- FIG. 16 is a schematic diagram of the embodiment shown in FIG. 15 in a left-handed mode
- FIG. 17 is a schematic diagram of a live room interface provided by an embodiment of the present disclosure.
- FIG. 18 is a schematic diagram of the embodiment shown in FIG. 17 in a left-handed mode
- FIG. 19 is a schematic diagram of the embodiment shown in FIG. 17 in a right-hand mode
- FIG. 20 is a schematic structural diagram of a control display device according to an embodiment of the present disclosure.
- FIG. 21 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.
- the term “including” and variations thereof are open-ended inclusions, ie, "including but not limited to”.
- the term “based on” is “based at least in part on.”
- the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
- the present disclosure provides a control display method, apparatus, device and medium.
- FIG. 1 shows a scene diagram of operating an electronic device with one hand according to an embodiment of the present disclosure.
- the scene diagram may show a scene in which the user holds the electronic device 101 with one hand.
- the electronic device 101 may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
- the electronic device 101 may display the first controls in the first operation area of the target interface during the process of displaying the first controls. , when a target triggering operation for triggering the target one-handed mode is detected, in the target one-handed operation area corresponding to the target one-handed mode on the target interface, a display for controlling the first control to perform in the target one-handed operation area is displayed.
- the target one-hand operation area can be different from the first operation area, thus, the first control in the first operation area can be stored in the preset control located in the target one-hand operation area , it is convenient for the user to use the electronic device 101 with one hand, while browsing the target interface, control the first control to be displayed in the target one-handed operation area through the preset control, and then without changing the display size of the target interface In this way, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience.
- the electronic device can display the live broadcast room interface, the live broadcast room interface can display the live broadcast screen, and the live broadcast screen in the first operation area of the live broadcast room interface can be superimposed and displayed with the first control.
- the electronic device 101 detects a target triggering operation for triggering the target one-handed mode, it can display a superimposed display on the live broadcast screen in the target one-handed operation area corresponding to the target one-handed mode on the interface of the live broadcast room.
- the control is a preset control that is displayed or hidden in the target one-hand operation area, and the target one-hand operation area may be different from the first operation area.
- the first control in the first operation area can also be stored in the preset control located in the target one-handed operation area, and the first control can be controlled by the preset control in the target one-handed operation area. After being superimposed and displayed on the live broadcast screen in the operation area, the user can easily touch all the first controls, which improves the user's operation convenience.
- the control display method may be executed by an electronic device.
- the electronic device may be the electronic device 101 shown in FIG. 1 held by a user with one hand.
- the electronic device may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
- FIG. 2 shows a schematic flowchart of a control display method provided by an embodiment of the present disclosure.
- control display method may include the following steps.
- the target interface may be a page in the target application for displaying target content.
- the target application can be any application, which is not limited here.
- the target content can be any content, which is not limited here.
- the target content may include at least one of text, images, audio pictures, video pictures, and the like.
- At least one first control may be displayed in the first operation area of the target interface.
- the number of the first controls may be 1, 2, 5, 10 or more.
- the first control may be a control with any interactive function, which is not limited herein.
- the first control may be superimposed and displayed on the target content, that is, a floating layer may be set on the target content in the target interface, and the first control may be displayed in the floating layer.
- the distance between the top boundary of the first operation area and the bottom boundary of the target interface may be less than or equal to the first predetermined threshold.
- the first predetermined threshold may be any height value smaller than the height of the target interface, which is not limited herein.
- the first predetermined threshold may be 1/2, 1/3 or 1/4 of the height of the target interface.
- the bottom boundary of the first operation area may coincide with the bottom boundary of the target interface.
- the bottom boundary of the first operation area may also not coincide with the bottom boundary of the target interface, that is, the bottom boundary of the first operation area may also be higher than the bottom boundary of the target interface. This disclosure does not limit this.
- the width of the first operation area may be smaller than or equal to the width of the target interface, which is not limited herein.
- the target interface displayed when the electronic device is in a non-one-handed operation mode is described below with a specific example.
- FIG. 3 shows a schematic diagram of a target interface provided by an embodiment of the present disclosure.
- a target interface 301 when the electronic device is in a non-one-handed operation mode, a target interface 301 can be displayed, the target interface 301 has a first operation area 302 , and the bottom boundary of the first operation area 302 can be coincident with the bottom boundary of the target interface 301 , and The distance between the top boundary of the first operation area 302 and the bottom boundary of the target interface 301 is 1/4 of the height of the target interface 301 , that is, the first operation area 302 may be the bottom operation area of the target interface 301 .
- Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively.
- a preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used to control the first control to operate on the target one-handed Display or hide in the operation area, the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
- a target triggering operation for triggering the target one-handed mode can be input to the electronic device, so as to trigger the electronic device to enter the target triggering operation for the target interface
- a preset control for controlling the display or hiding of the first control in the target one-hand operation area is displayed.
- the target one-handed mode may include any one of a left-handed mode and a right-handed mode.
- the target trigger operation may include a user's key operation on a target entity key of the electronic device, a user's key operation on a target virtual key in the target interface, a user's target gesture operation on the target interface, and a user's key operation on the electronic device. any of the voice control operations.
- the target entity button may be a single entity button preconfigured for triggering the target one-handed mode, or a preconfigured entity button for triggering the target Physical key combination for one-handed mode.
- the target triggering operation may be a user's single-click, double-click, long-press and other operations on the target entity button of the electronic device.
- the target virtual key may be a single virtual key preconfigured for triggering the target one-handed mode, or a preconfigured virtual key for triggering the target one-handed mode. Virtual key combination for target one-handed mode.
- the target triggering operation may be a user's single-click, double-click, long-press and other operations on the target virtual key of the electronic device.
- the target triggering operation includes a user's target gesture operation on the target interface
- the target gesture operation may be a preconfigured gesture operation for triggering the target one-handed mode.
- the target triggering operation may include operations such as the user's click, double-click, and long-press on the non-control area of the target interface, and may also include the user's slap operation on the target interface, which is not limited herein.
- the target triggering operation includes the user's voice control operation on the electronic device
- the target triggering operation may include a user sending a message to the electronic device for triggering the target Voice control commands in hand mode.
- the electronic device may be preset with corresponding relationships between different trigger operations and different one-hand modes, and each one-hand mode corresponds to a one-hand operation area. After the electronic device receives the target trigger operation, it can Based on the corresponding relationship, the target one-handed mode corresponding to the target triggering operation is determined, and then the target one-handed operation area corresponding to the target one-handed mode is determined.
- the electronic device may be preset with a corresponding relationship between different physical keys and different one-handed modes, and each one-handed mode corresponds to a one-handed operation area, after the electronic device receives the user's key operation on the target entity key of the electronic device, the electronic device can determine the target one-hand mode corresponding to the target entity key operated by the user based on the corresponding relationship, and then determine the target one-hand mode corresponding to the target entity key. target one-handed operation area.
- the electronic device may preset the correspondence between different virtual keys and different one-handed modes. After the key operation of the target virtual key, the electronic device can determine the target one-hand mode corresponding to the target virtual key operated by the user based on the corresponding relationship, and then determine the target one-hand operation area corresponding to the target one-hand mode.
- the electronic device may preset different correspondences between gesture operations and different one-handed modes.
- the electronic device may determine the target one-handed mode corresponding to the target gesture operation based on the corresponding relationship, and then determine the target one-handed operation area corresponding to the target one-handed mode.
- the electronic device can determine the target one-handed mode indicated by the voice control command, and then determine The target one-hand operation area corresponding to the target one-hand mode.
- the difference between the target one-hand operation area and the first operation area refers to any one of the following situations: the target one-hand operation area and the first operation area do not overlap at all; the target one-hand operation area and the first operation area do not partially overlap.
- the electronic device can store the first controls in the first operation area that at least partially do not overlap with the target one-hand operation area into the preset controls, thereby improving the convenience of one-hand operation.
- the one-hand operation area may include a left-hand operation area and a right-hand operation area, that is, the target one-hand operation area may be any one of the left-hand operation area and the right-hand operation area.
- the left-hand mode corresponds to the left-hand operation area
- the right-hand mode corresponds to the right-hand operation area
- the electronic device can enter the left-hand mode, and then determine the left-hand operation area corresponding to the left-hand mode; if the user slaps the target with the right hand interface, the electronic device can enter the right-hand mode, and then determine the right-hand operation area corresponding to the right-hand mode.
- the left-hand operation area may be located in the lower left part of the target interface, and the right-hand operation area may be located in the lower right part of the target interface.
- the height of the one-handed operation area may be less than or equal to 2/3 of the target interface, and the width of the one-handed operation area may be less than or equal to 1/2 of the target interface.
- the preset control may be superimposed and displayed on the target content of the target interface in the target one-hand operation area of the target interface.
- the preset control can be any form of control, which is not limited here.
- the preset control can be used to control the display or hiding of the first control in the target one-hand operation area.
- the user can trigger the preset control to display or hide the control controlled by the preset control in the target one-hand operation area. hide.
- the preset control may be located in a target vertex area of the target one-hand operation area, and the target vertex area may be an area close to the bottom vertex of the target interface.
- the target vertex area can be close to the lower left vertex of the target interface, that is, the target vertex area can be the lower left vertex area of the target one-hand operation area; the target one-hand operation area is right-hand operation In the case of an area, the target vertex area may be close to the lower right vertex of the target interface, that is, the target vertex area may be the lower right vertex area of the target one-hand operation area.
- control display method may further include:
- the first control is displayed in the target one-handed operation area
- the first control is hidden in the target one-handed operation area.
- the control triggering operation may be a user's click, long-press, double-click, voice control, and other operations on the preset control.
- the electronic device can display the first control in the target one-handed operation area, and in the process of displaying the first control in the target one-handed operation area, after the user clicks the preset control again, The electronic device can hide the first control in the target one-handed operation area, so that the storage function of the first control can be realized through the preset control.
- the preset control for controlling the display or hiding of the first control in the target one-hand operation area may specifically include: the preset control is used for displaying or hiding in the target one-hand operation area by controlling the preset control panel. , to display or hide the first control located in the preset control panel.
- displaying the first control in the target one-handed operation area may include: displaying a preset control panel in the target one-handed operation area, and displaying the first control through the preset control panel.
- Hiding the first control in the target one-hand operation area may include: hiding a preset control panel in the target one-hand operation area.
- the electronic device can make the preset control panel corresponding to the preset control pop up in the target one-handed operation area, and display the preset control panel in the target one-handed operation area.
- the control panel can cover at least part of the target one-handed operation area, and at the same time, the preset control panel can display a first control.
- the electronic device can make the preset control panel retract.
- the preset control panel may be superimposed and displayed on the target content in the target one-hand operation area of the target interface.
- the preset control panel may have any shape and any transparency, as long as it can be used to accommodate the first control, which is not limited herein.
- the electronic device may display the first control in the preset control panel according to the initial display position of the first control.
- the initial display position of the first control may be the display position of the first control in the first operation area when the target interface is in a non-one-handed operation mode.
- the electronic device can determine the distance between the initial display position of each first control and the vertex of the target interface that is close to the target one-handed operation area, and then, according to the distance from near to far, in the preset control In the panel, the first controls are arranged from the position close to the vertex to the position far from the vertex.
- the electronic device can determine the straight-line distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area, Then, according to the order of linear distance from near to far, in the vertical direction in the preset control panel, the first controls are evenly arranged from the position close to the vertex to the position far from the vertex.
- the electronic device can also determine the horizontal distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area. Coordinate distance and ordinate distance, and then according to the order of ordinate distance from near to far, in the vertical direction in the preset control panel, evenly arrange each first control from the position close to the vertex to the position far from the vertex , if there are at least two first controls with the same ordinate distance from the vertex, then in the vertical direction from the position close to the vertex to the position far from the vertex according to the order of the abscissa distance from near to far Arrange these first controls evenly.
- the electronic device can also determine the horizontal distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area. Coordinate distance and ordinate distance, and then according to the order of ordinate distance from near to far, in the vertical direction in the preset control panel, evenly arrange each first control from the position close to the vertex to the position far from the vertex , if there are at least two first controls with the same ordinate distance from the vertex, then in the order of the abscissa distance from near to far, the horizontal direction is uniform from the position close to the vertex to the position far from the vertex Lay out these first controls.
- the target interface 301 can enter the left-hand mode shown in FIG. 4 .
- FIG. 4 shows a schematic diagram of the embodiment shown in FIG. 3 in a left-handed mode.
- the electronic device can display a target interface 401 , the target interface 401 has a left-hand operation area 402 , the height of the left-hand operation area 402 is 2/3 of the target interface 401 , and the width of the left-hand operation area 402 is 1/2 of the target interface 401 . /2.
- a preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 .
- the user can click the preset control 404 to make the preset control 404 pop up the preset control panel 405 .
- a first control panel 406 may be displayed in the preset control panel 405 .
- the first control 406 may include control 1 and control 2, because the distance between the initial display position of control 1 (refer to FIG.
- the control 1 can be located above the control 2
- the control 2 is made closer to the lower left vertex of the target interface 401, thereby making the control 2 more convenient for the user to operate.
- the preset control 404 pops up the preset control panel 405, the user can also click the preset control 404 again to make the preset control 404 retract the preset control panel 405 downward.
- a display for controlling the first control in the target one-hand mode can be displayed.
- the preset control displayed or hidden in the target one-hand operation area since the first control is a control displayed in the first operation area of the target interface, the first control in the first operation area can be stored in the
- the preset controls located in the target one-hand operation area are convenient for the user to use the electronic device with one hand, while browsing the target interface, the preset controls are used to control the display of the first control in the target one-hand operation area, and then Without changing the display size of the target interface, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience. .
- control display method may further include: stopping displaying the first control in the first operation area.
- the electronic device can stop displaying the first control in the first operation area while displaying the preset control, so as to avoid overlapping of the first control and repetition, make the target interface concise and beautiful, and improve the visual experience of the target interface.
- the target one-hand operation area may also be used to fix the display controls when the target interface is in the target one-hand mode.
- the control The display method may further include: receiving a first adjustment operation on a first target control, where the first target control is a control located in a preset control panel; in response to the first adjustment operation, moving the first target control from the preset control panel Display it to the first target position in the target one-handed operation area.
- the electronic device may receive the user's first adjustment operation on the first target control in the preset control panel, and at this time, the electronic device may determine that the user wishes to adjust the first target control
- the control is placed at the first target position in the target one-handed operation area for fixed display, and then in response to the first adjustment operation, the display of the first target control in the preset control panel is stopped, and the target single selected by the first adjustment operation is displayed.
- the first target control is displayed, so as to move the first target control from the preset control panel to the first target position for display.
- the first target control may be any control displayed in the preset control interface, which is not limited herein.
- the first adjustment operation may include a first trigger operation for triggering adjustment of the display position of the first target control and a first selection operation for selecting a position to be adjusted of the first target control.
- the first trigger operation may be a double-click, long-press, voice control, etc. on the first target control
- the first selection operation may be a click, double-click, long-press, voice control, etc. on the to-be-adjusted position of the first target control operate.
- the to-be-adjusted position selected by the first selection operation is the first target position in the target one-handed operation area selected by the first adjustment operation.
- the first adjustment operation may also include an operation of dragging the first target control into the target one-handed operation area.
- the electronic device may take the end position of the first adjustment operation, that is, the drag end position as the first target position selected by the first adjustment operation.
- FIG. 5 shows a schematic diagram of a drag operation provided by an embodiment of the present disclosure.
- FIG. 6 shows a schematic diagram of the dragging result of the dragging operation shown in FIG. 5 .
- the electronic device can display a target interface 501 , the target interface 501 has a left-hand operation area 502 , and a preset control 504 is displayed in the lower left vertex area 503 of the left-hand operation area 502 .
- the preset control panel 505 can display the control 1 and the control 2, and the user can set the first target control 506 displayed in the preset control panel 505 as a control 1. Drag to the area other than the preset control panel 505 in the left-hand operation area 502, and drag the first target control 506 to the first target position 507.
- the electronic device no longer displays the first target control 506 through the preset control panel 505, but the user in the left-hand operation area 502 operates by dragging A first target control 506 is displayed at the selected first target location.
- the user can adjust the display position of the first target control displayed in the preset control panel, so that it can be fixedly displayed in the one-handed operation area after adjustment, so that the user does not need to control the preset control panel to pop up.
- Conveniently touching the first target control can not only satisfy the user's individual requirements, but also further improve the convenience of the user's operation.
- control display method may further include: receiving an area adjustment operation on the target one-handed operation area; in response to the area adjustment operation, selecting the control according to the area adjustment operation The target display parameter of , displays the target one-handed operation area.
- the display parameter may include at least one of a display size and a display position of the target one-handed operation area.
- the area adjustment operation may include a drag operation on at least one of the target one-hand operation area and the area boundary of the target one-hand operation area.
- the target display parameters may include at least one of a target display size and a target display position selected by the area adjustment operation.
- the area adjustment operation can be used to adjust the display position in the display parameters of the target one-handed operation area, and the electronic device can respond to the area adjustment operation,
- the display position of the target one-hand operation area is taken as the target display position in the target display parameters of the target one-hand operation area, and then displayed at the target display position.
- Target one-handed operation area is taken as the target display position in the target display parameters of the target one-hand operation area, and then displayed at the target display position.
- the area adjustment operation may be used to adjust the display size in the display parameters of the target one-handed operation area, and the electronic device may respond to the area adjustment operation , according to the display size of the target one-hand operation area when the dragging of any area boundary of the target one-hand operation area ends at the end of the area adjustment operation as the target display size in the target display parameters of the target one-hand operation area, and then according to the target one-hand operation area Display size, showing the target one-handed operation area.
- the user can flexibly adjust the display parameters of the target one-handed operation area, thereby satisfying the user's personalized needs.
- the target interface may further include a second control.
- control display method before detecting a target triggering operation for triggering the target one-handed mode, the control display method may further include:
- a second control is displayed in a second operation area of the target interface, and the second operation area does not overlap with the first operation area.
- the target interface may include at least one second control.
- the number of the second controls may be 1, 2, 5, 10 or more.
- the interactive function of the second control may be different from that of the first control.
- the second control is also a control that can have any interactive function.
- the second control may be superimposed and displayed on the target content in the target interface, that is, a floating layer may be set on the target content in the target interface, and the second control may be displayed in the floating layer.
- the floating layer where the second control is located may be the same as the floating layer where the first control is located, or may be different from the floating layer where the first control is located, which is not limited herein.
- the second operation area does not overlap with the first operation area.
- the distance between the bottom boundary of the second operation area and the bottom boundary of the target interface may be greater than or equal to the second predetermined threshold.
- the second predetermined threshold may be any height value smaller than the height of the target interface, which is not limited herein.
- the second predetermined threshold may be 1/2, 1/3 or 1/4 of the height of the target interface.
- the top border of the second operation area may coincide with the top border of the target interface.
- the top boundary of the second operation area may also not coincide with the top boundary of the target interface, that is, the top boundary of the second operation area may also be lower than the bottom boundary of the target interface. This disclosure does not limit this.
- the addition of the second predetermined threshold and the first predetermined threshold may be equal to the height of the target interface, or may be smaller than the height of the target interface, that is, the top boundary of the first operation area and the bottom boundary of the second operation area may overlap, or may not be. Coincidence is not limited here.
- the width of the second operation area may be smaller than or equal to the width of the target interface, which is not limited herein.
- FIG. 7 shows a schematic diagram of another target interface provided by an embodiment of the present disclosure.
- the electronic device can display a target interface 301, the target interface 301 has a first operation area 302 and a second operation area 304, the bottom boundary of the first operation area 302 can be coincident with the bottom boundary of the target interface 301, and the The distance between the top boundary of an operation area 302 and the bottom boundary of the target interface 301 is 1/4 of the height of the target interface 301 , that is, the first operation area 302 may be the bottom operation area of the target interface 301 .
- the top boundary of the second operation area 304 may coincide with the top boundary of the target interface 301, and the distance between the bottom boundary of the second operation area 304 and the top boundary of the target interface 301 is 1/3 of the height of the target interface 301, that is, the first
- the second operation area 304 may be the top operation area of the target interface 301 .
- Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively.
- Three second controls 305 may be displayed in the second operation area 304 of the target interface 301 , and the three second controls 305 may be respectively control 3 , control 4 and control 5 .
- the second operation area is different from the first operation area.
- the difference between the target one-hand operation area and the first operation area refers to any one of the following situations: the target one-hand operation area and the first operation area do not overlap at all; the target one-hand operation area and the first operation area do not partially overlap.
- the electronic device can display the second control in the second operation area that is at least partially non-overlapping with the target one-hand operation area in the target one-hand operation area, thereby improving the convenience of one-hand operation.
- control display method may further include: in the target one-handed operation area, according to the target layout, The second control is displayed, and the target layout mode is determined according to the display position of the second control in the second operation area.
- the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, the first A control and a second control, and the second control is displayed in the target one-hand operation area of the target interface according to the target layout.
- the second control may be superimposed and displayed on the target content in the target one-hand operation area of the target interface.
- the second control and the preset control may be located on the same floating layer, or may be located on different floating layers, which is not limited herein.
- the floating layer where the preset control panel corresponding to the preset control is located may be located above the floating layer where the second control is located, that is, after the electronic device pops up the preset control panel, the preset control panel may cover the second control. to display.
- the electronic device may determine the target layout manner of the second control according to the initial display position of the second control.
- the initial display position of the second control may be the display position of the second control in the second operation area when the target interface is in a non-one-handed operation mode.
- the electronic device can determine the distance between the initial display position of each second control and the vertex of the target interface that is close to the target one-handed operation area, and then, according to the order of the distance from near to far, from near to the vertex Arrange and arrange each second control from the position away from the vertex to obtain the target layout mode.
- the method for determining the target layout mode is similar to the above-mentioned method for arranging the first controls in the preset control panel, and details are not described here.
- the target interface 701 can enter the left-hand mode shown in FIG. 8 .
- FIG. 8 shows a schematic diagram of the embodiment shown in FIG. 7 in a left-handed mode.
- the electronic device can display a target interface 401 , the target interface 401 has a left-hand operation area 402 , the height of the left-hand operation area 402 is 2/3 of the target interface 401 , and the width of the left-hand operation area 402 is 1/2 of the target interface 401 . /2.
- a preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 .
- Three second controls 408 may be displayed in an area other than the lower left vertex area 403 of the left-hand operation area 402 , and the three second controls 408 may be respectively control 3 , control 4 and control 5 .
- the three second controls 408 can be arranged vertically above the preset controls 404. Since the ordinate distance between the initial display position of the control 3 (refer to FIG. 7 for the initial display position) and the lower left vertex of the target interface is the largest, the control 3 Arranged at the farthest position from the preset control 404 . Since the ordinate distance between the initial display positions of control 4 and control 5 (refer to FIG.
- control 4 and control 5 can be arranged in sequence below control 3 .
- the electronic device can determine that the user's operational requirements for the control 3, the control 4 and the control 5 are increased in sequence based on the initial display positions of the control 3, the control 4 and the control 5. Therefore, the control 3, the control 4 and the control 5 are placed close to each other in sequence.
- the lower left vertex of the target interface 401 is arranged, thereby improving the convenience of the user's operation.
- control display method may further include: stopping displaying the second control in the second operation area.
- the electronic device may stop displaying the second control in the second operation area while displaying the second control in the target one-handed operation area, or The overlapping and repetition of the second controls are avoided, the target interface is concise and beautiful, and the visual experience of the target interface is improved.
- the control display method may further include: receiving a second adjustment operation on the second target control , the second target control is a control located in the target one-hand operation area; in response to the second adjustment operation, the second target control is moved to the second target position in the target one-hand operation area for display.
- the electronic device may receive the user's second adjustment operation on the second target control fixedly displayed in the target one-handed operation area, and at this time, the electronic device may determine that the user wishes to place the second target control in the target one-handed operation area The second target position is fixed and displayed, and then in response to the second adjustment operation, the second target control is moved to the second target position in the target one-handed operation area selected by the second adjustment operation for display.
- the second target control may be any control that is fixedly displayed in the target one-hand operation area, which is not limited herein.
- the second adjustment operation may include a second trigger operation for triggering adjustment of the display position of the second target control and a second selection operation for selecting the to-be-adjusted position of the second target control.
- the second trigger operation may be a double-click, long-press, voice control, etc. on the second target control
- the second selection operation may be a click, double-click, long-press, voice control, etc. on the to-be-adjusted position of the second target control operate.
- the to-be-adjusted position selected by the second adjustment operation is the second target position in the target one-handed operation area selected by the second adjustment operation.
- the second adjustment operation may also include an operation of dragging the second target control in the target one-handed operation area.
- the electronic device may use the end position of the second adjustment operation, that is, the drag end position as the second target position selected by the second adjustment operation.
- the user when the user wants to adjust the display position of the control 5 in the target interface 401 shown in FIG. 8 , the user can perform the drag operation as shown in FIG. 9 , and then obtain the drag result shown in FIG. 10 . .
- FIG. 9 shows a schematic diagram of another drag operation provided by an embodiment of the present disclosure.
- FIG. 10 shows a schematic diagram of the dragging result of the dragging operation shown in FIG. 9 .
- the electronic device can display a target interface 901 , the target interface 901 has a left-hand operation area 902 , and a preset control 904 is displayed in the lower left vertex area 903 of the left-hand operation area 902 .
- Control 3 , Control 4 , and Control 5 may be displayed in an area 905 of the left-hand operation area 902 other than the lower left vertex area 903 .
- the user can drag the second target control 906 displayed in the area 905 in the left-hand operation area 902, such as control 5, to other display positions in the area 905, and drag the second target control 906 to the second target position 907. place.
- the electronic device can display the second target at the second target position selected by the user through the drag operation in the area 905 in the left-hand operation area 902 Control 906.
- the user can adjust the display position of the second target control displayed in the one-handed operation area, so that it can be fixedly displayed in the one-handed operation area after adjustment, thereby satisfying the user's personalized needs.
- the preset control is used to display or hide in the target one-handed operation area by controlling the preset control panel, so as to control the display or hide of the first control located in the preset control panel.
- the control display method may further include: receiving a third adjustment operation on the third target control, where the third target control is: A control located in the target one-hand operation area; in response to the third adjustment operation, stop displaying the third target control in the target one-hand operation area.
- the preset control panel is also used to display the third target control on the third target position.
- the electronic device may receive a user's third adjustment operation on the third target control fixedly displayed in the target one-handed operation area, and then in response to the third adjustment operation, stop displaying the third target control in the target one-handed operation area,
- the preset control panel can also be used to display the third target control, even after the electronic device pops up the preset control panel, in the case of displaying the preset control panel, the third target control is displayed through the preset control panel.
- the third target control may be any control displayed in the target one-hand operation area, which is not limited herein.
- the third adjustment operation may include a third trigger operation for triggering adjustment of the display position of the third target control and a third selection operation for selecting a preset control.
- the third trigger operation may be operations such as double-click, long-press, and voice control on the third target control
- the third selection operation may be operations such as click, double-click, long-press, and voice control on the preset control.
- the third adjustment operation may also include an operation of dragging the third target control to the preset control.
- the electronic device may determine that the user wishes to store the third target control in the preset control panel corresponding to the preset control.
- the electronic device may use the first display position or the last display position in the preset control panel as the third target position, which is not limited herein.
- FIG. 11 shows a schematic diagram of still another drag operation provided by an embodiment of the present disclosure.
- FIG. 12 is a schematic diagram showing a drag result of the drag operation shown in FIG. 11 .
- the electronic device can display a target interface 1101 , the target interface 1101 has a left-hand operation area 1102 , and a preset control 1104 is displayed in the lower left vertex area 1103 of the left-hand operation area 1102 .
- Control 3 , Control 4 , and Control 5 may be displayed in an area 1105 of the left-hand operation area 1102 other than the lower left vertex area 1103 .
- the user can drag the third target control 1106 such as control 5 displayed in the area 1105 in the left-hand operation area 1102 to the preset control 1104 .
- the electronic device may stop displaying the third target control 1106 in the area 905 in the left-hand operation area 902 .
- the user can click the preset control 1104 to make the preset control 1104 pop up the preset control panel 1107 .
- the preset control panel 1107 When the preset control panel 1107 is lifted up by the preset control 1104, the preset control panel 1107 can cover the control 4 for display, and the preset control panel 1107 can display the control 1, the control 2 and the third target control 1106. . Since the user has put the third target control 1106 into the preset control panel 1107, the electronic device may consider that the user's operation requirement for the third target control 1106 is low.
- the third target control 1106 is arranged above the control 1, so as to avoid affecting the operational convenience of the control 1 and the control 2.
- the user can adjust the display position of the third target control displayed in the one-handed operation area, so that it can be stored in the preset control panel corresponding to the preset control after adjustment, which can not only reduce the influence of the control on the target content Occlusion can also meet the individual needs of users.
- the control display method may further include: receiving a fourth adjustment operation on the fourth target control , the fourth target control is a control located in the preset control panel, the fourth adjustment operation is used to replace the display position of the fourth target control and the fifth target control, and the fifth target control is located in the target one-handed operation area. control; in response to the fourth adjustment operation, the display positions of the fourth target control and the fifth target control are replaced.
- the electronic device may receive a fourth adjustment operation by the user on the fourth target control displayed in the preset control panel, and then in response to the fourth adjustment operation, the fourth target The control is replaced with the display position of the fifth target control selected by the fourth adjustment operation.
- the fourth target control may be any control displayed in the preset control panel, and the fifth target control may be any control displayed in the target one-hand operation area, which is not limited herein.
- the fourth adjustment operation may include an operation of dragging the fourth target control to the fifth target control.
- the electronic device may determine that the user wishes to replace the display positions of the fourth target control and the fifth target control.
- FIG. 13 shows a schematic diagram of still another drag operation provided by an embodiment of the present disclosure.
- FIG. 14 is a schematic diagram showing a drag result of the drag operation shown in FIG. 13 .
- the electronic device can display a target interface 1301 , the target interface 1301 has a left-hand operation area 1302 , and a preset control 1304 is displayed in the lower left vertex area 1303 of the left-hand operation area 1302 .
- the user can click the preset control 1304 to make the preset control panel 1305 pop up upward, and the preset control panel 1305 can display the control 1 and the control 2 .
- control 3 and control 4 may be displayed in the area 1307 of the left-hand operation area 1302 of the target interface 1301 except for the lower left vertex area 1303 .
- the user can drag the fourth target control 1306 displayed in the preset control panel 1305, such as control 1, to the area 1307, and drag the fourth target control 1306 to the fifth target control 1308, such as control 4.
- the electronic device may display the fifth target control 1308 at the display position of the original fourth target control 1306 in the preset control panel 1305 , and at the display position of the original fourth target control 1306 The fourth object control 1306 is displayed at the display position of the original fifth object control 1308 in the area 1307 .
- the user can perform position replacement of the controls displayed in the one-hand operation area and the controls displayed in the preset control panel corresponding to the preset controls to meet the user's personalized needs.
- the target interface may further include a third control.
- the target interface may include at least one third control.
- the number of third controls may be 1, 2, 5, 10 or more.
- the third control may be superimposed and displayed on the target content in the target interface, that is, a floating layer may be set on the target content in the target interface, and the third control may be displayed in the floating layer.
- the third control may be a control without an interactive function, such as a presentation control for displaying icons, images, videos, text, etc., or the third control may have an interactive function different from the first control and the second control , or the third control may be a control whose interaction type is different from that of the first control and the second control.
- the third control can be located anywhere within the target interface.
- the floating layer where the third control is located may be the same as the floating layer where the first control and/or the second control is located, or it may be different from the floating layer where the first control and/or the second control is located. make restrictions.
- FIG. 15 shows a schematic diagram of yet another target interface provided by an embodiment of the present disclosure.
- the electronic device can display a target interface 301 , the target interface 301 has a first operation area 302 and a second operation area 304 , the first operation area 302 can be the bottom operation area of the target interface 301 , and the second operation area 304 It can be the top operation area of the target interface 301 .
- Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively.
- Three second controls 305 may be displayed in the second operation area 304 of the target interface 301 , and the three second controls 305 may be respectively control 3 , control 4 and control 5 .
- a third control 306 may also be displayed in the second operation area 304 of the target interface 301 , and the third control 306 may be button 1 .
- the third control 306 may be a control with a button function, and both the first control 303 and the second control 305 are controls with a non-button function.
- control display method may further include: maintaining the third control at the initial display position of the third control .
- the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, the first A control, a second control, and a third control, and the third control is maintained at the initial display position of the third control.
- the electronic device may determine a control without interaction function, or a control whose interaction function is different from that of the first control and the second control, or a control whose interaction type is different from that of the first control and the second control as the third control. This will not be repeated.
- FIG. 16 shows a schematic diagram of the embodiment shown in FIG. 15 in a left-handed mode.
- the electronic device can display a target interface 401 , and the target interface 401 has a left-hand operation area 402 .
- a preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 .
- Three second controls 408 may be displayed in an area other than the lower left vertex area 403 of the left-hand operation area 402 , and the three second controls 408 may be respectively control 3 , control 4 and control 5 .
- a third control 409 may also be displayed in the target interface 401, the third control 409 may be button 1, and the third control 409 may be displayed at its initial display position when the target interface 401 is in a non-one-handed operation mode (the initial display position may be Refer to Figure 15).
- the target interface may include a live broadcast room interface, and the target content may include a live broadcast screen.
- the live broadcast room interface when the live broadcast room interface is in the one-hand operation mode, there is no need to change the display size of the live broadcast room interface. Since the live broadcast screen is the main content in the live broadcast room interface, the user's live broadcast viewing experience can be guaranteed.
- the first control can also be stored in the preset control, and the second control can be moved to the target one-handed operation area, so that the user can easily touch the first control and the second control Controls to improve the user's operational convenience.
- the live room interface may further include a comment area, and the comment area may be used to display comment information.
- the following uses a specific example to describe the target interface when the interface of the live broadcast room is in a non-one-handed operation mode.
- FIG. 17 shows a schematic diagram of a live room interface provided by an embodiment of the present disclosure.
- the electronic device can display a live broadcast room interface 1701, and the live broadcast room interface 1701 can display a live broadcast screen.
- the live room interface 1701 has a top operation area 1702 , a bottom operation area 1703 and a comment area 1704 .
- the top operation area 1702 may display two first controls, and the two first controls may be a red envelope control 1705 and a viewing user preview control 1706 respectively.
- Two second controls may be displayed in the bottom operation area 1703, and the two second controls may be a comment information editing control 1707 and a gift control 1708, respectively.
- the top operation area 1702 may also be provided with a third control, which may be a focus button 1709 .
- the comment area 1704 may be located on the left side of the live room interface 1701 and above the bottom operation area 1703 . Multiple pieces of comment information 1710 may be displayed in the comment area 1704 .
- control display method may further include: when the target one-handed operation area overlaps with the comment area , move the comment area to the non-operation area of the live room interface for display; if the target one-handed operation area does not overlap with the comment area, keep the display position of the comment area.
- the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, and Determine whether the target one-handed operation area overlaps with the comment area. If the target one-handed operation area and the comment area overlap, you can move the comment area to an area outside the target one-handed operation area on the live room interface that does not display any controls. Display it in the non-operation area, otherwise, keep the display position of the comment area.
- the non-operation area further refers to an area that does not include the third control.
- the comment information can be prevented from being blocked by the controls displayed in the target one-handed operation area, so as to further improve the user's experience.
- the live room interface 1701 can enter the left-hand mode shown in FIG. 18 ;
- the live room interface 1701 can enter the right-hand mode shown in FIG. 19 .
- FIG. 18 shows a schematic diagram of the embodiment shown in FIG. 17 in left-handed mode.
- the electronic device can display a live room interface 1801, and the live room interface 1801 has a left-hand operation area 1802 and a comment area 1803. Since the initial display position of the comment area 1803 when the live room interface 1801 is not in the one-hand operation mode overlaps with the left-hand operation area 1802 , the comment area 1803 is moved to the right of the left-hand operation area 1802 . Comment information 1807 may be displayed in the comment area 1803 .
- the left-hand operation area 1802 may display a viewing user preview control 1804 , a red envelope control 1805 and a preset control 1806 .
- the user can click the preset control 1806 to pop up the preset control panel corresponding to the preset control 1806, and display the comment information editing control 1707 and the gift control 1708 shown in FIG. 17 (not shown in FIG. 18 ) in the preset control panel. Shows).
- the preset control 1806 may be located at the lower left corner of the left-hand operation area 1802 , and the viewing user preview control 1804 and the red envelope control 1805 may be located above the preset control 1806 . Since the initial display position of the viewing user preview control 1804 when the live room interface 1801 is in the non-one-handed operation mode (the initial display position can refer to FIG. 17 ) and the ordinate distance between the lower left vertex of the live room interface 1801 is greater than the red envelope control 1805 The initial display position of the live room interface 1801 when the interface 1801 is not in one-handed operation mode (the initial display position can refer to FIG. 17 ), therefore, the viewing user preview control 1804 can be located above the red envelope control 1805 .
- a follow button 1808 may also be displayed in the upper left corner of the live room interface 1801 .
- the focus button 1808 can be displayed at its initial display position when the live room interface 1801 is in a non-one-handed operation mode (for the initial display position, please refer to FIG. 17 ).
- FIG. 19 shows a schematic diagram of another embodiment shown in FIG. 17 in a right-hand mode.
- the electronic device can display a live room interface 1901 , and the live room interface 1901 has a right-hand operation area 1902 and a comment area 1903 . Since the display position of the comment area 1903 does not overlap with the right-hand operation area 1902, the comment area 1903 is still displayed on the left side of the right-hand operation area 1902. Comment information 1907 may be displayed in the comment area 1903 .
- a preview control 1904, a red envelope control 1905, and a preset control 1906 may be displayed for the viewing user.
- the user can click the preset control 1906, so that the preset control panel corresponding to the preset control 1906 pops up, and the comment information editing control 1707 and the gift control 1708 shown in FIG. 17 (not shown in FIG. 19 ) are displayed in the preset control panel. Shows).
- the preset control 1906 may be located at the lower right corner of the right-hand operation area 1902 , and the viewing user preview control 1904 and the red envelope control 1905 may be located above the preset control 1906 . Since the initial display position of the viewing user preview control 1904 when the live room interface 1901 is in a non-one-handed operation mode (the initial display position can refer to FIG. 17 ) and the ordinate distance between the lower right vertex of the live room interface 1901 is greater than the red envelope control 1905 is the initial display position when the live room interface 1901 is in a non-one-handed operation mode (for the initial display position, please refer to FIG.
- a follow button 1908 may also be displayed in the upper left corner of the live room interface 1901 .
- the focus button 1908 can be displayed at its initial display position when the live room interface 1901 is in a non-one-handed operation mode (for the initial display position, please refer to FIG. 17 ).
- the interface of the live broadcast room can be divided into different areas according to functional characteristics, and the user can trigger the operation in the one-hand mode to make the interface of the live broadcast room enter the corresponding one-hand operation mode, and then in the live broadcast service scenario, namely It ensures the user's live viewing experience and improves the user's operational convenience.
- the interface of the live broadcast room is in the one-handed operation mode
- the user adjusts the display parameters of the target one-handed operation area in the live broadcast room interface
- the adjusted one-handed operation area of the wooden template is the same as the one used for displaying comment information.
- the comment area of is overlapped, you can move the comment area to the adjusted non-operation area for display, otherwise, there is no need to adjust the display position of the comment area.
- the technical solutions provided by the embodiments of the present disclosure have the following advantages: the control display method, device, device, and medium of the embodiments of the present disclosure
- a preset control for controlling the display or hiding of the first control in the target one-handed operation area is displayed. Since the first control is in the target interface
- the controls displayed in the first operation area of while browsing the target interface, the preset controls are used to control the display of the first control in the target one-handed operation area, so that the user can easily touch all the first controls without changing the display size of the target interface.
- the control not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience.
- the control display apparatus 2000 may be an electronic device.
- the electronic device may be the electronic device 101 shown in FIG. 1 held by a user with one hand.
- the electronic device may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
- FIG. 20 shows a schematic structural diagram of a control display device provided by an embodiment of the present disclosure.
- control display apparatus 2000 may include a first display unit 2010 and a second display unit 2020 .
- the first display unit 2010 may be configured to display the first control in the first operation area of the target interface.
- the second display unit 2020 can be configured to display preset controls in the target one-hand operation area of the target interface when a target triggering operation for triggering the target one-handed mode is detected, and the preset controls are used to control the first control in the target one-handed operation area. Displaying or hiding the target one-hand operation area in the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
- a display for controlling the first control in the target one-hand mode can be displayed.
- the preset control displayed or hidden in the target one-hand operation area since the first control is a control displayed in the first operation area of the target interface, the first control in the first operation area can be stored in the
- the preset controls located in the target one-hand operation area are convenient for the user to use the electronic device with one hand, while browsing the target interface, the preset controls are used to control the display of the first control in the target one-hand operation area, and then Without changing the display size of the target interface, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience. .
- control display apparatus 2000 may further include a third display unit, and the third display unit may be configured to stop at the first operation after detecting the target triggering operation for triggering the target one-handed mode The first control is displayed in the area.
- the preset control for controlling the display or hiding of the first control in the target one-hand operation area may include:
- the preset control is used to display or hide the preset control panel in the target one-hand operation area, so as to control the display or hide of the first control located in the preset control panel.
- control display apparatus 2000 may further include a first receiving unit and a fourth display unit.
- the first receiving unit may be configured to receive a first adjustment operation on the first target control after displaying the preset control in the target one-handed operation area of the target interface, where the first target control is a control located in the preset control panel.
- the fourth display unit may be configured to, in response to the first adjustment operation, move the first target control from the preset control panel to a first target position within the target one-handed operation area for display.
- control display apparatus 2000 may further include a fifth display unit and a sixth display unit.
- the fifth display unit may be configured to display a second control in a second operation area of the target interface before detecting the target triggering operation for triggering the target one-handed mode, and the second operation area does not overlap with the first operation area.
- the sixth display unit may be configured to, after detecting the target triggering operation for triggering the target one-handed mode, in the target one-handed operation area, display the second control according to the target layout, and the target layout is in the target layout according to the second control. The display position in the second operation area is determined.
- control display apparatus 2000 may further include a seventh display unit, and the seventh display unit may be configured to stop at the second operation after detecting the target triggering operation for triggering the target one-handed mode A second control is displayed in the area.
- control display apparatus 2000 may further include a second receiving unit and an eighth display unit.
- the second receiving unit may be configured to receive a second adjustment operation on the second target control after displaying the second control in the target one-handed operation area according to the target layout method, and the second target control is located in the target one-handed operation area controls inside.
- the eighth display unit may be configured to, in response to the second adjustment operation, move the second target control to the second target position within the target one-handed operation area for display.
- the preset controls used to control the display or hide of the first control in the target one-handed operation area may include: the preset controls are used to control the preset control panel to be displayed or hidden in the target one-handed operation area Show or hide, to control the display or hide of the first control located in the preset control panel.
- control display apparatus 2000 may further include a third receiving unit and a ninth display unit.
- the third receiving unit may be configured to receive a third adjustment operation on the third target control after displaying the second control in the target one-handed operation area according to the target layout, and the third target control is located in the target one-handed operation area controls inside.
- the ninth display unit may be configured to stop displaying the third target control in the target one-handed operation area in response to the third adjustment operation.
- the preset control panel can also be used to display the third target control on the third target position.
- control display apparatus 2000 may further include a fourth receiving unit and a tenth display unit.
- the fourth receiving unit may be configured to receive an area adjustment operation on the target one-handed operation area after detecting a target triggering operation for triggering the target one-handed mode.
- the tenth display unit may be configured to display the target one-handed operation area according to the target display parameter selected by the area adjustment operation in response to the area adjustment operation.
- the target interface may include a live room interface, and the live room interface may further include a comment area, and the comment area may be used to display comment information.
- control display device 2000 may further include an eleventh display unit, and the eleventh display unit may be configured to, after detecting the target triggering operation for triggering the target one-handed mode, display the comment in the target one-handed operation area and comment. If the area overlaps, move the comment area to the non-operation area of the live room interface to display it.
- control display device 2000 shown in FIG. 20 can perform various steps in the method embodiments shown in FIGS. 2 to 19 , and realize various processes and effects in the method embodiments shown in FIGS. 2 to 19 . , which will not be repeated here.
- Embodiments of the present disclosure also provide an electronic device, the electronic device may include a processor and a memory, and the memory may be used to store executable instructions.
- the processor may be configured to read executable instructions from the memory, and execute the executable instructions to implement the control display method in the foregoing embodiment.
- FIG. 21 shows a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. Referring specifically to FIG. 21 below, it shows a schematic structural diagram of an electronic device 2100 suitable for implementing an embodiment of the present disclosure.
- the electronic device 2100 may include, but is not limited to, such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle-mounted terminal ( Mobile terminals such as in-vehicle navigation terminals), wearable devices, etc., and stationary terminals such as digital TVs, smart home devices, and the like.
- a mobile phone such as a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle-mounted terminal ( Mobile terminals such as in-vehicle navigation terminals), wearable devices, etc., and stationary terminals such as digital TVs, smart home devices, and the like.
- the electronic device 2100 may include a processing device (eg, a central processing unit, a graphics processor, etc.) 2101, which may be loaded into a random access device according to a program stored in a read only memory (ROM) 2102 or from a storage device 2108 Various appropriate actions and processes are executed by accessing the program in the memory (RAM) 2103 . In the RAM 2103, various programs and data necessary for the operation of the electronic device 2100 are also stored.
- the processing device 2101, the ROM 2102, and the RAM 2103 are connected to each other through a bus 2104.
- An input/output (I/O) interface 2105 is also connected to the bus 2104 .
- I/O interface 2105 input devices 2106 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration An output device 2107 of a computer, etc.; a storage device 2108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 2109.
- Communication means 2109 may allow electronic device 2100 to communicate wirelessly or by wire with other devices to exchange data.
- FIG. 21 shows an electronic device 2100 having various means, it should be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
- Embodiments of the present disclosure further provide a non-volatile computer-readable storage medium, where a computer program is stored in the storage medium, and when the computer program is executed by an electronic device, the electronic device can implement the control display method in the foregoing embodiment.
- the present disclosure also provides a computer program, comprising: instructions, when executed by a processor, the instructions cause the processor to execute the control display method of the first aspect.
- the present disclosure also provides a computer program product comprising instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
- embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
- the computer program may be downloaded and installed from the network via the communication device 2109, or from the storage device 2108, or from the ROM 2102.
- the processing device 2101 When the computer program is executed by the processing device 2101, the above-mentioned functions defined in the control display method of the embodiment of the present disclosure are executed.
- the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
- the computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
- a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
- a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave with computer-readable program code embodied thereon. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
- a computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device .
- Program code embodied on a computer readable medium may be transmitted using any suitable medium including, but not limited to, electrical wire, optical fiber cable, RF (radio frequency), etc., or any suitable combination of the foregoing.
- clients, servers can communicate using any currently known or future developed network protocol, such as HTTP, and can be interconnected with any form or medium of digital data communication (eg, a communication network).
- a communication network examples include local area networks (“LAN”), wide area networks (“WAN”), the Internet (eg, the Internet), and peer-to-peer networks (eg, ad hoc peer-to-peer networks), as well as any currently known or future development network of.
- the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or may exist alone without being assembled into the electronic device.
- the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device is made to execute:
- a first control is displayed in the first operation area of the target interface; when a target trigger operation for triggering the target one-handed mode is detected, a preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used for The first control is controlled to be displayed or hidden in the target one-hand operation area, the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
- computer program code for performing operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional procedural programming languages - such as the "C" language or similar programming languages.
- the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server.
- the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (eg, using an Internet service provider through Internet connection).
- LAN local area network
- WAN wide area network
- each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions.
- the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved.
- each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented in dedicated hardware-based systems that perform the specified functions or operations , or can be implemented in a combination of dedicated hardware and computer instructions.
- the units involved in the embodiments of the present disclosure may be implemented in a software manner, and may also be implemented in a hardware manner. Among them, the name of the unit does not constitute a limitation of the unit itself under certain circumstances.
- exemplary types of hardware logic components include: Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), Systems on Chips (SOCs), Complex Programmable Logical Devices (CPLDs) and more.
- FPGAs Field Programmable Gate Arrays
- ASICs Application Specific Integrated Circuits
- ASSPs Application Specific Standard Products
- SOCs Systems on Chips
- CPLDs Complex Programmable Logical Devices
- a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with the instruction execution system, apparatus or device.
- the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
- Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or devices, or any suitable combination of the foregoing.
- machine-readable storage media would include one or more wire-based electrical connections, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), fiber optics, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
- RAM random access memory
- ROM read only memory
- EPROM or flash memory erasable programmable read only memory
- CD-ROM compact disk read only memory
- magnetic storage or any suitable combination of the foregoing.
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present disclosure relates to a control display method and apparatus, a device, and a medium. The control display method comprises: displaying a first control in a first operation region of a target interface; and upon detecting a target trigger operation for triggering a target single-hand mode, displaying a preset control in a target single-hand operation region of the target interface, wherein the preset control is used for controlling the first control to be displayed or hidden in the target single-hand operation region, the target single-hand operation region is a single-hand operation region corresponding to the target single-hand mode, and the target single-hand operation region is different from the first operation region.
Description
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请是以CN申请号为202110212925.2,申请日为2021年2月25日的申请为基础,并主张其优先权,该CN申请的公开内容在此作为整体引入本申请中。This application is based on the CN application number 202110212925.2 and the filing date is February 25, 2021, and claims its priority. The disclosure content of this CN application is hereby incorporated into this application as a whole.
本公开涉及电子设备技术领域,尤其涉及一种控件显示方法、装置、设备、非易失性计算机可读存储介质、计算机程序和计算机程序产品。The present disclosure relates to the technical field of electronic devices, and in particular, to a control display method, apparatus, device, non-volatile computer-readable storage medium, computer program, and computer program product.
目前,电子设备已经成为人们生活中不可或缺的工具,并为人们日常生活的各个方面带来极大便利。为了带来更好的视觉体验,电子设备(如智能手机)的屏幕也越来越大。At present, electronic equipment has become an indispensable tool in people's life, and brings great convenience to all aspects of people's daily life. In order to bring a better visual experience, the screens of electronic devices such as smartphones are also getting larger and larger.
发明内容SUMMARY OF THE INVENTION
第一方面,本公开提供了一种控件显示方法,包括:在目标界面的第一操作区域内显示第一控件;当检测到用于触发目标单手模式的目标触发操作时,在目标界面的目标单手操作区域内显示预设控件,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏,目标单手操作区域为与目标单手模式对应的单手操作区域,目标单手操作区域与第一操作区域不同。In a first aspect, the present disclosure provides a control display method, comprising: displaying a first control in a first operation area of a target interface; when detecting a target triggering operation for triggering the target one-handed mode A preset control is displayed in the target one-hand operation area, and the preset control is used to control the display or hiding of the first control in the target one-hand operation area, and the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, The target one-hand operation area is different from the first operation area.
第二方面,本公开提供了一种控件显示装置,包括:第一显示单元,配置为在目标界面的第一操作区域内显示第一控件;第二显示单元,配置为当检测到用于触发目标单手模式的目标触发操作时,在目标界面的目标单手操作区域内显示预设控件,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏,目标单手操作区域为与目标单手模式对应的单手操作区域,目标单手操作区域与第一操作区域不同。In a second aspect, the present disclosure provides a control display device, comprising: a first display unit, configured to display a first control in a first operation area of a target interface; When the target trigger operation of the target one-handed mode, the preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used to control the display or hide of the first control in the target one-handed operation area. The area is a one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
第三方面,本公开提供了一种电子设备,包括:处理器;存储器,用于存储可执行指令;其中,处理器用于从存储器中读取可执行指令,并执行可执行指令以实现第一方面所述的控件显示方法。In a third aspect, the present disclosure provides an electronic device, comprising: a processor; a memory for storing executable instructions; wherein the processor is configured to read the executable instructions from the memory, and execute the executable instructions to implement the first The control display method described in the aspect.
第四方面,本公开提供了一种非易失性计算机可读存储介质,该存储介质存储有 计算机程序,当计算机程序被电子设备执行时,使得电子设备实现第一方面所述的控件显示方法。In a fourth aspect, the present disclosure provides a non-volatile computer-readable storage medium, where the storage medium stores a computer program, and when the computer program is executed by an electronic device, enables the electronic device to implement the control display method described in the first aspect .
第五方面,本公开提供了一种计算机程序,包括:指令,所述指令当由处理器执行时使所述处理器执行第一方面所述的控件显示方法。In a fifth aspect, the present disclosure provides a computer program, comprising: instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
第六方面,本公开提供了一种计算机程序产品,包括指令,所述指令当由处理器执行时使所述处理器执行第一方面所述的控件显示方法。In a sixth aspect, the present disclosure provides a computer program product comprising instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent when taken in conjunction with the accompanying drawings and with reference to the following detailed description. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.
图1为本公开实施例提供的一种单手操作电子设备的场景图;FIG. 1 is a scene diagram of operating an electronic device with one hand according to an embodiment of the present disclosure;
图2为本公开实施例提供的一种控件显示方法的流程示意图;FIG. 2 is a schematic flowchart of a control display method according to an embodiment of the present disclosure;
图3为本公开实施例提供的一种目标界面的示意图;3 is a schematic diagram of a target interface provided by an embodiment of the present disclosure;
图4为图3所示实施例处于左手模式的示意图;4 is a schematic diagram of the embodiment shown in FIG. 3 in a left-handed mode;
图5为本公开实施例提供的一种拖动操作的示意图;FIG. 5 is a schematic diagram of a drag operation provided by an embodiment of the present disclosure;
图6为图5所示拖动操作的拖动结果示意图;Fig. 6 is the drag result schematic diagram of the drag operation shown in Fig. 5;
图7为本公开实施例提供的另一种目标界面的示意图;FIG. 7 is a schematic diagram of another target interface provided by an embodiment of the present disclosure;
图8为图7所示实施例处于左手模式的示意图;8 is a schematic diagram of the embodiment shown in FIG. 7 in a left-handed mode;
图9为本公开实施例提供的另一种拖动操作的示意图;FIG. 9 is a schematic diagram of another drag operation provided by an embodiment of the present disclosure;
图10为图9所示拖动操作的拖动结果示意图;FIG. 10 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 9;
图11为本公开实施例提供的又一种拖动操作的示意图;11 is a schematic diagram of still another drag operation provided by an embodiment of the present disclosure;
图12为图11所示拖动操作的拖动结果示意图;12 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 11;
图13为本公开实施例提供的再一种拖动操作的示意图;13 is a schematic diagram of still another drag operation provided by an embodiment of the present disclosure;
图14为图13所示拖动操作的拖动结果示意图;FIG. 14 is a schematic diagram of the dragging result of the dragging operation shown in FIG. 13;
图15为本公开实施例提供的又一种目标界面的示意图;FIG. 15 is a schematic diagram of still another target interface provided by an embodiment of the present disclosure;
图16为图15所示实施例处于左手模式的示意图;16 is a schematic diagram of the embodiment shown in FIG. 15 in a left-handed mode;
图17为本公开实施例提供的一种直播间界面的示意图;17 is a schematic diagram of a live room interface provided by an embodiment of the present disclosure;
图18为一种图17所示实施例处于左手模式的示意图;FIG. 18 is a schematic diagram of the embodiment shown in FIG. 17 in a left-handed mode;
图19为一种图17所示实施例处于右手模式的示意图;FIG. 19 is a schematic diagram of the embodiment shown in FIG. 17 in a right-hand mode;
图20为本公开实施例提供的一种控件显示装置的结构示意图;FIG. 20 is a schematic structural diagram of a control display device according to an embodiment of the present disclosure;
图21为本公开实施例提供的一种电子设备的结构示意图。FIG. 21 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for the purpose of 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 exemplary purposes, and are not intended to limit the protection scope of the present disclosure.
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and/or in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this regard.
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。As used herein, the term "including" and variations thereof are open-ended inclusions, ie, "including but not limited to". The term "based on" is "based at least in part on." The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions of other terms will be given in the description below.
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。It should be noted that concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or interdependence.
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。It should be noted that the modifications of "a" and "a plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless the context clearly indicates otherwise, they should be understood as "one or a plurality of". multiple".
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。The names of messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes, and are not intended to limit the scope of these messages or information.
大屏幕在为我们带来更广阔的视角的同时,也降低了用户操作的便利性。例如,在用户单手使用电子设备的情况下,很难触控到触摸显示屏内的全部控件。While the large screen brings us a wider viewing angle, it also reduces the convenience of user operations. For example, when a user uses an electronic device with one hand, it is difficult to touch all the controls within the touch display.
为了解决上述技术问题或者至少部分地解决上述技术问题,本公开提供了一种控件显示方法、装置、设备及介质。In order to solve the above technical problems or at least partially solve the above technical problems, the present disclosure provides a control display method, apparatus, device and medium.
本公开所提供的控件显示方法可以应用于图1所示的场景中,具体结合图1进行详细说明。图1示出了本公开实施例提供的一种单手操作电子设备的场景图。The control display method provided by the present disclosure can be applied to the scene shown in FIG. 1 , and will be described in detail with reference to FIG. 1 . FIG. 1 shows a scene diagram of operating an electronic device with one hand according to an embodiment of the present disclosure.
如图1所示,该场景图可以示出用户单手握持电子设备101的场景。其中,电子设备101可以是移动电话、平板电脑、笔记本电脑、车载终端、可穿戴设备、智能家居设备等具有通信功能的设备。As shown in FIG. 1 , the scene diagram may show a scene in which the user holds the electronic device 101 with one hand. The electronic device 101 may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
在图1所示的场景下,为了避免用户无法触控到电子设备101的触摸显示屏内所显示的全部控件,电子设备101可以在目标界面的第一操作区域内显示第一控件的过程中,在检测到用于触发目标单手模式的目标触发操作时,在目标界面的与目标单手模式对应的目标单手操作区域内,显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件,该目标单手操作区域可以与第一操作区域不同,由此,可以将第一操作区域内的第一控件收纳至位于目标单手操作区域内的预设控件中,方便用户在单手使用电子设备101的情况下,在浏览目标界面的同时,通过预设控件控制第一控件在目标单手操作区域内进行显示,进而在不改变目标界面的显示大小的情况下,使用户可以很容易地触控到全部第一控件,不但提高了用户的操作便利性,还保证了目标界面的视觉体验,从而提升了用户的体验。In the scenario shown in FIG. 1 , in order to prevent the user from being unable to touch all the controls displayed on the touch screen of the electronic device 101 , the electronic device 101 may display the first controls in the first operation area of the target interface during the process of displaying the first controls. , when a target triggering operation for triggering the target one-handed mode is detected, in the target one-handed operation area corresponding to the target one-handed mode on the target interface, a display for controlling the first control to perform in the target one-handed operation area is displayed. Show or hide preset controls, the target one-hand operation area can be different from the first operation area, thus, the first control in the first operation area can be stored in the preset control located in the target one-hand operation area , it is convenient for the user to use the electronic device 101 with one hand, while browsing the target interface, control the first control to be displayed in the target one-handed operation area through the preset control, and then without changing the display size of the target interface In this way, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience.
以目标界面为直播间界面为例,电子设备可以显示有直播间界面,直播间界面内可以显示有直播画面,在直播间界面的第一操作区域内的直播画面上可以叠加显示有第一控件。当电子设备101检测到用于触发目标单手模式的目标触发操作时,可以在直播间界面的与目标单手模式对应的目标单手操作区域内的直播画面上,叠加显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件,该目标单手操作区域可以与第一操作区域不同。可见,在单手操作模式下,无需改变直播间界面的显示大小,由于在直播间界面内,直播画面是主要内容,因此,可以保证直播间界面内的直播画面的视觉体验,进而保证用户的直播观看体验。同时,在单手操作模式下,还可以将第一操作区域内的第一控件收纳至位于目标单手操作区域内的预设控件中,并且在通过预设控件控制第一控件在目标单手操作区域内的直播画面上叠加显示之后,用户可以很容易地触控到全部第一控件,提高了用户的操作便利性。Taking the target interface as the live broadcast room interface as an example, the electronic device can display the live broadcast room interface, the live broadcast room interface can display the live broadcast screen, and the live broadcast screen in the first operation area of the live broadcast room interface can be superimposed and displayed with the first control. . When the electronic device 101 detects a target triggering operation for triggering the target one-handed mode, it can display a superimposed display on the live broadcast screen in the target one-handed operation area corresponding to the target one-handed mode on the interface of the live broadcast room. The control is a preset control that is displayed or hidden in the target one-hand operation area, and the target one-hand operation area may be different from the first operation area. It can be seen that in the one-hand operation mode, there is no need to change the display size of the live broadcast room interface. Since the live broadcast screen is the main content in the live broadcast room interface, the visual experience of the live broadcast screen in the live broadcast room interface can be guaranteed, thereby ensuring the user's experience. Live viewing experience. At the same time, in the one-handed operation mode, the first control in the first operation area can also be stored in the preset control located in the target one-handed operation area, and the first control can be controlled by the preset control in the target one-handed operation area. After being superimposed and displayed on the live broadcast screen in the operation area, the user can easily touch all the first controls, which improves the user's operation convenience.
根据上述场景,下面结合图2至图19对本公开实施例提供的控件显示方法进行说明。在本公开实施例中,该控件显示方法可以由电子设备执行。在一些实施例中,该电子设备可以为图1中所示的由用户单手握持的电子设备101。其中,电子设备可以是移动电话、平板电脑、笔记本电脑、车载终端、可穿戴设备、智能家居设备等具有通信功能的设备。Based on the above scenario, the control display method provided by the embodiment of the present disclosure will be described below with reference to FIG. 2 to FIG. 19 . In this embodiment of the present disclosure, the control display method may be executed by an electronic device. In some embodiments, the electronic device may be the electronic device 101 shown in FIG. 1 held by a user with one hand. The electronic device may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
图2示出了本公开实施例提供的一种控件显示方法的流程示意图。FIG. 2 shows a schematic flowchart of a control display method provided by an embodiment of the present disclosure.
如图2所示,该控件显示方法可以包括如下步骤。As shown in FIG. 2 , the control display method may include the following steps.
S210、在目标界面的第一操作区域内显示第一控件。S210. Display the first control in the first operation area of the target interface.
在本公开实施例中,目标界面可以为目标应用程序中用于显示目标内容的页面。In this embodiment of the present disclosure, the target interface may be a page in the target application for displaying target content.
其中,目标应用程序可以为任意应用程序,在此不作限制。The target application can be any application, which is not limited here.
可选地,目标内容可以为任意的内容,在此不作限制。例如,目标内容可以包括文字、图像、音频画面、视频画面等中的至少一种。Optionally, the target content can be any content, which is not limited here. For example, the target content may include at least one of text, images, audio pictures, video pictures, and the like.
在本公开实施例中,目标界面的第一操作区域内可以显示有至少一个第一控件。例如,第一控件的数量可以为1个、2个、5个、10个或者更多个。In this embodiment of the present disclosure, at least one first control may be displayed in the first operation area of the target interface. For example, the number of the first controls may be 1, 2, 5, 10 or more.
其中,第一控件可以为具有任意交互功能的控件,在此不作限制。Wherein, the first control may be a control with any interactive function, which is not limited herein.
可选地,第一控件可以叠加显示于目标内容上,即目标界面内的目标内容上可以设置浮层,第一控件可以显示于浮层内。Optionally, the first control may be superimposed and displayed on the target content, that is, a floating layer may be set on the target content in the target interface, and the first control may be displayed in the floating layer.
可选地,第一操作区域的顶部边界与目标界面的底部边界之间的距离可以小于或等于第一预定阈值。Optionally, the distance between the top boundary of the first operation area and the bottom boundary of the target interface may be less than or equal to the first predetermined threshold.
其中,第一预定阈值可以为任意小于目标界面高度的高度值,在此不作限制。例如,第一预定阈值可以为目标界面高度的1/2、1/3或者1/4。The first predetermined threshold may be any height value smaller than the height of the target interface, which is not limited herein. For example, the first predetermined threshold may be 1/2, 1/3 or 1/4 of the height of the target interface.
可选地,第一操作区域的底部边界可以与目标界面的底部边界重合。第一操作区域的底部边界也可以与目标界面的底部边界不重合,即第一操作区域的底部边界也可以高于目标界面的底部边界。本公开对此不作限制。Optionally, the bottom boundary of the first operation area may coincide with the bottom boundary of the target interface. The bottom boundary of the first operation area may also not coincide with the bottom boundary of the target interface, that is, the bottom boundary of the first operation area may also be higher than the bottom boundary of the target interface. This disclosure does not limit this.
可选地,第一操作区域的宽度可以小于或等于目标界面宽度,在此不做限制。Optionally, the width of the first operation area may be smaller than or equal to the width of the target interface, which is not limited herein.
下面以一个具体示例对电子设备处于非单手操作模式时所显示的目标界面进行说明。The target interface displayed when the electronic device is in a non-one-handed operation mode is described below with a specific example.
图3示出了本公开实施例提供的一种目标界面的示意图。FIG. 3 shows a schematic diagram of a target interface provided by an embodiment of the present disclosure.
如图3所示,电子设备处于非单手操作模式时可以显示目标界面301,目标界面301具有第一操作区域302,第一操作区域302的底部边界可以与目标界面301的底部边界重合,并且第一操作区域302的顶部边界与目标界面301的底部边界之间的距离为目标界面301高度的1/4,即第一操作区域302可以为目标界面301的底部操作区域。在目标界面301的第一操作区域302内可以显示有两个第一控件303,两个第一控件303可以分别为控件1和控件2。As shown in FIG. 3 , when the electronic device is in a non-one-handed operation mode, a target interface 301 can be displayed, the target interface 301 has a first operation area 302 , and the bottom boundary of the first operation area 302 can be coincident with the bottom boundary of the target interface 301 , and The distance between the top boundary of the first operation area 302 and the bottom boundary of the target interface 301 is 1/4 of the height of the target interface 301 , that is, the first operation area 302 may be the bottom operation area of the target interface 301 . Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively.
返回图2,S220、当检测到用于触发目标单手模式的目标触发操作时,在目标界面的目标单手操作区域内显示预设控件,预设控件用于控制第一控件在目标单手操作 区域内进行显示或隐藏,目标单手操作区域为与目标单手模式对应的单手操作区域,目标单手操作区域与第一操作区域不同。Returning to FIG. 2, S220, when a target triggering operation for triggering the target one-handed mode is detected, a preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used to control the first control to operate on the target one-handed Display or hide in the operation area, the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
在本公开实施例中,当用户想要进入目标界面的目标单手模式时,可以对电子设备输入用于触发目标单手模式的目标触发操作,以触发电子设备进入针对目标界面的目标触发操作对应的目标单手模式,并且在目标界面的目标单手模式对应的目标单手操作区域内,显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件。In the embodiment of the present disclosure, when the user wants to enter the target one-handed mode of the target interface, a target triggering operation for triggering the target one-handed mode can be input to the electronic device, so as to trigger the electronic device to enter the target triggering operation for the target interface The corresponding target one-hand mode, and in the target one-hand operation area corresponding to the target one-hand mode of the target interface, a preset control for controlling the display or hiding of the first control in the target one-hand operation area is displayed.
在本公开实施例中,目标单手模式可以包括左手模式和右手模式中的任意一种。In this embodiment of the present disclosure, the target one-handed mode may include any one of a left-handed mode and a right-handed mode.
在本公开实施例中,目标触发操作可以包括用户对电子设备的目标实体按键的按键操作、用户对目标界面内的目标虚拟按键的按键操作、用户对目标界面的目标手势操作和用户对电子设备的语音控制操作中的任意一种。In the embodiment of the present disclosure, the target trigger operation may include a user's key operation on a target entity key of the electronic device, a user's key operation on a target virtual key in the target interface, a user's target gesture operation on the target interface, and a user's key operation on the electronic device. any of the voice control operations.
在目标触发操作包括用户对电子设备的目标实体按键的按键操作的情况下,目标实体按键可以为预先配置的用于触发目标单手模式的单个实体按键,也可以为预先配置的用于触发目标单手模式的实体按键组合。In the case where the target triggering operation includes a user's key operation on the target entity button of the electronic device, the target entity button may be a single entity button preconfigured for triggering the target one-handed mode, or a preconfigured entity button for triggering the target Physical key combination for one-handed mode.
在这种情况下,目标触发操作可以为用户对电子设备的目标实体按键的单击、双击、长按等操作。In this case, the target triggering operation may be a user's single-click, double-click, long-press and other operations on the target entity button of the electronic device.
在目标触发操作包括用户对目标界面内的目标虚拟按键的按键操作的情况下,目标虚拟按键可以为预先配置的用于触发目标单手模式的单个虚拟按键,也可以为预先配置的用于触发目标单手模式的虚拟按键组合。In the case where the target triggering operation includes a user's key operation on a target virtual key in the target interface, the target virtual key may be a single virtual key preconfigured for triggering the target one-handed mode, or a preconfigured virtual key for triggering the target one-handed mode. Virtual key combination for target one-handed mode.
在这种情况下,目标触发操作可以为用户对电子设备的目标虚拟按键的单击、双击、长按等操作。In this case, the target triggering operation may be a user's single-click, double-click, long-press and other operations on the target virtual key of the electronic device.
在目标触发操作包括用户对目标界面的目标手势操作的情况下,目标手势操作可以为预先配置的用于触发目标单手模式的手势操作。In the case where the target triggering operation includes a user's target gesture operation on the target interface, the target gesture operation may be a preconfigured gesture operation for triggering the target one-handed mode.
在这种情况下,目标触发操作可以包括用户对目标界面的非控件区域的点击、双击、长按等操作,也可以包括用户对目标界面的拍击操作,在此不作限制。In this case, the target triggering operation may include operations such as the user's click, double-click, and long-press on the non-control area of the target interface, and may also include the user's slap operation on the target interface, which is not limited herein.
在目标触发操作包括用户对电子设备的语音控制操作的情况下,在电子设备或者目标应用程序的语音助手处于开启状态的情况下,目标触发操作可以包括用户向电子设备发出的用于触发目标单手模式的语音控制指令。In the case that the target triggering operation includes the user's voice control operation on the electronic device, and in the case that the electronic device or the voice assistant of the target application is in an open state, the target triggering operation may include a user sending a message to the electronic device for triggering the target Voice control commands in hand mode.
在本公开实施例中,电子设备可以预先设置有不同触发操作与不同单手模式之间的对应关系,每个单手模式对应一个单手操作区域,当电子设备接收到目标触发操作 之后,可以基于该对应关系,确定该目标触发操作对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域。In the embodiment of the present disclosure, the electronic device may be preset with corresponding relationships between different trigger operations and different one-hand modes, and each one-hand mode corresponds to a one-hand operation area. After the electronic device receives the target trigger operation, it can Based on the corresponding relationship, the target one-handed mode corresponding to the target triggering operation is determined, and then the target one-handed operation area corresponding to the target one-handed mode is determined.
在目标触发操作包括用户对电子设备的目标实体按键的按键操作的情况下,电子设备可以预先设置有不同实体按键与不同单手模式之间的对应关系,每个单手模式对应一个单手操作区域,当电子设备接收到用户对电子设备的目标实体按键的按键操作之后,电子设备可以基于该对应关系,确定用户所操作的目标实体按键对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域。In the case where the target trigger operation includes the user's key operation on the target entity key of the electronic device, the electronic device may be preset with a corresponding relationship between different physical keys and different one-handed modes, and each one-handed mode corresponds to a one-handed operation area, after the electronic device receives the user's key operation on the target entity key of the electronic device, the electronic device can determine the target one-hand mode corresponding to the target entity key operated by the user based on the corresponding relationship, and then determine the target one-hand mode corresponding to the target entity key. target one-handed operation area.
在目标触发操作包括用户对目标界面内的目标虚拟按键的按键操作的情况下,电子设备可以预先设置有不同虚拟按键与不同单手模式之间的对应关系,当电子设备接收到用户对目标界面的目标虚拟按键的按键操作之后,电子设备可以基于该对应关系,确定用户所操作的目标虚拟按键对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域。In the case where the target triggering operation includes the user's key operation on the target virtual key in the target interface, the electronic device may preset the correspondence between different virtual keys and different one-handed modes. After the key operation of the target virtual key, the electronic device can determine the target one-hand mode corresponding to the target virtual key operated by the user based on the corresponding relationship, and then determine the target one-hand operation area corresponding to the target one-hand mode.
在目标触发操作包括用户对目标界面的目标手势操作的情况下,电子设备可以预先设置有不同用于手势操作与不同单手模式之间的对应关系,当电子设备接收到用户对目标界面的目标手势操作之后,电子设备可以基于该对应关系,确定目标手势操作对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域。In the case that the target triggering operation includes the user's target gesture operation on the target interface, the electronic device may preset different correspondences between gesture operations and different one-handed modes. When the electronic device receives the user's target gesture operation on the target interface After the gesture operation, the electronic device may determine the target one-handed mode corresponding to the target gesture operation based on the corresponding relationship, and then determine the target one-handed operation area corresponding to the target one-handed mode.
在目标触发操作包括用户对电子设备的语音控制操作的情况下,当电子设备接收到用户向电子设备发出的语音控制指令之后,电子设备可以确定语音控制指令所指示的目标单手模式,进而确定目标单手模式对应的目标单手操作区域。In the case where the target trigger operation includes the user's voice control operation on the electronic device, after the electronic device receives the voice control command sent by the user to the electronic device, the electronic device can determine the target one-handed mode indicated by the voice control command, and then determine The target one-hand operation area corresponding to the target one-hand mode.
可选地,目标单手操作区域与第一操作区域不同指下列任一种情况:目标单手操作区域与第一操作区域完全不重叠;目标单手操作区域与第一操作区域部分不重叠。Optionally, the difference between the target one-hand operation area and the first operation area refers to any one of the following situations: the target one-hand operation area and the first operation area do not overlap at all; the target one-hand operation area and the first operation area do not partially overlap.
因此,电子设备可以将与目标单手操作区域至少部分不重叠的第一操作区域内的第一控件收纳于预设控件中,提高单手操作的便利性。Therefore, the electronic device can store the first controls in the first operation area that at least partially do not overlap with the target one-hand operation area into the preset controls, thereby improving the convenience of one-hand operation.
在本公开实施例中,单手操作区域可以包括左手操作区域和右手操作区域,即目标单手操作区域可以为左手操作区域和右手操作区域中的任一个。In the embodiment of the present disclosure, the one-hand operation area may include a left-hand operation area and a right-hand operation area, that is, the target one-hand operation area may be any one of the left-hand operation area and the right-hand operation area.
其中,左手模式对应左手操作区域,右手模式对应右手操作区域。The left-hand mode corresponds to the left-hand operation area, and the right-hand mode corresponds to the right-hand operation area.
以目标触发操作包括用户对目标界面的拍击操作为例,若用户采用左手拍击目标界面,则电子设备可以进入左手模式,进而确定左手模式对应的左手操作区域;若用户采用右手拍击目标界面,则电子设备可以进入右手模式,进而确定右手模式对应的右手操作区域。Taking the target triggering operation including the user's slapping operation on the target interface as an example, if the user slaps the target interface with the left hand, the electronic device can enter the left-hand mode, and then determine the left-hand operation area corresponding to the left-hand mode; if the user slaps the target with the right hand interface, the electronic device can enter the right-hand mode, and then determine the right-hand operation area corresponding to the right-hand mode.
可选地,左手操作区域可以位于目标界面的左下部分,右手操作区域可以位于目标界面的右下部分。Optionally, the left-hand operation area may be located in the lower left part of the target interface, and the right-hand operation area may be located in the lower right part of the target interface.
可选地,单手操作区域的高度可以小于或等于目标界面的2/3,单手操作区域的宽度可以小于或等于目标界面的1/2。Optionally, the height of the one-handed operation area may be less than or equal to 2/3 of the target interface, and the width of the one-handed operation area may be less than or equal to 1/2 of the target interface.
在本公开实施例中,预设控件可以在目标界面的目标单手操作区域内,叠加显示于目标界面的目标内容上。In the embodiment of the present disclosure, the preset control may be superimposed and displayed on the target content of the target interface in the target one-hand operation area of the target interface.
可选地,预设控件可以为任意形式的控件,在此不做限制。Optionally, the preset control can be any form of control, which is not limited here.
该预设控件可以用于控制第一控件在目标单手操作区域内进行显示或隐藏,例如用户可以通过触发预设控件,使预设控件所控制的控件在目标单手操作区域内进行显示或隐藏。The preset control can be used to control the display or hiding of the first control in the target one-hand operation area. For example, the user can trigger the preset control to display or hide the control controlled by the preset control in the target one-hand operation area. hide.
进一步地,可以位于目标单手操作区域内的任意位置。例如,预设控件可以位于目标单手操作区域的目标顶点区域内,该目标顶点区域可以为靠近目标界面的底部顶点的区域。Further, it can be located anywhere within the target one-handed operation area. For example, the preset control may be located in a target vertex area of the target one-hand operation area, and the target vertex area may be an area close to the bottom vertex of the target interface.
在目标单手操作区域为左手操作区域的情况下,目标顶点区域可以靠近目标界面的左下顶点,即目标顶点区域可以为目标单手操作区域的左下顶点区域;在目标单手操作区域为右手操作区域的情况下,目标顶点区域可以靠近目标界面的右下顶点,即目标顶点区域可以为目标单手操作区域的右下顶点区域。When the target one-hand operation area is the left-hand operation area, the target vertex area can be close to the lower left vertex of the target interface, that is, the target vertex area can be the lower left vertex area of the target one-hand operation area; the target one-hand operation area is right-hand operation In the case of an area, the target vertex area may be close to the lower right vertex of the target interface, that is, the target vertex area may be the lower right vertex area of the target one-hand operation area.
在本公开实施例中,可选地,在S220之后,该控件显示方法还可以包括:In this embodiment of the present disclosure, optionally, after S220, the control display method may further include:
接收用户对预设控件的控件触发操作;Receive the user's control-triggered operation on the preset control;
响应于控件触发操作,在目标单手操作区域内显示第一控件;In response to the control triggering the operation, the first control is displayed in the target one-handed operation area;
接收用户再次对预设控件的控件触发操作;Receive the user triggering operations on the controls of the preset controls again;
响应于控件触发操作,在目标单手操作区域内隐藏第一控件。In response to the control triggering the operation, the first control is hidden in the target one-handed operation area.
其中,控件触发操作可以为用户对预设控件的点击、长按、双击、语音控制等操作。The control triggering operation may be a user's click, long-press, double-click, voice control, and other operations on the preset control.
具体地,当用户点击预设控件之后,电子设备可以使目标单手操作区域内显示第一控件,在目标单手操作区域内显示第一控件的过程中,当用户再次点击预设控件之后,电子设备可以使目标单手操作区域内隐藏第一控件,由此,可以通过预设控件实现对第一控件的收纳功能。Specifically, after the user clicks the preset control, the electronic device can display the first control in the target one-handed operation area, and in the process of displaying the first control in the target one-handed operation area, after the user clicks the preset control again, The electronic device can hide the first control in the target one-handed operation area, so that the storage function of the first control can be realized through the preset control.
可选地,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏可以具体包括:预设控件用于通过控制预设控制面板在目标单手操作区域内进行显示或隐 藏,以控制位于预设控制面板内的第一控件进行显示或隐藏。Optionally, the preset control for controlling the display or hiding of the first control in the target one-hand operation area may specifically include: the preset control is used for displaying or hiding in the target one-hand operation area by controlling the preset control panel. , to display or hide the first control located in the preset control panel.
进一步地,在目标单手操作区域内显示第一控件可以包括:在目标单手操作区域内显示预设控制面板,并通过预设控制面板显示第一控件。在目标单手操作区域内隐藏第一控件可以包括:在目标单手操作区域内隐藏预设控制面板。Further, displaying the first control in the target one-handed operation area may include: displaying a preset control panel in the target one-handed operation area, and displaying the first control through the preset control panel. Hiding the first control in the target one-hand operation area may include: hiding a preset control panel in the target one-hand operation area.
具体地,当用户点击预设控件之后,电子设备可以使预设控件对应的预设控制面板在目标单手操作区域内弹出,并且在目标单手操作区域内显示预设控制面板,该预设控制面板可以遮盖至少部分目标单手操作区域,同时,该预设控制面板内可以显示有第一控件。在电子设备显示预设控制面板的过程中,当用户再次点击预设控件之后,电子设备可以使预设控制面板收起。Specifically, after the user clicks the preset control, the electronic device can make the preset control panel corresponding to the preset control pop up in the target one-handed operation area, and display the preset control panel in the target one-handed operation area. The control panel can cover at least part of the target one-handed operation area, and at the same time, the preset control panel can display a first control. In the process of displaying the preset control panel by the electronic device, after the user clicks the preset control again, the electronic device can make the preset control panel retract.
其中,预设控制面板可以在目标界面的目标单手操作区域内,叠加显示于目标内容上。The preset control panel may be superimposed and displayed on the target content in the target one-hand operation area of the target interface.
可选地,预设控制面板可以为任意形状,并且具有任意的透明度,只要是能够用于收纳第一控件即可,在此不作限制。Optionally, the preset control panel may have any shape and any transparency, as long as it can be used to accommodate the first control, which is not limited herein.
在一些实施例中,电子设备可以按照第一控件的初始显示位置,在预设控制面板内显示第一控件。其中,第一控件的初始显示位置可以为在目标界面处于非单手操作模式时第一控件在第一操作区域内的显示位置。In some embodiments, the electronic device may display the first control in the preset control panel according to the initial display position of the first control. The initial display position of the first control may be the display position of the first control in the first operation area when the target interface is in a non-one-handed operation mode.
具体地,电子设备可以确定每个第一控件的初始显示位置与目标单手操作区域所靠近的目标界面的顶点之间的距离,然后,按照该距离由近到远的顺序,在预设控制面板内,由靠近该顶点的位置到远离该顶点的位置排列各个第一控件。Specifically, the electronic device can determine the distance between the initial display position of each first control and the vertex of the target interface that is close to the target one-handed operation area, and then, according to the distance from near to far, in the preset control In the panel, the first controls are arranged from the position close to the vertex to the position far from the vertex.
以预设控制面板为由预设控件向上展开的矩形界面为例,电子设备可以确定每个第一控件的初始显示位置与目标单手操作区域所靠近的目标界面的顶点之间的直线距离,然后按照直线距离由近及远的顺序,依次在预设控制面板内的竖直方向上,由靠近该顶点的位置到远离该顶点的位置均匀布置各个第一控件。Taking the preset control panel as an example of a rectangular interface expanded upward by preset controls, the electronic device can determine the straight-line distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area, Then, according to the order of linear distance from near to far, in the vertical direction in the preset control panel, the first controls are evenly arranged from the position close to the vertex to the position far from the vertex.
继续以预设控制面板为由预设控件向上展开的矩形界面为例,电子设备还可以确定每个第一控件的初始显示位置与目标单手操作区域所靠近的目标界面的顶点之间的横坐标距离和纵坐标距离,然后按照纵坐标距离由近及远的顺序,依次在预设控制面板内的竖直方向上,由靠近该顶点的位置到远离该顶点的位置均匀布置各个第一控件,如果存在至少两个第一控件与该顶点之间的纵坐标距离相同,则按照横坐标距离由近及远的顺序,依次在竖直方向上由靠近该顶点的位置到远离该顶点的位置均匀布置这些第一控件。Continuing to take the preset control panel as the rectangular interface expanded upward by the preset controls as an example, the electronic device can also determine the horizontal distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area. Coordinate distance and ordinate distance, and then according to the order of ordinate distance from near to far, in the vertical direction in the preset control panel, evenly arrange each first control from the position close to the vertex to the position far from the vertex , if there are at least two first controls with the same ordinate distance from the vertex, then in the vertical direction from the position close to the vertex to the position far from the vertex according to the order of the abscissa distance from near to far Arrange these first controls evenly.
继续以预设控制面板为由预设控件向上展开的矩形界面为例,电子设备还可以确定每个第一控件的初始显示位置与目标单手操作区域所靠近的目标界面的顶点之间的横坐标距离和纵坐标距离,然后按照纵坐标距离由近及远的顺序,依次在预设控制面板内的竖直方向上,由靠近该顶点的位置到远离该顶点的位置均匀布置各个第一控件,如果存在至少两个第一控件与该顶点之间的纵坐标距离相同,则按照横坐标距离由近及远的顺序,依次在水平方向上由靠近该顶点的位置到远离该顶点的位置均匀布置这些第一控件。Continuing to take the preset control panel as the rectangular interface expanded upward by the preset controls as an example, the electronic device can also determine the horizontal distance between the initial display position of each first control and the vertex of the target interface close to the target one-handed operation area. Coordinate distance and ordinate distance, and then according to the order of ordinate distance from near to far, in the vertical direction in the preset control panel, evenly arrange each first control from the position close to the vertex to the position far from the vertex , if there are at least two first controls with the same ordinate distance from the vertex, then in the order of the abscissa distance from near to far, the horizontal direction is uniform from the position close to the vertex to the position far from the vertex Lay out these first controls.
下面以一个具体示例对这些实施例中的处于单手操作模式时的目标界面进行说明。The target interface in the one-hand operation mode in these embodiments will be described below with a specific example.
继续参见图3,当用户在图3所示的目标界面301中输入用于触发左手模式的触发操作之后,目标界面301可以进入图4所示的左手模式。Continuing to refer to FIG. 3 , after the user inputs a trigger operation for triggering the left-hand mode in the target interface 301 shown in FIG. 3 , the target interface 301 can enter the left-hand mode shown in FIG. 4 .
图4示出了图3所示实施例处于左手模式的示意图。FIG. 4 shows a schematic diagram of the embodiment shown in FIG. 3 in a left-handed mode.
如图4所示,电子设备可以显示目标界面401,目标界面401具有左手操作区域402,左手操作区域402的高度为目标界面401的2/3,左手操作区域402的宽度为目标界面401的1/2。目标界面401的左手操作区域402的左下顶点区域403内显示有预设控件404。As shown in FIG. 4 , the electronic device can display a target interface 401 , the target interface 401 has a left-hand operation area 402 , the height of the left-hand operation area 402 is 2/3 of the target interface 401 , and the width of the left-hand operation area 402 is 1/2 of the target interface 401 . /2. A preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 .
用户可以点击预设控件404,使预设控件404向上弹起预设控制面板405。在预设控件404向上弹起预设控制面板405的情况下,预设控制面板405内可以显示有第一控件406。其中,第一控件406可以包括控件1和控件2,由于控件1的初始显示位置(初始显示位置参考图3)与目标界面401的左下顶点之间的距离大于控件2的初始显示位置(初始显示位置参考图3)与目标界面401的左下顶点之间的距离,可以认为用户对控件2的操作需求高于控件1,因此,在预设控制面板405中,控件1可以位于控件2的上方,使控件2与目标界面401的左下顶点更近,进而使控件2更便于用户操作。在预设控件404向上弹起预设控制面板405的情况下,用户还可以再次点击预设控件404,使预设控件404向下收回预设控制面板405。The user can click the preset control 404 to make the preset control 404 pop up the preset control panel 405 . When the preset control panel 405 pops up from the preset control panel 404 , a first control panel 406 may be displayed in the preset control panel 405 . The first control 406 may include control 1 and control 2, because the distance between the initial display position of control 1 (refer to FIG. 3 for the initial display position) and the lower left vertex of the target interface 401 is greater than the initial display position of control 2 (initial display 3) and the distance between the lower left vertex of the target interface 401, it can be considered that the user's operational requirements for the control 2 are higher than the control 1, therefore, in the preset control panel 405, the control 1 can be located above the control 2, The control 2 is made closer to the lower left vertex of the target interface 401, thereby making the control 2 more convenient for the user to operate. When the preset control 404 pops up the preset control panel 405, the user can also click the preset control 404 again to make the preset control 404 retract the preset control panel 405 downward.
在本公开实施例中,能够在检测到用于触发目标单手模式的目标触发操作时,在目标界面的与目标单手模式对应的目标单手操作区域内,显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件,由于该第一控件为在目标界面的第一操作区域内显示的控件,由此,可以将第一操作区域内的第一控件收纳至位于目标单手操作区域内的预设控件中,方便用户在单手使用电子设备的情况下,在浏览目标界 面的同时,通过预设控件控制在目标单手操作区域内显示第一控件,进而在不改变目标界面的显示大小的情况下,使用户可以很容易地触控到全部第一控件,不但提高了用户的操作便利性,还保证了目标界面的视觉体验,从而提升了用户的体验。In the embodiment of the present disclosure, when a target trigger operation for triggering the target one-hand mode is detected, in the target one-hand operation area corresponding to the target one-hand mode on the target interface, a display for controlling the first control in the target one-hand mode can be displayed. The preset control displayed or hidden in the target one-hand operation area, since the first control is a control displayed in the first operation area of the target interface, the first control in the first operation area can be stored in the The preset controls located in the target one-hand operation area are convenient for the user to use the electronic device with one hand, while browsing the target interface, the preset controls are used to control the display of the first control in the target one-hand operation area, and then Without changing the display size of the target interface, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience. .
返回图2,在本公开一些实施例中,在检测到用于触发目标单手模式的目标触发操作之后,该控件显示方法还可以包括:停止在第一操作区域内显示第一控件。Returning to FIG. 2 , in some embodiments of the present disclosure, after detecting a target triggering operation for triggering the target one-handed mode, the control display method may further include: stopping displaying the first control in the first operation area.
具体地,电子设备在检测到用于触发目标单手模式的目标触发操作之后,在显示预设控件的同时,还可以停止在第一操作区域内显示第一控件,可以避免第一控件的重叠和重复,使目标界面简洁、美观,提高目标界面的视觉体验。Specifically, after detecting the target triggering operation for triggering the target one-handed mode, the electronic device can stop displaying the first control in the first operation area while displaying the preset control, so as to avoid overlapping of the first control and repetition, make the target interface concise and beautiful, and improve the visual experience of the target interface.
在本公开另一些实施例中,目标单手操作区域还可以用于在目标界面处于目标单手模式时固定显示控件。In other embodiments of the present disclosure, the target one-hand operation area may also be used to fix the display controls when the target interface is in the target one-hand mode.
在预设控件用于通过控制预设控制面板在目标单手操作区域内进行显示或隐藏,以控制位于预设控制面板内的第一控件进行显示或隐藏的情况下,在S220之后,该控件显示方法还可以包括:接收对第一目标控件的第一调整操作,第一目标控件为位于预设控制面板内的控件;响应于第一调整操作,将第一目标控件由预设控制面板移动至目标单手操作区域内的第一目标位置进行显示。In the case where the preset control is used to display or hide in the target one-handed operation area by controlling the preset control panel, so as to control the display or hide of the first control located in the preset control panel, after S220, the control The display method may further include: receiving a first adjustment operation on a first target control, where the first target control is a control located in a preset control panel; in response to the first adjustment operation, moving the first target control from the preset control panel Display it to the first target position in the target one-handed operation area.
具体地,在电子设备显示预设控制面板的情况下,电子设备可以接收用户对预设控制面板中的第一目标控件的第一调整操作,此时,电子设备可以确定用户希望将第一目标控件放置于目标单手操作区域内的第一目标位置进行固定显示,进而响应于第一调整操作,停止在预设控制面板内显示第一目标控件,并且在第一调整操作所选择的目标单手操作区域内的第一目标位置上,显示该第一目标控件,以将第一目标控件由预设控制面板移动至第一目标位置进行显示。Specifically, when the electronic device displays the preset control panel, the electronic device may receive the user's first adjustment operation on the first target control in the preset control panel, and at this time, the electronic device may determine that the user wishes to adjust the first target control The control is placed at the first target position in the target one-handed operation area for fixed display, and then in response to the first adjustment operation, the display of the first target control in the preset control panel is stopped, and the target single selected by the first adjustment operation is displayed. On the first target position in the hand operation area, the first target control is displayed, so as to move the first target control from the preset control panel to the first target position for display.
可选地,第一目标控件可以为预设控件界面内显示的任意控件,在此不做限制。Optionally, the first target control may be any control displayed in the preset control interface, which is not limited herein.
在一些实施例中,第一调整操作可以包括用于触发对第一目标控件进行显示位置调整的第一触发操作和对第一目标控件的待调整位置进行选择的第一选择操作。其中,第一触发操作可以为对第一目标控件的双击、长按、语音控制等操作,第一选择操作可以为对第一目标控件的待调整位置的点击、双击、长按、语音控制等操作。In some embodiments, the first adjustment operation may include a first trigger operation for triggering adjustment of the display position of the first target control and a first selection operation for selecting a position to be adjusted of the first target control. The first trigger operation may be a double-click, long-press, voice control, etc. on the first target control, and the first selection operation may be a click, double-click, long-press, voice control, etc. on the to-be-adjusted position of the first target control operate.
其中,第一选择操作所选择的待调整位置即为第一调整操作所选择的目标单手操作区域内的第一目标位置。The to-be-adjusted position selected by the first selection operation is the first target position in the target one-handed operation area selected by the first adjustment operation.
在另一些实施例中,第一调整操作也可以包括将第一目标控件向目标单手操作区域内拖动的操作。In other embodiments, the first adjustment operation may also include an operation of dragging the first target control into the target one-handed operation area.
此时,电子设备可以将第一调整操作的结束位置即拖动结束位置作为第一调整操作所选择的第一目标位置。At this time, the electronic device may take the end position of the first adjustment operation, that is, the drag end position as the first target position selected by the first adjustment operation.
下面以一个具体示例对这些实施例中的第一调整操作的过程进行说明。The process of the first adjustment operation in these embodiments will be described below with a specific example.
继续参见图4,当用户想要调整图4所示的目标界面401中的控件1的显示位置时,用户可以执行如图5所示的拖动操作,进而得到图6所示的拖动结果。Continue to refer to FIG. 4, when the user wants to adjust the display position of the control 1 in the target interface 401 shown in FIG. 4, the user can perform the drag operation as shown in FIG. 5, and then obtain the drag result shown in FIG. 6 .
图5示出了本公开实施例提供的一种拖动操作的示意图。图6示出了图5所示拖动操作的拖动结果示意图。FIG. 5 shows a schematic diagram of a drag operation provided by an embodiment of the present disclosure. FIG. 6 shows a schematic diagram of the dragging result of the dragging operation shown in FIG. 5 .
如图5所示,电子设备可以显示目标界面501,目标界面501具有左手操作区域502,左手操作区域502的左下顶点区域503内显示有预设控件504。As shown in FIG. 5 , the electronic device can display a target interface 501 , the target interface 501 has a left-hand operation area 502 , and a preset control 504 is displayed in the lower left vertex area 503 of the left-hand operation area 502 .
在预设控件504向上弹起预设控制面板505的情况下,预设控制面板505内可以显示有控件1和控件2,用户可以将预设控制面板505内显示的第一目标控件506如控件1向左手操作区域502内的除预设控制面板505以外的区域进行拖动,并将第一目标控件506拖动至第一目标位置507处。In the case where the preset control panel 505 is lifted up by the preset control panel 504, the preset control panel 505 can display the control 1 and the control 2, and the user can set the first target control 506 displayed in the preset control panel 505 as a control 1. Drag to the area other than the preset control panel 505 in the left-hand operation area 502, and drag the first target control 506 to the first target position 507.
如图6所示,当用户完成对第一目标控件506的拖动之后,电子设备不再通过预设控制面板505显示第一目标控件506,而是在左手操作区域502的用户通过拖动操作选择的第一目标位置处显示第一目标控件506。As shown in FIG. 6 , after the user finishes dragging the first target control 506, the electronic device no longer displays the first target control 506 through the preset control panel 505, but the user in the left-hand operation area 502 operates by dragging A first target control 506 is displayed at the selected first target location.
由此,用户可以对预设控制面板内显示的第一目标控件进行显示位置的调整,使其可以在调整之后固定显示于单手操作区域内,进而无需用户控制预设控制面板弹出,即可方便地对第一目标控件进行触控,不但可以满足用户的个性化需求,还可以进一步提高用户操作的方便性。In this way, the user can adjust the display position of the first target control displayed in the preset control panel, so that it can be fixedly displayed in the one-handed operation area after adjustment, so that the user does not need to control the preset control panel to pop up. Conveniently touching the first target control can not only satisfy the user's individual requirements, but also further improve the convenience of the user's operation.
继续返回图2,在本公开又一些实施例中,在S220之后,该控件显示方法还可以包括:接收对目标单手操作区域的区域调整操作;响应于区域调整操作,按照区域调整操作所选择的目标显示参数,显示目标单手操作区域。Continuing to return to FIG. 2 , in still other embodiments of the present disclosure, after S220 , the control display method may further include: receiving an area adjustment operation on the target one-handed operation area; in response to the area adjustment operation, selecting the control according to the area adjustment operation The target display parameter of , displays the target one-handed operation area.
可选地,显示参数可以包括目标单手操作区域的显示尺寸和显示位置中的至少一个。Optionally, the display parameter may include at least one of a display size and a display position of the target one-handed operation area.
进一步地,区域调整操作可以包括对目标单手操作区域和目标单手操作区域的区域边界中的至少一个的拖动操作。目标显示参数可以包括区域调整操作所选择的目标显示尺寸和目标显示位置中的至少一个。Further, the area adjustment operation may include a drag operation on at least one of the target one-hand operation area and the area boundary of the target one-hand operation area. The target display parameters may include at least one of a target display size and a target display position selected by the area adjustment operation.
在区域调整操作包括对目标单手操作区域的拖动操作的情况下,区域调整操作可以用于调整目标单手操作区域的显示参数中的显示位置,电子设备可以响应于区域调 整操作,将区域调整操作结束时即对目标单手操作区域的拖动结束时目标单手操作区域所处的显示位置作为目标单手操作区域的目标显示参数中的目标显示位置,进而在该目标显示位置处显示目标单手操作区域。In the case where the area adjustment operation includes a drag operation on the target one-handed operation area, the area adjustment operation can be used to adjust the display position in the display parameters of the target one-handed operation area, and the electronic device can respond to the area adjustment operation, When the adjustment operation ends, that is, when the drag of the target one-hand operation area ends, the display position of the target one-hand operation area is taken as the target display position in the target display parameters of the target one-hand operation area, and then displayed at the target display position. Target one-handed operation area.
在区域调整操作包括对目标单手操作区域的区域边界的拖动操作的情况下,区域调整操作可以用于调整目标单手操作区域的显示参数中的显示尺寸,电子设备可以响应于区域调整操作,根据区域调整操作结束时即对目标单手操作区域的任意区域边界的拖动结束时目标单手操作区域的显示尺寸作为目标单手操作区域的目标显示参数中的目标显示尺寸,进而按照目标显示尺寸,显示目标单手操作区域。In the case where the area adjustment operation includes a drag operation on the area boundary of the target one-handed operation area, the area adjustment operation may be used to adjust the display size in the display parameters of the target one-handed operation area, and the electronic device may respond to the area adjustment operation , according to the display size of the target one-hand operation area when the dragging of any area boundary of the target one-hand operation area ends at the end of the area adjustment operation as the target display size in the target display parameters of the target one-hand operation area, and then according to the target one-hand operation area Display size, showing the target one-handed operation area.
由此,在本公开实施例中,用户可以对目标单手操作区域的显示参数进行灵活地调整,进而满足用户的个性化需求。Therefore, in the embodiment of the present disclosure, the user can flexibly adjust the display parameters of the target one-handed operation area, thereby satisfying the user's personalized needs.
在本公开另一种实施方式中,目标界面还可以包括第二控件。In another embodiment of the present disclosure, the target interface may further include a second control.
在本公开实施例中,在检测到用于触发目标单手模式的目标触发操作之前,该控件显示方法还可以包括:In this embodiment of the present disclosure, before detecting a target triggering operation for triggering the target one-handed mode, the control display method may further include:
在目标界面的第二操作区域内显示第二控件,第二操作区域与第一操作区域不重叠。A second control is displayed in a second operation area of the target interface, and the second operation area does not overlap with the first operation area.
可选地,目标界面可以包括至少一个第二控件。例如,第二控件的数量可以为1个、2个、5个、10个或者更多个。Optionally, the target interface may include at least one second control. For example, the number of the second controls may be 1, 2, 5, 10 or more.
在一些实施例中,第二控件所具有的交互功能可以与第一控件不同。In some embodiments, the interactive function of the second control may be different from that of the first control.
在另一些实施例中,第二控件也为可以具有任意交互功能的控件。In other embodiments, the second control is also a control that can have any interactive function.
可选地,第二控件可以叠加显示于目标界面内的目标内容上,即目标界面内的目标内容上可以设置浮层,第二控件可以显示于浮层内。Optionally, the second control may be superimposed and displayed on the target content in the target interface, that is, a floating layer may be set on the target content in the target interface, and the second control may be displayed in the floating layer.
可选地,第二控件所处的浮层可以与第一控件所处的浮层相同,也可以与第一控件所处的浮层不同,在此不做限制。Optionally, the floating layer where the second control is located may be the same as the floating layer where the first control is located, or may be different from the floating layer where the first control is located, which is not limited herein.
进一步地,第二操作区域与第一操作区域不重叠。Further, the second operation area does not overlap with the first operation area.
可选地,第二操作区域的底部边界与目标界面的底部边界之间的距离可以大于或等于第二预定阈值。Optionally, the distance between the bottom boundary of the second operation area and the bottom boundary of the target interface may be greater than or equal to the second predetermined threshold.
其中,第二预定阈值可以为任意小于目标界面高度的高度值,在此不作限制。例如,第二预定阈值可以为目标界面高度的1/2、1/3或者1/4。Wherein, the second predetermined threshold may be any height value smaller than the height of the target interface, which is not limited herein. For example, the second predetermined threshold may be 1/2, 1/3 or 1/4 of the height of the target interface.
可选地,第二操作区域的顶部边界可以与目标界面的顶部边界重合。第二操作区域的顶部边界也可以与目标界面的顶部边界不重合,即第二操作区域的顶部边界也可 以低于目标界面的底部边界。本公开对此不作限制。Optionally, the top border of the second operation area may coincide with the top border of the target interface. The top boundary of the second operation area may also not coincide with the top boundary of the target interface, that is, the top boundary of the second operation area may also be lower than the bottom boundary of the target interface. This disclosure does not limit this.
可选地,第二预定阈值与第一预定阈值相加可以等于目标界面高度,也可以小于目标界面高度,即第一操作区域的顶部边界与第二操作区域的底部边界可以重合,也可以不重合,在此不做限制。Optionally, the addition of the second predetermined threshold and the first predetermined threshold may be equal to the height of the target interface, or may be smaller than the height of the target interface, that is, the top boundary of the first operation area and the bottom boundary of the second operation area may overlap, or may not be. Coincidence is not limited here.
可选地,第二操作区域的宽度可以小于或等于目标界面宽度,在此不做限制。Optionally, the width of the second operation area may be smaller than or equal to the width of the target interface, which is not limited herein.
下面以一个具体示例对这些实施例中的处于非单手操作模式时的目标界面进行说明。The target interface in the non-one-handed operation mode in these embodiments will be described below with a specific example.
图7示出了本公开实施例提供的另一种目标界面的示意图。FIG. 7 shows a schematic diagram of another target interface provided by an embodiment of the present disclosure.
如图7所示,电子设备可以显示目标界面301,目标界面301具有第一操作区域302和第二操作区域304,第一操作区域302的底部边界可以与目标界面301的底部边界重合,并且第一操作区域302的顶部边界与目标界面301的底部边界之间的距离为目标界面301高度的1/4,即第一操作区域302可以为目标界面301的底部操作区域。第二操作区域304的顶部边界可以与目标界面301的顶部边界重合,并且第二操作区域304的底部边界与目标界面301的顶部边界之间的距离为目标界面301高度的1/3,即第二操作区域304可以为目标界面301的顶部操作区域。As shown in FIG. 7 , the electronic device can display a target interface 301, the target interface 301 has a first operation area 302 and a second operation area 304, the bottom boundary of the first operation area 302 can be coincident with the bottom boundary of the target interface 301, and the The distance between the top boundary of an operation area 302 and the bottom boundary of the target interface 301 is 1/4 of the height of the target interface 301 , that is, the first operation area 302 may be the bottom operation area of the target interface 301 . The top boundary of the second operation area 304 may coincide with the top boundary of the target interface 301, and the distance between the bottom boundary of the second operation area 304 and the top boundary of the target interface 301 is 1/3 of the height of the target interface 301, that is, the first The second operation area 304 may be the top operation area of the target interface 301 .
在目标界面301的第一操作区域302内可以显示有两个第一控件303,两个第一控件303可以分别为控件1和控件2。在目标界面301的第二操作区域304内可以显示有三个第二控件305,三个第二控件305可以分别为控件3、控件4和控件5。Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively. Three second controls 305 may be displayed in the second operation area 304 of the target interface 301 , and the three second controls 305 may be respectively control 3 , control 4 and control 5 .
进一步地,第二操作区域与第一操作区域不同。Further, the second operation area is different from the first operation area.
可选地,目标单手操作区域与第一操作区域不同指下列任一种情况:目标单手操作区域与第一操作区域完全不重叠;目标单手操作区域与第一操作区域部分不重叠。Optionally, the difference between the target one-hand operation area and the first operation area refers to any one of the following situations: the target one-hand operation area and the first operation area do not overlap at all; the target one-hand operation area and the first operation area do not partially overlap.
因此,电子设备可以将与目标单手操作区域至少部分不重叠的第二操作区域内的第二控件显示于目标单手操作区域中,提高单手操作的便利性。Therefore, the electronic device can display the second control in the second operation area that is at least partially non-overlapping with the target one-hand operation area in the target one-hand operation area, thereby improving the convenience of one-hand operation.
在本公开一些实施例中,继续返回图2,在检测到用于触发目标单手模式的目标触发操作之后,该控件显示方法还可以包括:在目标单手操作区域内,按照目标布局方式,显示第二控件,目标布局方式根据第二控件在第二操作区域内的显示位置确定。In some embodiments of the present disclosure, continuing to return to FIG. 2 , after detecting the target triggering operation for triggering the target one-handed mode, the control display method may further include: in the target one-handed operation area, according to the target layout, The second control is displayed, and the target layout mode is determined according to the display position of the second control in the second operation area.
在本公开实施例中,当电子设备接收到目标触发操作之后,可以响应于目标触发操作,进入目标触发操作对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域、第一控件和第二控件,并在目标界面的目标单手操作区域内,按照目标布局方式,显示第二控件。In the embodiment of the present disclosure, after receiving the target triggering operation, the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, the first A control and a second control, and the second control is displayed in the target one-hand operation area of the target interface according to the target layout.
可选地,第二控件可以在目标界面的目标单手操作区域内,叠加显示于目标内容上。Optionally, the second control may be superimposed and displayed on the target content in the target one-hand operation area of the target interface.
其中,第二控件与预设控件可以处于相同的浮层上,也可以处于不同的浮层上,在此不做限制。Wherein, the second control and the preset control may be located on the same floating layer, or may be located on different floating layers, which is not limited herein.
进一步地,预设控件对应的预设控制面板所处的浮层可以位于第二控件所处的浮层之上,即在电子设备弹出预设控制面板之后,预设控制面板可以覆盖第二控件进行显示。Further, the floating layer where the preset control panel corresponding to the preset control is located may be located above the floating layer where the second control is located, that is, after the electronic device pops up the preset control panel, the preset control panel may cover the second control. to display.
在本公开实施例中,电子设备可以按照第二控件的初始显示位置,确定第二控件的目标布局方式。其中,第二控件的初始显示位置可以为在目标界面处于非单手操作模式时第二控件在第二操作区域内的显示位置。In the embodiment of the present disclosure, the electronic device may determine the target layout manner of the second control according to the initial display position of the second control. Wherein, the initial display position of the second control may be the display position of the second control in the second operation area when the target interface is in a non-one-handed operation mode.
具体地,电子设备可以确定每个第二控件的初始显示位置与目标单手操作区域所靠近的目标界面的顶点之间的距离,然后,按照该距离由近到远的顺序,由靠近该顶点的位置到远离该顶点的位置排列布置各个第二控件,得到目标布局方式。Specifically, the electronic device can determine the distance between the initial display position of each second control and the vertex of the target interface that is close to the target one-handed operation area, and then, according to the order of the distance from near to far, from near to the vertex Arrange and arrange each second control from the position away from the vertex to obtain the target layout mode.
需要说明的是,确定目标布局方式的方法与上述的在预设控制面板内布置第一控件的方法相似,在此不做赘述。It should be noted that the method for determining the target layout mode is similar to the above-mentioned method for arranging the first controls in the preset control panel, and details are not described here.
下面以一个具体示例对这些实施例中的处于单手操作模式时的目标界面进行说明。The target interface in the one-hand operation mode in these embodiments will be described below with a specific example.
继续参见图7,当用户在图7所示的目标界面301中输入用于触发左手模式的触发操作之后,目标界面701可以进入图8所示的左手模式。Continuing to refer to FIG. 7 , after the user inputs a trigger operation for triggering the left-hand mode in the target interface 301 shown in FIG. 7 , the target interface 701 can enter the left-hand mode shown in FIG. 8 .
图8示出了为图7所示实施例处于左手模式的示意图。FIG. 8 shows a schematic diagram of the embodiment shown in FIG. 7 in a left-handed mode.
如图8所示,电子设备可以显示目标界面401,目标界面401具有左手操作区域402,左手操作区域402的高度为目标界面401的2/3,左手操作区域402的宽度为目标界面401的1/2。As shown in FIG. 8 , the electronic device can display a target interface 401 , the target interface 401 has a left-hand operation area 402 , the height of the left-hand operation area 402 is 2/3 of the target interface 401 , and the width of the left-hand operation area 402 is 1/2 of the target interface 401 . /2.
目标界面401的左手操作区域402的左下顶点区域403内显示有预设控件404。左手操作区域402的除左下顶点区域403以外的区域中可以显示有三个第二控件408,三个第二控件408可以分别为控件3、控件4和控件5。三个第二控件408可以在预设控件404的上方纵向布置,由于控件3的初始显示位置(初始显示位置参考图7)与目标界面的左下顶点之间的纵坐标距离最大,因此,控件3布置于离预设控件404最远的位置。由于控件4和控件5的初始显示位置(初始显示位置参考图7)与目标界面401的左下顶点之间的纵坐标距离相同,但是,控件4的初始显示位置与目标界 面401的左下顶点之间的横坐标距离大于控件5的初始显示位置与目标界面401的左下顶点之间的横坐标距离,因此,可以在控件3的下方向下依次布置控件4和控件5。A preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 . Three second controls 408 may be displayed in an area other than the lower left vertex area 403 of the left-hand operation area 402 , and the three second controls 408 may be respectively control 3 , control 4 and control 5 . The three second controls 408 can be arranged vertically above the preset controls 404. Since the ordinate distance between the initial display position of the control 3 (refer to FIG. 7 for the initial display position) and the lower left vertex of the target interface is the largest, the control 3 Arranged at the farthest position from the preset control 404 . Since the ordinate distance between the initial display positions of control 4 and control 5 (refer to FIG. 7 for the initial display position) and the lower left vertex of the target interface 401 is the same, however, the distance between the initial display position of control 4 and the lower left vertex of the target interface 401 is the same. The abscissa distance is greater than the abscissa distance between the initial display position of control 5 and the lower left vertex of the target interface 401 . Therefore, control 4 and control 5 can be arranged in sequence below control 3 .
由此,电子设备可以基于控件3、控件4和控件5的初始显示位置,确定用户对控件3、控件4和控件5的操作需求依次增高,因此,将控件3、控件4和控件5依次靠近目标界面401的左下顶点布置,进而提高用户操作的方便性。As a result, the electronic device can determine that the user's operational requirements for the control 3, the control 4 and the control 5 are increased in sequence based on the initial display positions of the control 3, the control 4 and the control 5. Therefore, the control 3, the control 4 and the control 5 are placed close to each other in sequence. The lower left vertex of the target interface 401 is arranged, thereby improving the convenience of the user's operation.
在本公开另一些实施例中,在检测到用于触发目标单手模式的目标触发操作之后,该控件显示方法还可以包括:停止在第二操作区域内显示第二控件。In other embodiments of the present disclosure, after detecting a target triggering operation for triggering the target one-handed mode, the control display method may further include: stopping displaying the second control in the second operation area.
具体地,电子设备在检测到用于触发目标单手模式的目标触发操作之后,在目标单手操作区域内显示第二控件的同时,还可以停止在第二操作区域内显示第二控件,可以避免第二控件的重叠和重复,使目标界面简洁、美观,提高目标界面的视觉体验。Specifically, after detecting the target triggering operation for triggering the target one-handed mode, the electronic device may stop displaying the second control in the second operation area while displaying the second control in the target one-handed operation area, or The overlapping and repetition of the second controls are avoided, the target interface is concise and beautiful, and the visual experience of the target interface is improved.
在本公开又一些实施例中,在电子设备在目标单手操作区域内,按照目标布局方式,显示第二控件之后,该控件显示方法还可以包括:接收对第二目标控件的第二调整操作,第二目标控件为位于目标单手操作区域内的控件;响应于第二调整操作,在目标单手操作区域内将第二目标控件移动至第二目标位置进行显示。In still other embodiments of the present disclosure, after the electronic device displays the second control in the target one-handed operation area according to the target layout, the control display method may further include: receiving a second adjustment operation on the second target control , the second target control is a control located in the target one-hand operation area; in response to the second adjustment operation, the second target control is moved to the second target position in the target one-hand operation area for display.
具体地,电子设备可以接收用户对目标单手操作区域内固定显示的第二目标控件的第二调整操作,此时,电子设备可以确定用户希望将第二目标控件放置于目标单手操作区域内的第二目标位置进行固定显示,进而响应于第二调整操作,将第二目标控件移动至第二调整操作所选择的目标单手操作区域内的第二目标位置上进行显示。Specifically, the electronic device may receive the user's second adjustment operation on the second target control fixedly displayed in the target one-handed operation area, and at this time, the electronic device may determine that the user wishes to place the second target control in the target one-handed operation area The second target position is fixed and displayed, and then in response to the second adjustment operation, the second target control is moved to the second target position in the target one-handed operation area selected by the second adjustment operation for display.
可选地,第二目标控件可以为目标单手操作区域内固定显示的任意控件,在此不做限制。Optionally, the second target control may be any control that is fixedly displayed in the target one-hand operation area, which is not limited herein.
在一些实施例中,第二调整操作可以包括用于触发对第二目标控件进行显示位置调整的第二触发操作和对第二目标控件的待调整位置进行选择的第二选择操作。其中,第二触发操作可以为对第二目标控件的双击、长按、语音控制等操作,第二选择操作可以为对第二目标控件的待调整位置的点击、双击、长按、语音控制等操作。In some embodiments, the second adjustment operation may include a second trigger operation for triggering adjustment of the display position of the second target control and a second selection operation for selecting the to-be-adjusted position of the second target control. Wherein, the second trigger operation may be a double-click, long-press, voice control, etc. on the second target control, and the second selection operation may be a click, double-click, long-press, voice control, etc. on the to-be-adjusted position of the second target control operate.
其中,第二调整操作所选择的待调整位置即为第二调整操作所选择的目标单手操作区域内的第二目标位置。Wherein, the to-be-adjusted position selected by the second adjustment operation is the second target position in the target one-handed operation area selected by the second adjustment operation.
在另一些实施例中,第二调整操作也可以包括在目标单手操作区域内对第二目标控件进行拖动的操作。In other embodiments, the second adjustment operation may also include an operation of dragging the second target control in the target one-handed operation area.
此时,电子设备可以将第二调整操作的结束位置即拖动结束位置作为第二调整操作所选择的第二目标位置。At this time, the electronic device may use the end position of the second adjustment operation, that is, the drag end position as the second target position selected by the second adjustment operation.
下面以一个具体示例对这些实施例中的第二调整操作的过程进行说明。The process of the second adjustment operation in these embodiments will be described below with a specific example.
继续参见图8,当用户想要调整图8所示的目标界面401中的控件5的显示位置时,用户可以执行如图9所示的拖动操作,进而得到图10所示的拖动结果。Continuing to refer to FIG. 8 , when the user wants to adjust the display position of the control 5 in the target interface 401 shown in FIG. 8 , the user can perform the drag operation as shown in FIG. 9 , and then obtain the drag result shown in FIG. 10 . .
图9示出了本公开实施例提供的另一种拖动操作的示意图。图10示出了图9所示拖动操作的拖动结果示意图。FIG. 9 shows a schematic diagram of another drag operation provided by an embodiment of the present disclosure. FIG. 10 shows a schematic diagram of the dragging result of the dragging operation shown in FIG. 9 .
如图9所示,电子设备可以显示目标界面901,目标界面901具有左手操作区域902,左手操作区域902的左下顶点区域903内显示有预设控件904。左手操作区域902的除左下顶点区域903以外的区域905中可以显示有控件3、控件4和控件5。As shown in FIG. 9 , the electronic device can display a target interface 901 , the target interface 901 has a left-hand operation area 902 , and a preset control 904 is displayed in the lower left vertex area 903 of the left-hand operation area 902 . Control 3 , Control 4 , and Control 5 may be displayed in an area 905 of the left-hand operation area 902 other than the lower left vertex area 903 .
用户可以将左手操作区域902中的区域905内显示的第二目标控件906如控件5向该区域905内的其他显示位置进行拖动,并将第二目标控件906拖动至第二目标位置907处。The user can drag the second target control 906 displayed in the area 905 in the left-hand operation area 902, such as control 5, to other display positions in the area 905, and drag the second target control 906 to the second target position 907. place.
如图10所示,当用户完成对第二目标控件906的拖动之后,电子设备可以在左手操作区域902中的区域905内的用户通过拖动操作选择的第二目标位置处显示第二目标控件906。As shown in FIG. 10 , after the user finishes dragging the second target control 906, the electronic device can display the second target at the second target position selected by the user through the drag operation in the area 905 in the left-hand operation area 902 Control 906.
由此,用户可以对单手操作区域内显示的第二目标控件进行显示位置的调整,使其可以在调整之后固定显示于单手操作区域内,进而可以满足用户的个性化需求。In this way, the user can adjust the display position of the second target control displayed in the one-handed operation area, so that it can be fixedly displayed in the one-handed operation area after adjustment, thereby satisfying the user's personalized needs.
在本公开再一些实施例中,在预设控件用于通过控制预设控制面板在目标单手操作区域内进行显示或隐藏,以控制位于预设控制面板内的第一控件进行显示或隐藏的情况下,在电子设备在目标单手操作区域内,按照目标布局方式,显示第二控件之后,该控件显示方法还可以包括:接收对第三目标控件的第三调整操作,第三目标控件为位于目标单手操作区域内的控件;响应于第三调整操作,停止在目标单手操作区域内显示第三目标控件。In still other embodiments of the present disclosure, the preset control is used to display or hide in the target one-handed operation area by controlling the preset control panel, so as to control the display or hide of the first control located in the preset control panel. In this case, after the electronic device displays the second control in the target one-handed operation area according to the target layout, the control display method may further include: receiving a third adjustment operation on the third target control, where the third target control is: A control located in the target one-hand operation area; in response to the third adjustment operation, stop displaying the third target control in the target one-hand operation area.
相应地,预设控制面板还用于在第三目标位置上显示第三目标控件。Correspondingly, the preset control panel is also used to display the third target control on the third target position.
具体地,电子设备可以接收用户对目标单手操作区域内固定显示的第三目标控件的第三调整操作,进而响应于第三调整操作,停止在目标单手操作区域内显示第三目标控件,并且使预设控制面板还可以用于显示第三目标控件,即使电子设备在弹出预设控制面板之后,在显示预设控制面板的情况下,通过预设控制面板显示第三目标控件。Specifically, the electronic device may receive a user's third adjustment operation on the third target control fixedly displayed in the target one-handed operation area, and then in response to the third adjustment operation, stop displaying the third target control in the target one-handed operation area, And the preset control panel can also be used to display the third target control, even after the electronic device pops up the preset control panel, in the case of displaying the preset control panel, the third target control is displayed through the preset control panel.
可选地,第三目标控件可以为目标单手操作区域内显示的任意控件,在此不做限制。Optionally, the third target control may be any control displayed in the target one-hand operation area, which is not limited herein.
在一些实施例中,第三调整操作可以包括用于触发对第三目标控件进行显示位置调整的第三触发操作和对预设控件进行选择的第三选择操作。其中,第三触发操作可以为对第三目标控件的双击、长按、语音控制等操作,第三选择操作可以为对预设控件的点击、双击、长按、语音控制等操作。In some embodiments, the third adjustment operation may include a third trigger operation for triggering adjustment of the display position of the third target control and a third selection operation for selecting a preset control. The third trigger operation may be operations such as double-click, long-press, and voice control on the third target control, and the third selection operation may be operations such as click, double-click, long-press, and voice control on the preset control.
在另一些实施例中,第三调整操作也可以包括将第三目标控件向预设控件拖动的操作。In other embodiments, the third adjustment operation may also include an operation of dragging the third target control to the preset control.
在上述的实施例中,电子设备可以确定用户希望将第三目标控件收纳于预设控件对应的预设控制面板中。In the above-mentioned embodiment, the electronic device may determine that the user wishes to store the third target control in the preset control panel corresponding to the preset control.
进一步地,电子设备可以将预设控制面板中的首个显示位置或者末个显示位置作为第三目标位置,在此不做限制。Further, the electronic device may use the first display position or the last display position in the preset control panel as the third target position, which is not limited herein.
下面以一个具体示例对这些实施例中的第三调整操作的过程进行说明。The process of the third adjustment operation in these embodiments will be described below with a specific example.
继续参见图8,当用户想要调整图8所示的目标界面401中的控件5的显示位置时,用户可以执行如图11所示的拖动操作,进而得到图12所示的拖动结果。Continue to refer to FIG. 8 , when the user wants to adjust the display position of the control 5 in the target interface 401 shown in FIG. 8 , the user can perform the drag operation as shown in FIG. 11 , and then obtain the drag result shown in FIG. 12 .
图11示出了本公开实施例提供的又一种拖动操作的示意图。图12示出了图11所示拖动操作的拖动结果示意图。FIG. 11 shows a schematic diagram of still another drag operation provided by an embodiment of the present disclosure. FIG. 12 is a schematic diagram showing a drag result of the drag operation shown in FIG. 11 .
如图11所示,电子设备可以显示目标界面1101,目标界面1101具有左手操作区域1102,左手操作区域1102的左下顶点区域1103内显示有预设控件1104。左手操作区域1102的除左下顶点区域1103以外的区域1105中可以显示有控件3、控件4和控件5。As shown in FIG. 11 , the electronic device can display a target interface 1101 , the target interface 1101 has a left-hand operation area 1102 , and a preset control 1104 is displayed in the lower left vertex area 1103 of the left-hand operation area 1102 . Control 3 , Control 4 , and Control 5 may be displayed in an area 1105 of the left-hand operation area 1102 other than the lower left vertex area 1103 .
用户可以将左手操作区域1102中的区域1105内显示的第三目标控件1106如控件5拖动至预设控件1104处。The user can drag the third target control 1106 such as control 5 displayed in the area 1105 in the left-hand operation area 1102 to the preset control 1104 .
如图12所示,当用户完成对第三目标控件1106的拖动之后,电子设备可以停止在左手操作区域902中的区域905内的显示第三目标控件1106。As shown in FIG. 12 , after the user finishes dragging the third target control 1106 , the electronic device may stop displaying the third target control 1106 in the area 905 in the left-hand operation area 902 .
用户可以点击预设控件1104,使预设控件1104向上弹起预设控制面板1107。在预设控件1104向上弹起预设控制面板1107的情况下,预设控制面板1107可以遮盖控件4进行显示,并且预设控制面板1107内可以显示有控件1、控件2和第三目标控件1106。由于,用户将第三目标控件1106收起至预设控制面板1107中,电子设备可以认为用户对第三目标控件1106的操作需求较低,因此,电子设备可以在预设控制面板1107中,将第三目标控件1106设置于控件1的上方,进而避免影响控件1和控件2的操作方便性。The user can click the preset control 1104 to make the preset control 1104 pop up the preset control panel 1107 . When the preset control panel 1107 is lifted up by the preset control 1104, the preset control panel 1107 can cover the control 4 for display, and the preset control panel 1107 can display the control 1, the control 2 and the third target control 1106. . Since the user has put the third target control 1106 into the preset control panel 1107, the electronic device may consider that the user's operation requirement for the third target control 1106 is low. The third target control 1106 is arranged above the control 1, so as to avoid affecting the operational convenience of the control 1 and the control 2.
由此,用户可以对单手操作区域内显示的第三目标控件进行显示位置的调整,使其可以在调整之后收纳于预设控件对应的预设控制面板内,不但可以减少控件对目标内容的遮挡,还可以满足用户的个性化需求。Therefore, the user can adjust the display position of the third target control displayed in the one-handed operation area, so that it can be stored in the preset control panel corresponding to the preset control after adjustment, which can not only reduce the influence of the control on the target content Occlusion can also meet the individual needs of users.
在本公开再一些实施例中,在电子设备在目标单手操作区域内,按照目标布局方式,显示第二控件之后,该控件显示方法还可以包括:接收对第四目标控件的第四调整操作,第四目标控件为位于预设控制面板内的控件,第四调整操作用于将第四目标控件与第五目标控件的显示位置进行替换,第五目标控件为位于目标单手操作区域内的控件;响应于第四调整操作,将第四目标控件与第五目标控件的显示位置进行替换。In still other embodiments of the present disclosure, after the electronic device displays the second control in the target one-handed operation area according to the target layout, the control display method may further include: receiving a fourth adjustment operation on the fourth target control , the fourth target control is a control located in the preset control panel, the fourth adjustment operation is used to replace the display position of the fourth target control and the fifth target control, and the fifth target control is located in the target one-handed operation area. control; in response to the fourth adjustment operation, the display positions of the fourth target control and the fifth target control are replaced.
具体地,在电子设备显示预设控制面板的情况下,电子设备可以接收用户对预设控制面板内显示的第四目标控件的第四调整操作,进而响应于第四调整操作,将第四目标控件与第四调整操作所选择的第五目标控件的显示位置进行替换。Specifically, when the electronic device displays the preset control panel, the electronic device may receive a fourth adjustment operation by the user on the fourth target control displayed in the preset control panel, and then in response to the fourth adjustment operation, the fourth target The control is replaced with the display position of the fifth target control selected by the fourth adjustment operation.
可选地,第四目标控件可以为预设控制面板内显示的任意控件,第五目标控件可以为目标单手操作区域内显示的任意控件,在此不做限制。Optionally, the fourth target control may be any control displayed in the preset control panel, and the fifth target control may be any control displayed in the target one-hand operation area, which is not limited herein.
在一些实施例中,第四调整操作可以包括将第四目标控件拖动至第五目标控件处的操作。In some embodiments, the fourth adjustment operation may include an operation of dragging the fourth target control to the fifth target control.
此时,电子设备可以确定用户希望将第四目标控件与第五目标控件的显示位置进行替换。At this time, the electronic device may determine that the user wishes to replace the display positions of the fourth target control and the fifth target control.
下面以一个具体示例对这些实施例中的第四调整操作的过程进行说明。The process of the fourth adjustment operation in these embodiments will be described below with a specific example.
图13示出了本公开实施例提供的再一种拖动操作的示意图。图14示出了图13所示拖动操作的拖动结果示意图。FIG. 13 shows a schematic diagram of still another drag operation provided by an embodiment of the present disclosure. FIG. 14 is a schematic diagram showing a drag result of the drag operation shown in FIG. 13 .
如图13所示,电子设备可以显示目标界面1301,目标界面1301具有左手操作区域1302,左手操作区域1302的左下顶点区域1303内显示有预设控件1304。As shown in FIG. 13 , the electronic device can display a target interface 1301 , the target interface 1301 has a left-hand operation area 1302 , and a preset control 1304 is displayed in the lower left vertex area 1303 of the left-hand operation area 1302 .
用户可以点击预设控件1304,使预设控制面板1305向上弹出,预设控制面板1305内可以显示有控件1和控件2。The user can click the preset control 1304 to make the preset control panel 1305 pop up upward, and the preset control panel 1305 can display the control 1 and the control 2 .
在电子设备显示预设控制面板1305的过程中,目标界面1301的左手操作区域1302的除左下顶点区域1303以外的区域1307中可以显示有控件3和控件4。During the process of displaying the preset control panel 1305 on the electronic device, control 3 and control 4 may be displayed in the area 1307 of the left-hand operation area 1302 of the target interface 1301 except for the lower left vertex area 1303 .
用户可以将预设控制面板1305内显示的第四目标控件1306如控件1向区域1307进行拖动,并将第四目标控件1306拖动至第五目标控件1308如控件4处。The user can drag the fourth target control 1306 displayed in the preset control panel 1305, such as control 1, to the area 1307, and drag the fourth target control 1306 to the fifth target control 1308, such as control 4.
如图14所示,当用户完成对第四目标控件1306的拖动之后,电子设备可以在预设控制面板1305内的原第四目标控件1306的显示位置处显示第五目标控件1308,并 且在区域1307内的原第五目标控件1308的显示位置处显示第四目标控件1306。As shown in FIG. 14 , after the user finishes dragging the fourth target control 1306 , the electronic device may display the fifth target control 1308 at the display position of the original fourth target control 1306 in the preset control panel 1305 , and at the display position of the original fourth target control 1306 The fourth object control 1306 is displayed at the display position of the original fifth object control 1308 in the area 1307 .
由此,用户可以对单手操作区域内显示的控件与预设控件对应的预设控制面板内显示的控件进行位置置换,以满足用户的个性化需求。Therefore, the user can perform position replacement of the controls displayed in the one-hand operation area and the controls displayed in the preset control panel corresponding to the preset controls to meet the user's personalized needs.
在本公开又一种实施方式中,目标界面还可以包括第三控件。In yet another embodiment of the present disclosure, the target interface may further include a third control.
可选地,目标界面可以包括至少一个第三控件。例如,第三控件的数量可以为1个、2个、5个、10个或者更多个。Optionally, the target interface may include at least one third control. For example, the number of third controls may be 1, 2, 5, 10 or more.
可选地,第三控件可以叠加显示于目标界面内的目标内容上,即目标界面内的目标内容上可以设置浮层,第三控件可以显示于浮层内。Optionally, the third control may be superimposed and displayed on the target content in the target interface, that is, a floating layer may be set on the target content in the target interface, and the third control may be displayed in the floating layer.
在一些实施例中,第三控件可以为不具有交互功能的控件如用于显示图标、图像、视频、文字等的展示控件,或者第三控件可以为交互功能与第一控件和第二控件不同的控件,或者第三控件可以为交互类型与第一控件和第二控件不同的控件。In some embodiments, the third control may be a control without an interactive function, such as a presentation control for displaying icons, images, videos, text, etc., or the third control may have an interactive function different from the first control and the second control , or the third control may be a control whose interaction type is different from that of the first control and the second control.
在这些情况下,可选地,第三控件可以位于目标界面内的任意位置。并且,第三控件所处的浮层可以与第一控件和/或第二控件所处的浮层相同,也可以与第一控件和/或第二控件所处的浮层不同,在此不做限制。In these cases, optionally, the third control can be located anywhere within the target interface. In addition, the floating layer where the third control is located may be the same as the floating layer where the first control and/or the second control is located, or it may be different from the floating layer where the first control and/or the second control is located. make restrictions.
下面以一个具体示例对这些实施例中的处于非单手操作模式时的目标界面进行说明。The target interface in the non-one-handed operation mode in these embodiments will be described below with a specific example.
图15示出了本公开实施例提供的又一种目标界面的示意图。FIG. 15 shows a schematic diagram of yet another target interface provided by an embodiment of the present disclosure.
如图15所示,电子设备可以显示目标界面301,目标界面301具有第一操作区域302和第二操作区域304,第一操作区域302可以为目标界面301的底部操作区域,第二操作区域304可以为目标界面301的顶部操作区域。As shown in FIG. 15 , the electronic device can display a target interface 301 , the target interface 301 has a first operation area 302 and a second operation area 304 , the first operation area 302 can be the bottom operation area of the target interface 301 , and the second operation area 304 It can be the top operation area of the target interface 301 .
在目标界面301的第一操作区域302内可以显示有两个第一控件303,两个第一控件303可以分别为控件1和控件2。在目标界面301的第二操作区域304内可以显示有三个第二控件305,三个第二控件305可以分别为控件3、控件4和控件5。Two first controls 303 may be displayed in the first operation area 302 of the target interface 301 , and the two first controls 303 may be control 1 and control 2 respectively. Three second controls 305 may be displayed in the second operation area 304 of the target interface 301 , and the three second controls 305 may be respectively control 3 , control 4 and control 5 .
在目标界面301的第二操作区域304内还可以显示有一个第三控件306,第三控件306可以为按钮1。其中,第三控件306可以为按钮功能的控件,第一控件303和第二控件305均为非按钮功能的控件。A third control 306 may also be displayed in the second operation area 304 of the target interface 301 , and the third control 306 may be button 1 . The third control 306 may be a control with a button function, and both the first control 303 and the second control 305 are controls with a non-button function.
在本公开一些实施例中,继续返回图2,在检测到用于触发目标单手模式的目标触发操作之后,该控件显示方法还可以包括:将第三控件保持在第三控件的初始显示位置。In some embodiments of the present disclosure, continuing to return to FIG. 2 , after detecting the target triggering operation for triggering the target one-handed mode, the control display method may further include: maintaining the third control at the initial display position of the third control .
在本公开实施例中,当电子设备接收到目标触发操作之后,可以响应于目标触发 操作,进入目标触发操作对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域、第一控件、第二控件和第三控件,并且将第三控件保持在第三控件的初始显示位置。In the embodiment of the present disclosure, after receiving the target triggering operation, the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, the first A control, a second control, and a third control, and the third control is maintained at the initial display position of the third control.
其中,电子设备可以将不具有交互功能的控件、或者交互功能与第一控件和第二控件不同的控件、或者交互类型与第一控件和第二控件不同的控件,确定为第三控件,在此不做赘述。Wherein, the electronic device may determine a control without interaction function, or a control whose interaction function is different from that of the first control and the second control, or a control whose interaction type is different from that of the first control and the second control as the third control. This will not be repeated.
下面以一个具体示例对这些实施例中的处于单手操作模式时的目标界面进行说明。The target interface in the one-hand operation mode in these embodiments will be described below with a specific example.
图16示出了图15所示实施例处于左手模式的示意图。FIG. 16 shows a schematic diagram of the embodiment shown in FIG. 15 in a left-handed mode.
如图16所示,电子设备可以显示目标界面401,目标界面401具有左手操作区域402。目标界面401的左手操作区域402的左下顶点区域403内显示有预设控件404。左手操作区域402的除左下顶点区域403以外的区域中可以显示有三个第二控件408,三个第二控件408可以分别为控件3、控件4和控件5。目标界面401内还可以显示有第三控件409,第三控件409可以为按钮1,第三控件409可以显示于其在目标界面401处于非单手操作模式时的初始显示位置(初始显示位置可以参考图15)。As shown in FIG. 16 , the electronic device can display a target interface 401 , and the target interface 401 has a left-hand operation area 402 . A preset control 404 is displayed in the lower left vertex area 403 of the left-hand operation area 402 of the target interface 401 . Three second controls 408 may be displayed in an area other than the lower left vertex area 403 of the left-hand operation area 402 , and the three second controls 408 may be respectively control 3 , control 4 and control 5 . A third control 409 may also be displayed in the target interface 401, the third control 409 may be button 1, and the third control 409 may be displayed at its initial display position when the target interface 401 is in a non-one-handed operation mode (the initial display position may be Refer to Figure 15).
由此,在本公开实施例中,还可以在目标界面由非单手操作模式切换至单手操作模式之后,保持部分控件的位置不变,避免控件在单手操作区域内大量堆积,进而减少控件对目标内容的遮挡。Therefore, in the embodiment of the present disclosure, after the target interface is switched from the non-single-hand operation mode to the one-hand operation mode, the positions of some controls can be kept unchanged, so as to avoid a large number of controls from accumulating in the one-hand operation area, thereby reducing the number of controls. The occlusion of the target content by the control.
在本公开再一种实施方式中,目标界面可以包括直播间界面,目标内容可以包括直播画面。In yet another embodiment of the present disclosure, the target interface may include a live broadcast room interface, and the target content may include a live broadcast screen.
可见,在直播业务场景下,在直播间界面处于单手操作模式下,无需改变直播间界面的显示大小,由于在直播间界面内,直播画面是主要内容,因此,可以保证用户的直播观看体验。同时,在单手操作模式下,还可以将第一控件收纳至预设控件内,将第二控件移动至目标单手操作区域内,使得用户可以很容易地触控到第一控件和第二控件,提高了用户的操作便利性。It can be seen that in the live broadcast service scenario, when the live broadcast room interface is in the one-hand operation mode, there is no need to change the display size of the live broadcast room interface. Since the live broadcast screen is the main content in the live broadcast room interface, the user's live broadcast viewing experience can be guaranteed. . At the same time, in the one-handed operation mode, the first control can also be stored in the preset control, and the second control can be moved to the target one-handed operation area, so that the user can easily touch the first control and the second control Controls to improve the user's operational convenience.
在本公开一些实施例中,直播间界面还可以包括评论区域,评论区域可以用于显示评论信息。In some embodiments of the present disclosure, the live room interface may further include a comment area, and the comment area may be used to display comment information.
下面以一个具体示例对直播间界面处于非单手操作模式时的目标界面进行说明。The following uses a specific example to describe the target interface when the interface of the live broadcast room is in a non-one-handed operation mode.
图17示出了本公开实施例提供的一种直播间界面的示意图。FIG. 17 shows a schematic diagram of a live room interface provided by an embodiment of the present disclosure.
如图17所示,电子设备可以显示直播间界面1701,直播间界面1701内可以显示 有直播画面。As shown in FIG. 17 , the electronic device can display a live broadcast room interface 1701, and the live broadcast room interface 1701 can display a live broadcast screen.
直播间界面1701具有顶部操作区域1702、底部操作区域1703和评论区域1704。顶部操作区域1702可以显示有两个第一控件,两个第一控件可以分别为红包控件1705和看播用户预览控件1706。底部操作区域1703内可以显示有两个第二控件,两个第二控件可以分别为评论信息编辑控件1707和礼物控件1708。顶部操作区域1702还可以设有第三控件,第三控件可以为关注按钮1709。The live room interface 1701 has a top operation area 1702 , a bottom operation area 1703 and a comment area 1704 . The top operation area 1702 may display two first controls, and the two first controls may be a red envelope control 1705 and a viewing user preview control 1706 respectively. Two second controls may be displayed in the bottom operation area 1703, and the two second controls may be a comment information editing control 1707 and a gift control 1708, respectively. The top operation area 1702 may also be provided with a third control, which may be a focus button 1709 .
评论区域1704可以位于直播间界面1701的左侧并且位于底部操作区域1703的上方。评论区域1704内可以显示有多条评论信息1710。The comment area 1704 may be located on the left side of the live room interface 1701 and above the bottom operation area 1703 . Multiple pieces of comment information 1710 may be displayed in the comment area 1704 .
在本公开一些实施例中,继续返回图2,在检测到用于触发目标单手模式的目标触发操作之后,该控件显示方法还可以包括:在目标单手操作区域与评论区域重叠的情况下,将评论区域移动至直播间界面的非操作区域内进行显示;在目标单手操作区域与评论区域不重叠的情况下,保持评论区域的显示位置。In some embodiments of the present disclosure, continuing to return to FIG. 2 , after detecting a target triggering operation for triggering the target one-handed mode, the control display method may further include: when the target one-handed operation area overlaps with the comment area , move the comment area to the non-operation area of the live room interface for display; if the target one-handed operation area does not overlap with the comment area, keep the display position of the comment area.
在本公开实施例中,当电子设备检测到目标触发操作之后,可以响应于目标触发操作,进入目标触发操作对应的目标单手模式,进而确定目标单手模式对应的目标单手操作区域,并且判断目标单手操作区域是否与评论区域重叠,如果目标单手操作区域与评论区域具有重叠部分,则可以将评论区域移动至在直播间界面的目标单手操作区域以外的未显示有任何控件的非操作区域内进行显示,否则,保持评论区域的显示位置。In the embodiment of the present disclosure, after detecting the target triggering operation, the electronic device may enter the target single-handed mode corresponding to the target triggering operation in response to the target triggering operation, and then determine the target single-handed operation area corresponding to the target single-handed mode, and Determine whether the target one-handed operation area overlaps with the comment area. If the target one-handed operation area and the comment area overlap, you can move the comment area to an area outside the target one-handed operation area on the live room interface that does not display any controls. Display it in the non-operation area, otherwise, keep the display position of the comment area.
其中,在直播间界面包括第三控件的情况下,非操作区域进一步指不包含第三控件的区域。Wherein, in the case where the interface of the live room includes the third control, the non-operation area further refers to an area that does not include the third control.
由此,在本公开实施例中,可以避免评论信息被目标单手操作区域内所显示的控件遮挡,以进一步提高用户的体验。Therefore, in the embodiment of the present disclosure, the comment information can be prevented from being blocked by the controls displayed in the target one-handed operation area, so as to further improve the user's experience.
下面以一个具体示例分别对这些实施例中的处于单手操作模式时的直播间界面进行说明。The interface of the live room in the one-hand operation mode in these embodiments is described below with a specific example.
继续参见图17,当用户在图17所示的直播间界面1701中输入用于触发左手模式的单手模式触发操作之后,直播间界面1701可以进入图18所示的左手模式;当用户在图17所示的直播间界面1701中输入用于触发右手模式的单手触发操作之后,直播间界面1701可以进入图19所示的右手模式。Continuing to refer to FIG. 17 , after the user inputs the one-hand mode triggering operation for triggering the left-hand mode in the live room interface 1701 shown in FIG. 17 , the live room interface 1701 can enter the left-hand mode shown in FIG. 18 ; After the one-hand trigger operation for triggering the right-hand mode is input in the live room interface 1701 shown in FIG. 17 , the live room interface 1701 can enter the right-hand mode shown in FIG. 19 .
图18示出了一种图17所示实施例处于左手模式的示意图。FIG. 18 shows a schematic diagram of the embodiment shown in FIG. 17 in left-handed mode.
如图18所示,电子设备可以显示直播间界面1801,直播间界面1801具有左手操 作区域1802和评论区域1803。由于评论区域1803在直播间界面1801处于非单手操作模式时的初始显示位置与左手操作区域1802具有重叠部分,因此,评论区域1803被移动至左手操作区域1802的右侧。评论区域1803内可以显示有评论信息1807。As shown in FIG. 18 , the electronic device can display a live room interface 1801, and the live room interface 1801 has a left-hand operation area 1802 and a comment area 1803. Since the initial display position of the comment area 1803 when the live room interface 1801 is not in the one-hand operation mode overlaps with the left-hand operation area 1802 , the comment area 1803 is moved to the right of the left-hand operation area 1802 . Comment information 1807 may be displayed in the comment area 1803 .
进一步地,左手操作区域1802内可以显示有看播用户预览控件1804、红包控件1805和预设控件1806。用户可以点击预设控件1806,以使预设控件1806对应的预设控制面板弹出,并且在预设控制面板内显示图17中所示的评论信息编辑控件1707和礼物控件1708(图18中未示出)。Further, the left-hand operation area 1802 may display a viewing user preview control 1804 , a red envelope control 1805 and a preset control 1806 . The user can click the preset control 1806 to pop up the preset control panel corresponding to the preset control 1806, and display the comment information editing control 1707 and the gift control 1708 shown in FIG. 17 (not shown in FIG. 18 ) in the preset control panel. Shows).
进一步地,预设控件1806可以位于左手操作区域1802的左下角,看播用户预览控件1804和红包控件1805可以位于预设控件1806的上方。由于看播用户预览控件1804在直播间界面1801处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17)与直播间界面1801的左下顶点之间的纵坐标距离大于红包控件1805在直播间界面1801处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17),因此,看播用户预览控件1804可以位于红包控件1805的上方。Further, the preset control 1806 may be located at the lower left corner of the left-hand operation area 1802 , and the viewing user preview control 1804 and the red envelope control 1805 may be located above the preset control 1806 . Since the initial display position of the viewing user preview control 1804 when the live room interface 1801 is in the non-one-handed operation mode (the initial display position can refer to FIG. 17 ) and the ordinate distance between the lower left vertex of the live room interface 1801 is greater than the red envelope control 1805 The initial display position of the live room interface 1801 when the interface 1801 is not in one-handed operation mode (the initial display position can refer to FIG. 17 ), therefore, the viewing user preview control 1804 can be located above the red envelope control 1805 .
进一步地,直播间界面1801的左上角还可以显示有关注按钮1808。关注按钮1808可以显示于其在直播间界面1801处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17)。Further, a follow button 1808 may also be displayed in the upper left corner of the live room interface 1801 . The focus button 1808 can be displayed at its initial display position when the live room interface 1801 is in a non-one-handed operation mode (for the initial display position, please refer to FIG. 17 ).
图19示出了另一种图17所示实施例处于右手模式的示意图。FIG. 19 shows a schematic diagram of another embodiment shown in FIG. 17 in a right-hand mode.
如图19所示,电子设备可以显示直播间界面1901,直播间界面1901具有右手操作区域1902和评论区域1903。由于评论区域1903的显示位置与右手操作区域1902不具有重叠部分,因此,评论区域1903仍然保持在右手操作区域1902的左侧进行显示。评论区域1903内可以显示有评论信息1907。As shown in FIG. 19 , the electronic device can display a live room interface 1901 , and the live room interface 1901 has a right-hand operation area 1902 and a comment area 1903 . Since the display position of the comment area 1903 does not overlap with the right-hand operation area 1902, the comment area 1903 is still displayed on the left side of the right-hand operation area 1902. Comment information 1907 may be displayed in the comment area 1903 .
进一步地,右手操作区域1902内可以显示有看播用户预览控件1904、红包控件1905和预设控件1906。用户可以点击预设控件1906,以使预设控件1906对应的预设控制面板弹出,并且在预设控制面板内显示图17中所示的评论信息编辑控件1707和礼物控件1708(图19中未示出)。Further, in the right-hand operation area 1902, a preview control 1904, a red envelope control 1905, and a preset control 1906 may be displayed for the viewing user. The user can click the preset control 1906, so that the preset control panel corresponding to the preset control 1906 pops up, and the comment information editing control 1707 and the gift control 1708 shown in FIG. 17 (not shown in FIG. 19 ) are displayed in the preset control panel. Shows).
进一步地,预设控件1906可以位于右手操作区域1902的右下角,看播用户预览控件1904和红包控件1905可以位于预设控件1906的上方。由于看播用户预览控件1904在直播间界面1901处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17)与直播间界面1901的右下顶点之间的纵坐标距离大于红包控件1905在直播间界面1901处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17), 因此,看播用户预览控件1904可以位于红包控件1905的上方。Further, the preset control 1906 may be located at the lower right corner of the right-hand operation area 1902 , and the viewing user preview control 1904 and the red envelope control 1905 may be located above the preset control 1906 . Since the initial display position of the viewing user preview control 1904 when the live room interface 1901 is in a non-one-handed operation mode (the initial display position can refer to FIG. 17 ) and the ordinate distance between the lower right vertex of the live room interface 1901 is greater than the red envelope control 1905 is the initial display position when the live room interface 1901 is in a non-one-handed operation mode (for the initial display position, please refer to FIG.
进一步地,直播间界面1901的左上角还可以显示有关注按钮1908。关注按钮1908可以显示于其在直播间界面1901处于非单手操作模式时的初始显示位置(初始显示位置可以参考图17)。Further, a follow button 1908 may also be displayed in the upper left corner of the live room interface 1901 . The focus button 1908 can be displayed at its initial display position when the live room interface 1901 is in a non-one-handed operation mode (for the initial display position, please refer to FIG. 17 ).
由此,在本公开实施例中,直播间界面可以根据功能特点分成不同的区域,用户可以通过单手模式触发操作使直播间界面进入相应的单手操作模式,进而在直播业务场景下,即保证用户的直播观看体验,又提高用户的操作便利性。Therefore, in the embodiment of the present disclosure, the interface of the live broadcast room can be divided into different areas according to functional characteristics, and the user can trigger the operation in the one-hand mode to make the interface of the live broadcast room enter the corresponding one-hand operation mode, and then in the live broadcast service scenario, namely It ensures the user's live viewing experience and improves the user's operational convenience.
进一步地,在直播间界面处于单手操作模式的情况下,在用户调整直播间界面内的目标单手操作区域的显示参数之后,若调整后的木模板单手操作区域与用于显示评论信息的评论区域具有重叠部分,则可以将评论区域移动至调整后的非操作区域内进行显示,否则,无需调整评论区域的显示位置。Further, when the interface of the live broadcast room is in the one-handed operation mode, after the user adjusts the display parameters of the target one-handed operation area in the live broadcast room interface, if the adjusted one-handed operation area of the wooden template is the same as the one used for displaying comment information. The comment area of is overlapped, you can move the comment area to the adjusted non-operation area for display, otherwise, there is no need to adjust the display position of the comment area.
由此,在本公开实施例中,可以进一步避免评论信息被单手操作区域内所显示的控件遮挡,以进一步提高用户的体验。Therefore, in the embodiment of the present disclosure, it is possible to further prevent the comment information from being blocked by the controls displayed in the one-handed operation area, so as to further improve the user's experience.
本公开实施例提供的技术方案与现有技术相比具有如下优点:本公开实施例的控件显示方法、装置、设备及介质,能够在检测到用于触发目标单手模式的目标触发操作时,在目标界面的与目标单手模式对应的目标单手操作区域内,显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件,由于该第一控件为在目标界面的第一操作区域内显示的控件,由此,可以将第一操作区域内的第一控件收纳至位于目标单手操作区域内的预设控件中,方便用户在单手使用电子设备的情况下,在浏览目标界面的同时,通过预设控件控制在目标单手操作区域内显示第一控件,进而在不改变目标界面的显示大小的情况下,使用户可以很容易地触控到全部第一控件,不但提高了用户的操作便利性,还保证了目标界面的视觉体验,从而提升了用户的体验。Compared with the prior art, the technical solutions provided by the embodiments of the present disclosure have the following advantages: the control display method, device, device, and medium of the embodiments of the present disclosure In the target one-handed operation area corresponding to the target one-handed mode of the target interface, a preset control for controlling the display or hiding of the first control in the target one-handed operation area is displayed. Since the first control is in the target interface The controls displayed in the first operation area of , while browsing the target interface, the preset controls are used to control the display of the first control in the target one-handed operation area, so that the user can easily touch all the first controls without changing the display size of the target interface. The control not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience.
在本公开实施例还提供了一种控件显示装置,下面结合图20进行说明。在本公开实施例中,该控件显示装置2000可以为电子设备。在一些实施例中,该电子设备可以为图1中所示的由用户单手握持的电子设备101。其中,电子设备可以是移动电话、平板电脑、笔记本电脑、车载终端、可穿戴设备、智能家居设备等具有通信功能的设备。An embodiment of the present disclosure also provides a control display device, which will be described below with reference to FIG. 20 . In this embodiment of the present disclosure, the control display apparatus 2000 may be an electronic device. In some embodiments, the electronic device may be the electronic device 101 shown in FIG. 1 held by a user with one hand. The electronic device may be a device with a communication function, such as a mobile phone, a tablet computer, a notebook computer, a vehicle-mounted terminal, a wearable device, and a smart home device.
图20示出了本公开实施例提供的一种控件显示装置的结构示意图。FIG. 20 shows a schematic structural diagram of a control display device provided by an embodiment of the present disclosure.
如图20所示,该控件显示装置2000可以包括第一显示单元2010和第二显示单元2020。As shown in FIG. 20 , the control display apparatus 2000 may include a first display unit 2010 and a second display unit 2020 .
该第一显示单元2010可以配置为在目标界面的第一操作区域内显示第一控件。The first display unit 2010 may be configured to display the first control in the first operation area of the target interface.
该第二显示单元2020可以配置为当检测到用于触发目标单手模式的目标触发操作时,在目标界面的目标单手操作区域内显示预设控件,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏目标单手操作区域为与目标单手模式对应的单手操作区域,目标单手操作区域与第一操作区域不同。The second display unit 2020 can be configured to display preset controls in the target one-hand operation area of the target interface when a target triggering operation for triggering the target one-handed mode is detected, and the preset controls are used to control the first control in the target one-handed operation area. Displaying or hiding the target one-hand operation area in the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
在本公开实施例中,能够在检测到用于触发目标单手模式的目标触发操作时,在目标界面的与目标单手模式对应的目标单手操作区域内,显示用于控制第一控件在目标单手操作区域内进行显示或隐藏的预设控件,由于该第一控件为在目标界面的第一操作区域内显示的控件,由此,可以将第一操作区域内的第一控件收纳至位于目标单手操作区域内的预设控件中,方便用户在单手使用电子设备的情况下,在浏览目标界面的同时,通过预设控件控制在目标单手操作区域内显示第一控件,进而在不改变目标界面的显示大小的情况下,使用户可以很容易地触控到全部第一控件,不但提高了用户的操作便利性,还保证了目标界面的视觉体验,从而提升了用户的体验。In the embodiment of the present disclosure, when a target trigger operation for triggering the target one-hand mode is detected, in the target one-hand operation area corresponding to the target one-hand mode on the target interface, a display for controlling the first control in the target one-hand mode can be displayed. The preset control displayed or hidden in the target one-hand operation area, since the first control is a control displayed in the first operation area of the target interface, the first control in the first operation area can be stored in the The preset controls located in the target one-hand operation area are convenient for the user to use the electronic device with one hand, while browsing the target interface, the preset controls are used to control the display of the first control in the target one-hand operation area, and then Without changing the display size of the target interface, the user can easily touch all the first controls, which not only improves the user's operational convenience, but also ensures the visual experience of the target interface, thereby improving the user's experience. .
在本公开一些实施例中,该控件显示装置2000还可以包括第三显示单元,该第三显示单元可以配置为在检测到用于触发目标单手模式的目标触发操作之后,停止在第一操作区域内显示第一控件。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a third display unit, and the third display unit may be configured to stop at the first operation after detecting the target triggering operation for triggering the target one-handed mode The first control is displayed in the area.
在本公开一些实施例中,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏可以包括:In some embodiments of the present disclosure, the preset control for controlling the display or hiding of the first control in the target one-hand operation area may include:
预设控件用于通过控制预设控制面板在目标单手操作区域内进行显示或隐藏,以控制位于预设控制面板内的第一控件进行显示或隐藏。The preset control is used to display or hide the preset control panel in the target one-hand operation area, so as to control the display or hide of the first control located in the preset control panel.
在本公开一些实施例中,该控件显示装置2000还可以包括第一接收单元和第四显示单元。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a first receiving unit and a fourth display unit.
该第一接收单元可以配置为在目标界面的目标单手操作区域内显示预设控件之后,接收对第一目标控件的第一调整操作,第一目标控件为位于预设控制面板内的控件。The first receiving unit may be configured to receive a first adjustment operation on the first target control after displaying the preset control in the target one-handed operation area of the target interface, where the first target control is a control located in the preset control panel.
该第四显示单元可以配置为响应于第一调整操作,将第一目标控件由预设控制面板移动至目标单手操作区域内的第一目标位置进行显示。The fourth display unit may be configured to, in response to the first adjustment operation, move the first target control from the preset control panel to a first target position within the target one-handed operation area for display.
在本公开一些实施例中,该控件显示装置2000还可以包括第五显示单元和第六显示单元。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a fifth display unit and a sixth display unit.
该第五显示单元可以配置为在检测到用于触发目标单手模式的目标触发操作之 前,在目标界面的第二操作区域内显示第二控件,第二操作区域与第一操作区域不重叠。The fifth display unit may be configured to display a second control in a second operation area of the target interface before detecting the target triggering operation for triggering the target one-handed mode, and the second operation area does not overlap with the first operation area.
该第六显示单元可以配置为在检测到用于触发目标单手模式的目标触发操作之后,在目标单手操作区域内,按照目标布局方式,显示第二控件,目标布局方式根据第二控件在第二操作区域内的显示位置确定。The sixth display unit may be configured to, after detecting the target triggering operation for triggering the target one-handed mode, in the target one-handed operation area, display the second control according to the target layout, and the target layout is in the target layout according to the second control. The display position in the second operation area is determined.
在本公开一些实施例中,该控件显示装置2000还可以包括第七显示单元,该第七显示单元可以配置为在检测到用于触发目标单手模式的目标触发操作之后,停止在第二操作区域内显示第二控件。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a seventh display unit, and the seventh display unit may be configured to stop at the second operation after detecting the target triggering operation for triggering the target one-handed mode A second control is displayed in the area.
在本公开一些实施例中,该控件显示装置2000还可以包括第二接收单元和第八显示单元。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a second receiving unit and an eighth display unit.
该第二接收单元可以配置为在目标单手操作区域内,按照目标布局方式,显示第二控件之后,接收对第二目标控件的第二调整操作,第二目标控件为位于目标单手操作区域内的控件。The second receiving unit may be configured to receive a second adjustment operation on the second target control after displaying the second control in the target one-handed operation area according to the target layout method, and the second target control is located in the target one-handed operation area controls inside.
该第八显示单元可以配置为响应于第二调整操作,在目标单手操作区域内将第二目标控件移动至第二目标位置进行显示。The eighth display unit may be configured to, in response to the second adjustment operation, move the second target control to the second target position within the target one-handed operation area for display.
在本公开一些实施例中,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏可以包括:预设控件用于通过控制预设控制面板在目标单手操作区域内进行显示或隐藏,以控制位于预设控制面板内的第一控件进行显示或隐藏。In some embodiments of the present disclosure, the preset controls used to control the display or hide of the first control in the target one-handed operation area may include: the preset controls are used to control the preset control panel to be displayed or hidden in the target one-handed operation area Show or hide, to control the display or hide of the first control located in the preset control panel.
相应地,该控件显示装置2000还可以包括第三接收单元和第九显示单元。Correspondingly, the control display apparatus 2000 may further include a third receiving unit and a ninth display unit.
该第三接收单元可以配置为在目标单手操作区域内,按照目标布局方式,显示第二控件之后,接收对第三目标控件的第三调整操作,第三目标控件为位于目标单手操作区域内的控件。The third receiving unit may be configured to receive a third adjustment operation on the third target control after displaying the second control in the target one-handed operation area according to the target layout, and the third target control is located in the target one-handed operation area controls inside.
该第九显示单元可以配置为响应于第三调整操作,停止在目标单手操作区域内显示第三目标控件。The ninth display unit may be configured to stop displaying the third target control in the target one-handed operation area in response to the third adjustment operation.
其中,预设控制面板还可以用于在第三目标位置上显示第三目标控件。Wherein, the preset control panel can also be used to display the third target control on the third target position.
在本公开一些实施例中,该控件显示装置2000还可以包括第四接收单元和第十显示单元。In some embodiments of the present disclosure, the control display apparatus 2000 may further include a fourth receiving unit and a tenth display unit.
该第四接收单元可以配置为在检测到用于触发目标单手模式的目标触发操作之后,接收对目标单手操作区域的区域调整操作。The fourth receiving unit may be configured to receive an area adjustment operation on the target one-handed operation area after detecting a target triggering operation for triggering the target one-handed mode.
该第十显示单元可以配置为响应于区域调整操作,按照区域调整操作所选择的目 标显示参数,显示目标单手操作区域。The tenth display unit may be configured to display the target one-handed operation area according to the target display parameter selected by the area adjustment operation in response to the area adjustment operation.
在本公开一些实施例中,目标界面可以包括直播间界面,直播间界面还可以包括评论区域,评论区域可以用于显示评论信息。In some embodiments of the present disclosure, the target interface may include a live room interface, and the live room interface may further include a comment area, and the comment area may be used to display comment information.
相应地,该控件显示装置2000还可以包括第十一显示单元,该第十一显示单元可以配置为在检测到用于触发目标单手模式的目标触发操作之后,在目标单手操作区域与评论区域重叠的情况下,将评论区域移动至直播间界面的非操作区域内进行显示。Correspondingly, the control display device 2000 may further include an eleventh display unit, and the eleventh display unit may be configured to, after detecting the target triggering operation for triggering the target one-handed mode, display the comment in the target one-handed operation area and comment. If the area overlaps, move the comment area to the non-operation area of the live room interface to display it.
需要说明的是,图20所示的控件显示装置2000可以执行图2至图19所示的方法实施例中的各个步骤,并且实现图2至图19示的方法实施例中的各个过程和效果,在此不做赘述。It should be noted that the control display device 2000 shown in FIG. 20 can perform various steps in the method embodiments shown in FIGS. 2 to 19 , and realize various processes and effects in the method embodiments shown in FIGS. 2 to 19 . , which will not be repeated here.
本公开实施例还提供了一种电子设备,该电子设备可以包括处理器和存储器,存储器可以用于存储可执行指令。其中,处理器可以用于从存储器中读取可执行指令,并执行可执行指令以实现上述实施例中的控件显示方法。Embodiments of the present disclosure also provide an electronic device, the electronic device may include a processor and a memory, and the memory may be used to store executable instructions. Wherein, the processor may be configured to read executable instructions from the memory, and execute the executable instructions to implement the control display method in the foregoing embodiment.
图21示出了本公开实施例提供的一种电子设备的结构示意图。下面具体参考图21,其示出了适于用来实现本公开实施例中的电子设备2100的结构示意图。FIG. 21 shows a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. Referring specifically to FIG. 21 below, it shows a schematic structural diagram of an electronic device 2100 suitable for implementing an embodiment of the present disclosure.
本公开实施例中,电子设备2100可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)、可穿戴设备、等等的移动终端以及诸如数字TV、智能家居设备等等的固定终端。In the embodiment of the present disclosure, the electronic device 2100 may include, but is not limited to, such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle-mounted terminal ( Mobile terminals such as in-vehicle navigation terminals), wearable devices, etc., and stationary terminals such as digital TVs, smart home devices, and the like.
需要说明的是,图21示出的电子设备2100仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。It should be noted that the electronic device 2100 shown in FIG. 21 is only an example, and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.
如图21所示,该电子设备2100可以包括处理装置(例如中央处理器、图形处理器等)2101,其可以根据存储在只读存储器(ROM)2102中的程序或者从存储装置2108加载到随机访问存储器(RAM)2103中的程序而执行各种适当的动作和处理。在RAM 2103中,还存储有电子设备2100操作所需的各种程序和数据。处理装置2101、ROM 2102以及RAM 2103通过总线2104彼此相连。输入/输出(I/O)接口2105也连接至总线2104。As shown in FIG. 21 , the electronic device 2100 may include a processing device (eg, a central processing unit, a graphics processor, etc.) 2101, which may be loaded into a random access device according to a program stored in a read only memory (ROM) 2102 or from a storage device 2108 Various appropriate actions and processes are executed by accessing the program in the memory (RAM) 2103 . In the RAM 2103, various programs and data necessary for the operation of the electronic device 2100 are also stored. The processing device 2101, the ROM 2102, and the RAM 2103 are connected to each other through a bus 2104. An input/output (I/O) interface 2105 is also connected to the bus 2104 .
通常,以下装置可以连接至I/O接口2105:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置2106;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置2107;包括例如磁带、硬盘等的存储装置2108;以及通信装置2109。通信装置2109可以允许电子设备2100与其他设备进行无线或有线通 信以交换数据。虽然图21示出了具有各种装置的电子设备2100,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。Typically, the following devices can be connected to the I/O interface 2105: input devices 2106 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration An output device 2107 of a computer, etc.; a storage device 2108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 2109. Communication means 2109 may allow electronic device 2100 to communicate wirelessly or by wire with other devices to exchange data. Although FIG. 21 shows an electronic device 2100 having various means, it should be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
本公开实施例还提供了一种非易失性计算机可读存储介质,该存储介质存储有计算机程序,当计算机程序被电子设备执行时,使得电子设备实现上述实施例中的控件显示方法。Embodiments of the present disclosure further provide a non-volatile computer-readable storage medium, where a computer program is stored in the storage medium, and when the computer program is executed by an electronic device, the electronic device can implement the control display method in the foregoing embodiment.
本公开还提供了一种计算机程序,包括:指令,所述指令当由处理器执行时使所述处理器执行第一方面所述的控件显示方法。The present disclosure also provides a computer program, comprising: instructions, when executed by a processor, the instructions cause the processor to execute the control display method of the first aspect.
本公开还提供了一种计算机程序产品,包括指令,所述指令当由处理器执行时使所述处理器执行第一方面所述的控件显示方法。The present disclosure also provides a computer program product comprising instructions that, when executed by a processor, cause the processor to execute the control display method of the first aspect.
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置2109从网络上被下载和安装,或者从存储装置2108被安装,或者从ROM 2102被安装。在该计算机程序被处理装置2101执行时,执行本公开实施例的控件显示方法中限定的上述功能。In particular, according to embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated in the flowchart. In such an embodiment, the computer program may be downloaded and installed from the network via the communication device 2109, or from the storage device 2108, or from the ROM 2102. When the computer program is executed by the processing device 2101, the above-mentioned functions defined in the control display method of the embodiment of the present disclosure are executed.
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等 等,或者上述的任意合适的组合。It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing. In this disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave with computer-readable program code embodied thereon. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted using any suitable medium including, but not limited to, electrical wire, optical fiber cable, RF (radio frequency), etc., or any suitable combination of the foregoing.
在一些实施方式中,客户端、服务器可以利用诸如HTTP之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。In some embodiments, clients, servers can communicate using any currently known or future developed network protocol, such as HTTP, and can be interconnected with any form or medium of digital data communication (eg, a communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), the Internet (eg, the Internet), and peer-to-peer networks (eg, ad hoc peer-to-peer networks), as well as any currently known or future development network of.
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。The above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or may exist alone without being assembled into the electronic device.
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行:The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device is made to execute:
在目标界面的第一操作区域内显示第一控件;当检测到用于触发目标单手模式的目标触发操作时,在目标界面的目标单手操作区域内显示预设控件,预设控件用于控制第一控件在目标单手操作区域内进行显示或隐藏,目标单手操作区域为与目标单手模式对应的单手操作区域,目标单手操作区域与第一操作区域不同。A first control is displayed in the first operation area of the target interface; when a target trigger operation for triggering the target one-handed mode is detected, a preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used for The first control is controlled to be displayed or hidden in the target one-hand operation area, the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
在本公开实施例中,可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。In embodiments of the present disclosure, computer program code for performing operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional procedural programming languages - such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (eg, using an Internet service provider through Internet connection).
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和 /或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented in dedicated hardware-based systems that perform the specified functions or operations , or can be implemented in a combination of dedicated hardware and computer instructions.
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。The units involved in the embodiments of the present disclosure may be implemented in a software manner, and may also be implemented in a hardware manner. Among them, the name of the unit does not constitute a limitation of the unit itself under certain circumstances.
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), Systems on Chips (SOCs), Complex Programmable Logical Devices (CPLDs) and more.
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with the instruction execution system, apparatus or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include one or more wire-based electrical connections, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), fiber optics, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of the disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, and should also cover, without departing from the above-mentioned disclosed concept, the technical solutions formed by the above-mentioned technical features or Other technical solutions formed by any combination of its equivalent features. For example, a technical solution is formed by replacing the above features with the technical features disclosed in the present disclosure (but not limited to) with similar functions.
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。Additionally, although operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, although the above discussion contains several implementation-specific details, these should not be construed as limitations on the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。Although the subject matter has been described in language specific to structural features and/or logical acts of method, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.
Claims (15)
- 一种控件显示方法,包括:A control display method, including:在目标界面的第一操作区域内,显示第一控件;In the first operation area of the target interface, display the first control;当检测到用于触发目标单手模式的目标触发操作时,在所述目标界面的目标单手操作区域内显示预设控件,所述预设控件用于控制所述第一控件在所述目标单手操作区域内进行显示或隐藏,所述目标单手操作区域为与所述目标单手模式对应的单手操作区域,所述目标单手操作区域与所述第一操作区域不同。When a target triggering operation for triggering the target one-handed mode is detected, a preset control is displayed in the target one-handed operation area of the target interface, and the preset control is used to control the first control to operate on the target Display or hide in the one-hand operation area, the target one-hand operation area is a one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is different from the first operation area.
- 根据权利要求1所述的方法,在所述检测到用于触发目标单手模式的目标触发操作之后,所述方法还包括:The method according to claim 1, after the detection of the target triggering operation for triggering the target one-handed mode, the method further comprises:停止在所述第一操作区域内显示所述第一控件。Stop displaying the first control in the first operation area.
- 根据权利要求1所述的方法,其中,所述预设控件用于通过控制预设控制面板在所述目标单手操作区域内进行显示或隐藏,以控制位于所述预设控制面板内的所述第一控件进行显示或隐藏。The method according to claim 1, wherein the preset control is used to display or hide in the target one-handed operation area by controlling a preset control panel, so as to control all the preset control panels located in the preset control panel. to display or hide the first control.
- 根据权利要求3所述的方法,在所述目标界面的目标单手操作区域内显示预设控件之后,所述方法还包括:The method according to claim 3, after displaying the preset control in the target one-handed operation area of the target interface, the method further comprises:接收对第一目标控件的第一调整操作,所述第一目标控件为位于所述预设控制面板内的控件;receiving a first adjustment operation on a first target control, where the first target control is a control located in the preset control panel;响应于所述第一调整操作,将所述第一目标控件由所述预设控制面板移动至所述目标单手操作区域内的第一目标位置进行显示。In response to the first adjustment operation, the first target control is moved from the preset control panel to a first target position in the target one-handed operation area for display.
- 根据权利要求1所述的方法,在所述检测到用于触发目标单手模式的目标触发操作之前,所述方法还包括:The method according to claim 1, before the detecting a target triggering operation for triggering the target one-handed mode, the method further comprises:在所述目标界面的第二操作区域内显示第二控件,所述第二操作区域与所述第一操作区域不重叠;displaying a second control in a second operation area of the target interface, where the second operation area does not overlap with the first operation area;在所述检测到用于触发目标单手模式的目标触发操作之后,所述方法还包括:After the detection of the target triggering operation for triggering the target one-handed mode, the method further includes:在所述目标单手操作区域内,按照目标布局方式,显示所述第二控件,所述目标布局方式根据所述第二控件在所述第二操作区域内的显示位置确定。In the target one-handed operation area, the second control is displayed according to the target layout mode, and the target layout mode is determined according to the display position of the second control in the second operation area.
- 根据权利要求5所述的方法,在所述检测到用于触发目标单手模式的目标触发操作之后,所述方法还包括:The method according to claim 5, after the detection of the target triggering operation for triggering the target one-handed mode, the method further comprises:停止在所述第二操作区域内显示所述第二控件。Stop displaying the second control in the second operation area.
- 根据权利要求5所述的方法,在所述目标单手操作区域内,按照目标布局方式,显示所述第二控件之后,所述方法还包括:The method according to claim 5, after displaying the second control in the target one-handed operation area according to the target layout, the method further comprises:接收对第二目标控件的第二调整操作,所述第二目标控件为位于所述目标单手操作区域内的控件;receiving a second adjustment operation on a second target control, where the second target control is a control located in the target one-handed operation area;响应于所述第二调整操作,在所述目标单手操作区域内将所述第二目标控件移动至第二目标位置进行显示。In response to the second adjustment operation, the second target control is moved to a second target position in the target one-hand operation area for display.
- 根据权利要求5所述的方法,其中,The method of claim 5, wherein,所述预设控件用于通过控制预设控制面板在所述目标单手操作区域内进行显示或隐藏,以控制位于所述预设控制面板内的所述第一控件进行显示或隐藏;The preset control is used for displaying or hiding in the target one-handed operation area by controlling the preset control panel, so as to control the display or hiding of the first control located in the preset control panel;在所述目标单手操作区域内,按照目标布局方式,显示所述第二控件之后,所述方法还包括:In the target one-handed operation area, after displaying the second control according to the target layout, the method further includes:接收对第三目标控件的第三调整操作,所述第三目标控件为位于所述目标单手操作区域内的控件;receiving a third adjustment operation on a third target control, where the third target control is a control located in the target one-handed operation area;响应于所述第三调整操作,停止在所述目标单手操作区域内显示所述第三目标控件,所述预设控制面板还用于在第三目标位置上显示所述第三目标控件。In response to the third adjustment operation, the display of the third target control in the target one-handed operation area is stopped, and the preset control panel is further configured to display the third target control on a third target position.
- 根据权利要求1至8任一项所述的方法,在所述检测到用于触发目标单手模式的目标触发操作之后,所述方法还包括:The method according to any one of claims 1 to 8, after the target triggering operation for triggering the target one-handed mode is detected, the method further comprises:接收对所述目标单手操作区域的区域调整操作;receiving an area adjustment operation on the target one-handed operation area;响应于所述区域调整操作,按照所述区域调整操作所选择的目标显示参数,显示所述目标单手操作区域。In response to the area adjustment operation, the target one-hand operation area is displayed according to the target display parameter selected by the area adjustment operation.
- 根据权利要求1至8任一项所述的方法,其中,所述目标界面包括直播间界面,所述直播间界面还包括评论区域,所述评论区域用于显示评论信息;The method according to any one of claims 1 to 8, wherein the target interface includes a live room interface, and the live room interface further includes a comment area, and the comment area is used to display comment information;在所述检测到用于触发目标单手模式的目标触发操作之后,所述方法还包括:After the detection of the target triggering operation for triggering the target one-handed mode, the method further includes:在所述目标单手操作区域与所述评论区域重叠的情况下,将所述评论区域移动至所述直播间界面的非操作区域内进行显示。When the target one-hand operation area overlaps with the comment area, the comment area is moved to a non-operation area of the live broadcast room interface for display.
- 一种控件显示装置,包括:A control display device, comprising:第一显示单元,配置为在目标界面的第一操作区域内显示第一控件;a first display unit, configured to display the first control in the first operation area of the target interface;第二显示单元,配置为当检测到用于触发目标单手模式的目标触发操作时,在所述目标界面的目标单手操作区域内显示预设控件,所述预设控件用于控制所述第一控件在所述目标单手操作区域内进行显示或隐藏,所述目标单手操作区域为与所述目标 单手模式对应的单手操作区域,所述目标单手操作区域与所述第一操作区域不同。The second display unit is configured to display a preset control in the target single-hand operation area of the target interface when a target triggering operation for triggering the target one-handed mode is detected, and the preset control is used to control the The first control is displayed or hidden in the target one-hand operation area, the target one-hand operation area is the one-hand operation area corresponding to the target one-hand mode, and the target one-hand operation area is the same as the first control area. One operating area is different.
- 一种电子设备,包括:An electronic device comprising:处理器;processor;存储器,用于存储可执行指令;memory for storing executable instructions;其中,所述处理器用于从所述存储器中读取所述可执行指令,并执行所述可执行指令以实现上述权利要求1-10中任一项所述的控件显示方法。Wherein, the processor is configured to read the executable instructions from the memory, and execute the executable instructions to implement the control display method according to any one of the preceding claims 1-10.
- 一种非易失性计算机可读存储介质,所述存储介质存储有计算机程序,当所述计算机程序被电子设备执行时,使得所述电子设备实现上述权利要求1-10中任一项所述的控件显示方法。A non-volatile computer-readable storage medium, the storage medium stores a computer program, when the computer program is executed by an electronic device, the electronic device enables the electronic device to implement any one of the above claims 1-10 control display method.
- 一种计算机程序,包括:A computer program comprising:指令,所述指令当由处理器执行时使所述处理器执行根据权利要求1-10中任一项所述的控件显示方法。Instructions that, when executed by a processor, cause the processor to execute the control display method according to any one of claims 1-10.
- 一种计算机程序产品,包括指令,所述指令当由处理器执行时使所述处理器执行根据权利要求1-10中任一项所述的控件显示方法。A computer program product comprising instructions which, when executed by a processor, cause the processor to perform the control display method of any one of claims 1-10.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110212925.2 | 2021-02-25 | ||
CN202110212925.2A CN112995401A (en) | 2021-02-25 | 2021-02-25 | Control display method, device, equipment and medium |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2022179409A1 true WO2022179409A1 (en) | 2022-09-01 |
Family
ID=76350749
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2022/076308 WO2022179409A1 (en) | 2021-02-25 | 2022-02-15 | Control display method and apparatus, device, and medium |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN112995401A (en) |
WO (1) | WO2022179409A1 (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112995401A (en) * | 2021-02-25 | 2021-06-18 | 北京字节跳动网络技术有限公司 | Control display method, device, equipment and medium |
CN114756148B (en) * | 2022-04-27 | 2023-10-31 | 北京达佳互联信息技术有限公司 | Control display method and device, electronic equipment and storage medium |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8769431B1 (en) * | 2013-02-28 | 2014-07-01 | Roy Varada Prasad | Method of single-handed software operation of large form factor mobile electronic devices |
CN103927080A (en) * | 2014-03-27 | 2014-07-16 | 小米科技有限责任公司 | Method and device for controlling control operation |
CN108475156A (en) * | 2015-12-31 | 2018-08-31 | 华为技术有限公司 | A kind of menu display method and handheld terminal of user interface |
CN109218518A (en) * | 2018-07-27 | 2019-01-15 | 上海斐讯数据通信技术有限公司 | A kind of one-handed performance method and system of hand-held mobile terminal |
CN109521933A (en) * | 2018-10-30 | 2019-03-26 | 维沃移动通信有限公司 | A kind of display control method and mobile terminal |
CN110908562A (en) * | 2019-11-27 | 2020-03-24 | 维沃移动通信有限公司 | Icon display method and device, electronic equipment and medium |
CN111026480A (en) * | 2019-11-27 | 2020-04-17 | 维沃移动通信有限公司 | Content display method and electronic equipment |
CN112995401A (en) * | 2021-02-25 | 2021-06-18 | 北京字节跳动网络技术有限公司 | Control display method, device, equipment and medium |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110865764A (en) * | 2019-10-30 | 2020-03-06 | 维沃移动通信有限公司 | Interface application display method and device |
-
2021
- 2021-02-25 CN CN202110212925.2A patent/CN112995401A/en active Pending
-
2022
- 2022-02-15 WO PCT/CN2022/076308 patent/WO2022179409A1/en unknown
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8769431B1 (en) * | 2013-02-28 | 2014-07-01 | Roy Varada Prasad | Method of single-handed software operation of large form factor mobile electronic devices |
CN103927080A (en) * | 2014-03-27 | 2014-07-16 | 小米科技有限责任公司 | Method and device for controlling control operation |
CN108475156A (en) * | 2015-12-31 | 2018-08-31 | 华为技术有限公司 | A kind of menu display method and handheld terminal of user interface |
CN109218518A (en) * | 2018-07-27 | 2019-01-15 | 上海斐讯数据通信技术有限公司 | A kind of one-handed performance method and system of hand-held mobile terminal |
CN109521933A (en) * | 2018-10-30 | 2019-03-26 | 维沃移动通信有限公司 | A kind of display control method and mobile terminal |
CN110908562A (en) * | 2019-11-27 | 2020-03-24 | 维沃移动通信有限公司 | Icon display method and device, electronic equipment and medium |
CN111026480A (en) * | 2019-11-27 | 2020-04-17 | 维沃移动通信有限公司 | Content display method and electronic equipment |
CN112995401A (en) * | 2021-02-25 | 2021-06-18 | 北京字节跳动网络技术有限公司 | Control display method, device, equipment and medium |
Also Published As
Publication number | Publication date |
---|---|
CN112995401A (en) | 2021-06-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11494244B2 (en) | Multi-window control method and electronic device supporting the same | |
EP3091426B1 (en) | User terminal device providing user interaction and method therefor | |
US10205873B2 (en) | Electronic device and method for controlling a touch screen of the electronic device | |
TWI522894B (en) | Method in electronic device, computer program product and non-transitory computer readable recording medium | |
CN109508128B (en) | Search control display method, device and equipment and computer readable storage medium | |
US20150227166A1 (en) | User terminal device and displaying method thereof | |
US20160202852A1 (en) | Application execution method by display device and display device thereof | |
US10275132B2 (en) | Display apparatus, method of controlling display apparatus, and recordable medium storing program for performing method of controlling display apparatus | |
US20130106888A1 (en) | Interactively zooming content during a presentation | |
WO2022179409A1 (en) | Control display method and apparatus, device, and medium | |
WO2021238679A1 (en) | Video call interface display control method and apparatus, storage medium, and device | |
KR20130119172A (en) | Mobile terminal and method for controlling thereof | |
US20220350469A1 (en) | Method and device for arranging windows, terminal, and storage medium | |
WO2021073327A1 (en) | Window display method and apparatus, and terminal and storage medium | |
KR20150051292A (en) | Method for sharing contents and electronic device thereof | |
WO2022052774A1 (en) | Electronic device control method and apparatus, and terminal and storage medium | |
JP2023502610A (en) | Target object display method, apparatus, electronics, and computer readable medium | |
WO2023155877A1 (en) | Application icon management method and apparatus and electronic device | |
US9525905B2 (en) | Mapping visual display screen to portable touch screen | |
US10120551B2 (en) | Method and device for displaying separated content on a single screen | |
KR20130116976A (en) | Mobile terminal and method for controlling thereof | |
US20230199262A1 (en) | Information display method and device, and terminal and storage medium | |
WO2022184006A1 (en) | Document display method and apparatus, electronic device, and storage medium | |
CN117648048A (en) | Electronic whiteboard erasing method and device, electronic equipment and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 22758774 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 15.01.2024) |