Adaptive Processing Method, Device and Electronic Device for Interface Display
By displaying images and buttons associated with the first area virtual key in the second area of the electronic device, the problem of inconvenient operation of mobile phone design applications after adaptation on the tablet is solved, and the convenience of use is improved.
Patent Information
- Application Number
- CN202110986863.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-08-26
- Publication Date
- 2025-06-27
- Estimated Expiration
- 2041-08-26
AI Technical Summary
After the application designed on the mobile phone is adapted equally proportionally on the tablet, problems such as too large buttons, too long sliding distance, and the thumb cannot cover the operating area, reducing the convenience of using the tablet.
The user input is received when the first interface is displayed in the first area, and the second interface is displayed in the second area in response to the input. The second interface includes images of the N first virtual keys corresponding areas in the first interface, and a second virtual key that establishes an association relationship with these virtual keys. The user can trigger the associated second virtual key through the area corresponding to the first virtual key.
Without directly operating the virtual keys of the application interface, the associated second virtual key is triggered through the image of the area corresponding to the first virtual key, which avoids operation inconvenience and improves the convenience of the electronic device.
Smart Images

Figure CN113655929B_ABST
Abstract
Description
Technical Field
[0001] This application belongs to the field of communication technologies, and particularly relates to a method, an apparatus, and an electronic device for adaptively processing interface display. Background Art
[0002] Although mobile phones and tablets have very different hardware configurations, application programs (APPs) are often shared. For example, most of the games running on the tablet are actually games designed for running on the mobile phone.
[0003] However, for application programs designed for running on the mobile phone, the size of their user interface (UI) is also designed considering the screen size of the mobile phone, which is more convenient to operate on the mobile phone. However, after being proportionally adapted on the tablet, various problems such as too large buttons, too long sliding distances, and the thumb being unable to cover the operation area will occur, reducing the usability of the tablet. Summary of the Invention
[0004] The objective of the embodiments of this application is to provide a method, an apparatus, and an electronic device for adaptively processing interface display, which can solve the problem that the inadaptability between the terminal and the application program interface reduces the usability.
[0005] In a first aspect, the embodiments of this application provide a method for adaptively processing interface display, and the method includes:
[0006] When a first interface is displayed in a first area, receiving a first input from a user;
[0007] In response to the first input, displaying a second interface in a second area;
[0008] Wherein, the first interface includes S first virtual buttons, the second interface includes an image corresponding to a third area in the first interface, the third area is an area corresponding to N first virtual buttons among the S first virtual buttons; and the second interface includes second virtual buttons, and the second virtual buttons are associated with the N first virtual buttons; S and N are positive integers and S≥N≥1.
[0009] In a second aspect, the embodiments of this application provide an apparatus for adaptively processing interface display, including:
[0010] A first receiving module, configured to receive a first input from a user when a first interface is displayed in a first area;
[0011] A display module, configured to display a second interface in a second area in response to the first input;
[0012] Among them, the first interface includes S first virtual buttons, the second interface includes an image corresponding to a third area in the first interface, and the third area is an area corresponding to N first virtual buttons among the S first virtual buttons; and the second interface includes second virtual buttons, and the second virtual buttons are associated with the N first virtual buttons; S and N are positive integers and S≥N≥1.
[0013] In a third aspect, an embodiment of the present application further provides an electronic device, which includes a processor, a memory, and a program or instruction stored on the memory and executable on the processor. When the program or instruction is executed by the processor, the steps of the method described in the first aspect are implemented.
[0014] In a fourth aspect, an embodiment of the present application further provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.
[0015] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.
[0016] In an embodiment of the present application, after receiving a first input from a user, in response to the first input, a second interface can be displayed in a second area. Since the second interface includes an image of an area corresponding to N first virtual buttons in the first interface, and a second virtual button associated with the N first virtual buttons, without operating the second virtual button, the associated second virtual button can be triggered through the image of the area corresponding to the first virtual button, avoiding the inconvenience of operation caused by directly operating the virtual buttons of the application interface and improving the convenience of the electronic device. BRIEF DESCRIPTION OF THE DRAWINGS
[0017] Figure 1 is a schematic flowchart of an adaptation processing method for interface display in an embodiment of the present application;
[0018] Figure 2 is a schematic diagram of the screen display of an electronic device;
[0019] Figure 3 is a second schematic diagram of the screen display of an electronic device;
[0020] Figure 4 is a third schematic diagram of the screen display of an electronic device;
[0021] Figure 5 is a fourth schematic diagram of the screen display of an electronic device;
[0022] Figure 6 It is the fifth schematic diagram of the screen display of the electronic device;
[0023] Figure 7 It is the schematic structural diagram of the adaptation processing device for the interface display of the embodiment of the present application;
[0024] Figure 8 It is the schematic structural diagram of the electronic device of the embodiment of the present application;
[0025] Figure 9 It is the schematic structural diagram of the electronic device of another embodiment of the present application. Specific embodiments
[0026] Next, the technical solutions in the embodiments of the present application will be clearly described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art belong to the scope of protection of the present application.
[0027] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, rather than to describe a specific order or sequence. It should be understood that such data can be interchanged under appropriate circumstances so that the embodiments of the present application can be implemented in an order other than those illustrated or described herein, and the objects distinguished by "first", "second", etc. are usually of the same category, and the number of objects is not limited. For example, the first object can be one or multiple. In addition, "and / or" in the specification and claims means at least one of the connected objects, and the character " / " generally means an "or" relationship between the associated objects before and after.
[0028] Next, a method for adapting and processing interface display and an electronic device provided by the embodiments of the present application will be described in detail in conjunction with the accompanying drawings and through specific embodiments and their application scenarios.
[0029] As Figure 1 shown, the method for adapting and processing interface display of the embodiment of the present application includes:
[0030] Step 101, when the first interface is displayed in the first area, receive the first input from the user.
[0031] Here, the first input is an input that triggers the processing of the first interface currently displayed in the first region, triggering step 102. After the electronic device displays the first interface, the user can implement this first input through a pre-set input method. Specifically, this first input can be an input based on a physical button or a virtual button, or an input through biometric technology, such as voice, touch, infrared, gesture, etc. Of course, other inputs in this embodiment are also pre-set. Similar to the first input, there are also multiple implementation methods.
[0032] Among them, the first interface is an application interface. This first interface is displayed in the first region at a preset display ratio, enabling a clearer display. Considering that the screen of the electronic device is not adapted to this preset display ratio, the display of this first interface in the first region is executed after the user triggers the adaptation processing function for the display of the application interface.
[0033] Step 102, in response to the first input, display a second interface in the second region; wherein, the first interface includes S first virtual buttons, the second interface includes an image corresponding to a third region in the first interface, the third region is the region corresponding to N first virtual buttons among the S first virtual buttons; and the second interface includes second virtual buttons, and the second virtual buttons are associated with the N first virtual buttons; S and N are positive integers and S≥N≥1.
[0034] In this step, in response to the first input received in step 101, a second interface will be displayed in the second region, that is, in the second region, an image of the region corresponding to N first virtual buttons in the first interface will be displayed, and second virtual buttons associated with the N first virtual buttons will be displayed.
[0035] Here, the number of second virtual buttons is also N, corresponding one by one to the N first virtual buttons. The established association relationship between the second virtual buttons and the N first virtual buttons is the association relationship between the region where the image of the first virtual button is located in the second interface and the second virtual button, so as to ensure that based on the second region, the input in the region where the image of the first virtual button is located by the user can trigger the corresponding second virtual button. For example, the virtual button A in the second interface is associated with a specific region in the second interface, and this specific region is the region where the image of the virtual button A on the first interface is located when it is displayed in the second interface.
[0036] In this way, after receiving the first input from the user according to the above steps 101-102, the electronic device can display a second interface in the second area in response to the first input. Since the second interface includes the images of the areas corresponding to the N first virtual buttons in the first interface, and the second virtual buttons associated with the N first virtual buttons, without operating the second virtual buttons, the associated second virtual buttons can be triggered by the images of the areas corresponding to the first virtual buttons, avoiding the inconvenience of directly operating the virtual buttons on the application interface and improving the convenience of the electronic device.
[0037] In this embodiment, the second virtual buttons on the second interface can trigger the same functions as the first virtual buttons on the first interface, only the sizes of the corresponding areas during display are different. That is, the first interface and the second interface display the application interface at different display ratios. Optionally, the size of the second interface is larger than that of the first interface.
[0038] Among them, the preset display ratio is an optional display ratio designed for a standard screen, such as a 6-inch diagonal and 18:9.
[0039] Optionally, the first area is adapted to the optimal display ratio, and the second area is the display area of the electronic device.
[0040] It should be noted that the method of the embodiment of the present application can be executed by a tablet computer. When the tablet computer runs application B, and the interface of the application B (such as a certain game program) is designed for a standard mobile phone screen, if the user clicks to open "game operation adaptation" through the "game assistant" or other entrances, it will trigger the interface of the application B to be displayed in the first area at the designed optimal display ratio. Then, the user can, through the first input, display the images of the areas corresponding to the N first virtual buttons in the first interface and the second virtual buttons associated with the N first virtual buttons in the second area.
[0041] Optionally, in this embodiment, after step 102, it further includes:
[0042] Receiving a second input from the user to the second interface;
[0043] Triggering a target virtual button in response to the second input;
[0044] Among them, the target virtual button is the second virtual button associated with the first virtual button corresponding to the second input in the second interface.
[0045] Here, the second input is the input corresponding to the area where the image of the first virtual button is located in the second interface, such as a click on the image of the first virtual button displayed on the second interface (the image of virtual button C on the first interface). The association relationship established between the second virtual button (virtual button C) and the specific area (the area where the image of the first virtual button is located in the second interface) in the second interface triggers the virtual button C.
[0046] That is, when the second virtual button in the second interface has an association relationship with the area where a specific image (the image of the area where the first virtual button is located in the first interface) is located in the second interface, if a second input from the user to the area where the specific image is located is received, then in response to the second input, the corresponding second virtual button in the second interface, that is, the target virtual button, will be triggered.
[0047] It should also be noted that in this embodiment, considering the user's personalized needs and the adaptability for quick implementation, on the one hand, optionally, in step 102, displaying the second interface in the second area includes:
[0048] Obtain the image of the first interface;
[0049] Identify S first virtual buttons in the image of the first interface;
[0050] Obtain the initial images of N first virtual buttons among the S first virtual buttons in the image of the first interface;
[0051] Combine the initial images with the first interface processed according to the first display ratio to obtain the second interface;
[0052] Display the second interface in the second area
[0053] In this way, the received first input is automatically recognized. The triggering electronic device will automatically recognize S first virtual buttons in the image of the first interface based on the image of the first interface, and then obtain the initial images of N first virtual buttons among the S first virtual buttons in the image of the first interface. Thus, by combining the initial images with the first interface processed according to the first display ratio, the second interface is obtained, realizing fast adaptation processing.
[0054] Among them, the first interface displays the application interface. The image of the first interface can be understood as the screenshot of the first interface when the first interface displays the application interface. Specifically, the method of identifying virtual buttons, such as Figure 2As shown, the electronic device recognizes the edges of the virtual keys in the image of the first interface 201 on the screen 1, thereby dividing the image of the first interface 201 into: a first virtual key image area 202, a second virtual key image area 203, a third virtual key image area 204, and a non-virtual key image area 205. Here, the first virtual key image area 202, the second virtual key image area 203, and the third virtual key image area 204 are the third area.
[0055] Among them, the first display ratio is preset, which can be the display ratio of the full-screen display of the application interface on the screen of the electronic device. Of course, it can also be other values, which will not be listed one by one here.
[0056] On the other hand, optionally, in step 102, the displaying the second interface in the second area includes:
[0057] Dividing the first interface and obtaining the image of the third area;
[0058] Merging the image of the third area with the first interface processed according to the first display ratio to obtain the second interface;
[0059] Displaying the second interface in the second area.
[0060] That is, the first input received is the user's manual division of the first interface, and the electronic device responds to this first input and divides the first interface. Specifically, the user's first input realizes the manual division of the virtual key image area and the non-virtual key image area. After that, the image of the third area is obtained by the division, and the second interface is obtained by synthesizing the image of the third area with the first interface processed according to the first display ratio, realizing fast adaptation processing.
[0061] For example, after the electronic device receives the user's first input, such as Figure 3 , Figure 4 As shown, the first interface 301 is displayed on the screen 1, and at this time the first interface is in the first area. After that, if as Figure 4 As shown, the user draws two dividing lines (the arc-shaped dotted lines in the figure) on the first interface 301 through the first input, and the first interface 301 will be divided into three image areas based on the dividing lines: a first image area 401, a second image area 402, and a third image area 403. Among them, the first image area 401 and the second image area 402 include virtual key images and are the third area, while the third image area 403 does not include virtual key images and is the non-virtual key image area. After that, the first image area 401 and the second image area 402 will be merged with the first interface processed at the first display ratio to obtain the second interface, and will be displayed in the second area such as the full-screen display area.
[0062] In the second interface, the first image area and the second image area are associated with corresponding virtual buttons in the second interface. When the user clicks on the first image area or the second image area in the second interface, it will trigger the corresponding operation of the second virtual button associated with the area where the click position is located. Here, the image corresponding to the area where the click position is located is the image of the first virtual button.
[0063] In addition, considering that in the screen, the first area does not occupy the full screen display area, to highlight this first interface, optionally, the method further includes:
[0064] When the first interface is displayed in the first area, the area of the screen except the first area is displayed according to the target display parameters.
[0065] Here, the target display parameters can be obtained by using Gaussian blur processing, which can realize the blurred display of the area (non-image area) of the screen except the first area. Specifically, as Figure 3 shown, after the electronic device displays the first interface 301 in the first area, by using Gaussian blur processing, the area 302 (i.e., the non-image area) of the screen 1 except the area where the first interface is located is blurred.
[0066] In addition, as can be seen from the above content, whether automatically recognized or manually divided, the first interface will be divided into an area including the virtual button image and an area not including the virtual button image, and the user will make a second input in the second interface based on the displayed area including the virtual button image. In this embodiment, the combined second interface includes two parts. Thus, to avoid the occlusion of the display of the first interface processed according to the first display ratio by the image corresponding to the third area in the second interface, optionally, the image corresponding to the third area in the first interface included in the second interface is draggable to drag it to a position convenient for the user to operate. Among them, when the image is dragged to the screen edge area (such as the area 0 - 3 cm away from the screen edge), the image can automatically adsorb to the screen edge. After the dragging is completed, it is merged with the first interface processed according to the first display ratio as the second interface and displayed in the second area.
[0067] Of course, after the first interface is divided into an area including the virtual button image and an area not including the virtual button image, both areas can be freely dragged. However, considering the best display of the final second interface, optionally, in this embodiment, after step 102, it further includes:
[0068] Receiving a third input from the user for the remaining part obtained after dividing the first interface, where the remaining part is the part of the first interface except the third area;
[0069] Hide the remaining part in response to the third input.
[0070] Here, the third input is used to hide the display of the remaining part (the part of the first interface other than the third area) to achieve the best display effect of the final second interface. Specifically, the third input can be a three-finger operation by the user on the remaining part. After inward aggregation and sliding, the remaining part disappears from the screen.
[0071] For example, for Figure 4 the first image area 401, the second image area 402, and the third image area 403 shown, as Figure 5 shown, after the user performs a three-finger operation on the third image area 403 in the screen 1 and slides inward and aggregates, the third image area 403 disappears from the screen; then, the user drags the first image area 401 and the second image area 402 to the edge area of the screen respectively. After the dragging is completed, as Figure 6 shown, the second interface 601 will be displayed on the screen 1. The second interface 601 includes the first interface processed according to the first display ratio, and the first image area 401 and the second image area 402. Among them, for the first image area 401 and the second image area 402, there will be an obvious dividing line between the image of the third area included in the second interface and the edge of the screen edge area, avoiding visual errors.
[0072] It should be noted that after the second interface is displayed, the image of the third area that may have been dragged before may block the key part in the first interface processed according to the first display ratio. Therefore, optionally, in this embodiment, after step 102, it further includes:
[0073] Receiving a fourth input from the user in the case of displaying the second interface;
[0074] Adjusting the size or position of the image in the second interface corresponding to the third area of the first interface in response to the fourth input.
[0075] Here, the fourth input is used to wake up the adjustment state of the image corresponding to the third area. After the electronic device receives the fourth input, it enters the adjustment state, and the user can scale or move the image corresponding to the third area of the first interface in this state.
[0076] In this embodiment, the way to establish the association relationship can be achieved by coordinate connection. Specifically, taking the screen as 1920*1080 as an example, a coordinate system of 1920*1080 can be established for the first interface, and the same coordinate system can also be established for the second interface. After the first interface is divided and moved, record the moving distance, that is, the offset, in order to Figure 2Taking the movement of the first virtual button image area 202 as an example, record that the first virtual button image area 202 has moved s1 and s2 in the horizontal and vertical directions respectively. After that, for the click event of the first virtual button image area 202, the current click coordinate is (x, y). Based on the coordinate system and the recorded offset, simulate an identical click event at the coordinate (x + s1, y + s2) in the second interface. In this way, even if the divided virtual button image has been dragged to other positions, the operations on the area where this virtual button image is located will still be reflected on the virtual button in the second interface, making the operation more convenient.
[0077] In summary, the method of the embodiment of the present application can automatically adapt the application interface, and solve the problem that the position design of the virtual button on the application interface does not match the screen of the electronic device, resulting in inconvenient operation.
[0078] It should be noted that for the interface display adaptation processing method provided by the embodiment of the present application, the execution subject can be an interface display adaptation processing device, or a control module in the interface display adaptation processing device for executing the interface display adaptation processing method. In the embodiment of the present application, taking the interface display adaptation processing device executing the interface display adaptation processing method as an example, the interface display adaptation processing device provided by the embodiment of the present application is described.
[0079] Figure 7 It is a block diagram of an interface display adaptation processing device according to an embodiment of the present application. Figure 7 The shown interface display adaptation processing device includes a first receiving module 710, a first processing module 720, a second receiving module 730, and a first display module 740.
[0080] The first receiving module 710 is configured to receive a first input from a user when the first interface is displayed in the first area.
[0081] The display module 720 is configured to display a second interface in the second area in response to the first input.
[0082] Wherein, the first interface includes S first virtual buttons, the second interface includes an image corresponding to a third area in the first interface, the third area is an area corresponding to N first virtual buttons among the S first virtual buttons; and the second interface includes second virtual buttons, and the second virtual buttons are associated with the N first virtual buttons; S and N are positive integers and S≥N≥1.
[0083] Optionally, the device further includes:
[0084] The second receiving module is configured to receive a second input from the user for the second interface.
[0085] A first processing module, configured to trigger a target virtual key in response to the second input.
[0086] Wherein, the target virtual key is a second virtual key associated with a first virtual key corresponding to the second input in the second interface.
[0087] Optionally, the display module includes:
[0088] A first obtaining sub-module, configured to obtain an image of the first interface.
[0089] An identification sub-module, configured to identify S first virtual keys in the image of the first interface.
[0090] A second obtaining sub-module, configured to obtain initial images of N first virtual keys among the S first virtual keys in the image of the first interface.
[0091] A first processing sub-module, configured to synthesize the initial images with the first interface processed according to a first display ratio to obtain the second interface.
[0092] A first display sub-module, configured to display the second interface in the second area.
[0093] Optionally, the display module includes:
[0094] A second processing sub-module, configured to divide the first interface and obtain an image of the third area.
[0095] A third processing sub-module, configured to merge the image of the third area with the first interface processed according to a first display ratio to obtain the second interface.
[0096] A second display sub-module, configured to display the second interface in the second area.
[0097] Optionally, the device further includes:
[0098] A third receiving module, configured to receive a third input from the user for the remaining part obtained after dividing the first interface, where the remaining part is the part of the first interface other than the third area.
[0099] A second processing module, configured to hide the remaining part in response to the third input.
[0100] Optionally, the device further includes:
[0101] A fourth receiving module, configured to receive a fourth input from the user when the second interface is being displayed.
[0102] A third processing module, configured to adjust the size or position of an image in the second interface corresponding to a third area of the first interface in response to the fourth input.
[0103] After receiving a first input from a user, the apparatus can display a second interface in a second area in response to the first input. Since the second interface includes images of areas corresponding to N first virtual keys in the first interface, and second virtual keys associated with the N first virtual keys, without operating on the second virtual keys, the associated second virtual keys can be triggered by the images of the areas corresponding to the first virtual keys, avoiding the inconvenience of operation caused by directly operating on the virtual keys of the application interface and improving the convenience of the electronic device.
[0104] The interface display adaptation processing apparatus in the embodiments of the present application may be a device, or a component, an integrated circuit, or a chip in a terminal. The device may be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device may be a mobile phone, a tablet computer, a laptop computer, a handheld computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a PDA, etc., and the non-mobile electronic device may be a server, a Network Attached Storage (NAS), a personal computer (PC), a television (TV), a teller machine, or a self-service machine, etc. The embodiments of the present application do not make specific limitations.
[0105] The interface display adaptation processing apparatus in the embodiments of the present application may be a device with an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems. The embodiments of the present application do not make specific limitations.
[0106] The interface display adaptation processing apparatus provided in the embodiments of the present application can implement Figures 1 to 6 each process implemented in the method embodiments. To avoid repetition, details are not described here again.
[0107] Optionally, as Figure 8 shown, the embodiments of the present application further provide an electronic device 800, including a processor 801, a memory 802, a program or instruction stored on the memory 802 and executable on the processor 801. When the program or instruction is executed by the processor 801, it implements each process of the above-mentioned interface display adaptation processing method embodiment, and can achieve the same technical effect. To avoid repetition, details are not described here again.
[0108] It should be noted that the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.
[0109] Figure 9 Schematic diagram of the hardware structure of an electronic device for implementing various embodiments of the present application.
[0110] The electronic device 900 includes, but is not limited to: a radio frequency unit 901, a network module 902, an audio output unit 903, an input unit 904, a sensor 905, a display unit 906, a user input unit 907, an interface unit 908, a memory 909, and a processor 910, etc.
[0111] Those skilled in the art can understand that the electronic device 900 may further include a power source (such as a battery) for supplying power to each component. The power source can be logically connected to the processor 910 through a power management system, so as to implement functions such as management of charging, discharging, and power consumption management through the power management system. Figure 9 The structure of the electronic device shown does not limit the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which will not be elaborated here.
[0112] Among them, the input unit 904 is used to receive the first input of the user;
[0113] The display unit 906 is used to display a second interface in a second area in response to the first input;
[0114] Among them, the first interface includes S first virtual keys, the second interface includes an image corresponding to a third area in the first interface, and the third area is an area corresponding to N first virtual keys among the S first virtual keys; and the second interface includes second virtual keys, and the second virtual keys are associated with the N first virtual keys; S and N are positive integers and S≥N≥1.
[0115] After receiving the first input of the user, the electronic device can display a second interface in a second area in response to the first input. Since the second interface includes an image of an area corresponding to N first virtual keys in the first interface, and second virtual keys associated with the N first virtual keys, without operating on the second virtual keys, the associated second virtual keys can be triggered through the image of the area corresponding to the first virtual keys, avoiding the inconvenience caused by directly operating on the virtual keys of the application interface and improving the convenience of the electronic device.
[0116] Optionally, the input unit 904 is further used to receive the second input of the user to the second interface;
[0117] A processor 910, configured to trigger a target virtual button in response to the second input;
[0118] wherein, the target virtual button is a second virtual button associated with a first virtual button corresponding to the second input in the second interface
[0119] Optionally, the processor 910 is further configured to obtain an image of the first interface; identify S first virtual buttons in the image of the first interface; obtain initial images of N first virtual buttons among the S first virtual buttons in the image of the first interface; and synthesize the initial images with the first interface processed according to a first display ratio to obtain the second interface;
[0120] A display unit 906 is further configured to display the second interface in the second area.
[0121] Optionally, the processor 910 is further configured to divide the first interface and obtain an image of the third area; merge the image of the third area with the first interface processed according to a first display ratio to obtain the second interface;
[0122] A display unit 906 is further configured to display the second interface in the second area.;
[0123] Optionally, an input unit 904 is further configured to receive a third input from the user for the remaining part obtained after dividing the first interface, where the remaining part is the part of the first interface other than the third area;
[0124] The processor 910 is further configured to hide the remaining part in response to the third input.
[0125] Optionally, the input unit 904 is further configured to receive a fourth input from the user when the second interface is being displayed;
[0126] The processor 910 is further configured to adjust the size or position of an image in the second interface corresponding to the third area of the first interface in response to the fourth input.
[0127] It should be understood that in the embodiments of the present application, the input unit 904 may include a Graphics Processing Unit (GPU) 9041 and a microphone 9042. The GPU 9041 processes the image data of static pictures or videos obtained by an image capture device (such as a camera) in the video capture mode or the image capture mode. The display unit 906 may include a display panel 9061, and the display panel 9061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 907 includes a touch panel 9071 and other input devices 9072. The touch panel 9071 is also known as a touch screen. The touch panel 9071 may include two parts: a touch detection device and a touch controller. The other input devices 9072 may include, but are not limited to, a physical keyboard, function keys (such as volume control keys, power on / off keys, etc.), a trackball, a mouse, and a joystick, which will not be elaborated here. The memory 909 can be used to store software programs and various data, including but not limited to application programs and operating systems. The processor 910 may integrate an application processor and a modem processor. Among them, the application processor mainly processes the operating system, user interface, application programs, etc., and the modem processor mainly processes wireless communication. It can be understood that the above-mentioned modem processor may not be integrated into the processor 910.
[0128] The embodiments of the present application further provide a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, it implements each process of the above-mentioned adaptation processing method embodiment for interface display and can achieve the same technical effect. To avoid repetition, it will not be elaborated here.
[0129] Among them, the processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer-readable storage medium, such as a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disc, etc.
[0130] The embodiments of the present application further provide a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run a program or instruction to implement each process of the above-mentioned adaptation processing method embodiment for interface display and can achieve the same technical effect. To avoid repetition, it will not be elaborated here.
[0131] It should be understood that the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, system chip, chip system, or system-on-chip.
[0132] It should be noted that, in this document, the terms "include", "comprise" or any other variant thereof are intended to cover non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, article or device. Without further limitation, an element defined by the phrase "comprising an..." does not exclude the presence of additional identical elements in the process, method, article or device comprising such element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, but may also include performing functions in a substantially simultaneous manner or in a reverse order according to the functions involved. For example, the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.
[0133] Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general hardware platform. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art can be embodied in the form of a computer software product. The computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions for causing a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in various embodiments of the present application.
[0134] The embodiments of the present application have been described above in conjunction with the accompanying drawings. However, the present application is not limited to the above specific embodiments. The above specific embodiments are merely illustrative and not restrictive. Under the inspiration of the present application, those of ordinary skill in the art can also make many forms without departing from the purpose of the present application and the scope protected by the claims, and all of them belong to the protection scope of the present application.
Claims
1. An adaptation processing method for interface display, characterized in that, including: When a first interface is displayed in a first area, receiving a first input from a user, where the first input is used to divide the first interface to obtain an image of a third area including virtual button images; In response to the first input, synthesizing the first interface processed according to a first display ratio with the third area to obtain a second interface, and displaying the second interface in a second area; wherein, the size of the second interface is larger than the size of the first interface; Receiving a second input from the user for an area where an image of a first virtual button in the second interface is located; In response to the second input, triggering a second virtual button associated with the first virtual button; wherein, the first interface includes S first virtual buttons; the second interface includes an image corresponding to the third area in the first interface and second virtual buttons associated with N of the S first virtual buttons, the third area is an area corresponding to the N first virtual buttons, and the second virtual buttons are associated with areas where images of the N first virtual buttons are located; S and N are positive integers and S≥N≥1.
2. The method according to claim 1, wherein After dividing the first interface and obtaining an image of a third area including virtual button images, it further includes: Receiving a third input from the user for a remaining part obtained after dividing the first interface, where the remaining part is a part of the first interface other than the third area; In response to the third input, hiding the remaining part.
3. The method according to claim 1, wherein After, in response to the first input, displaying the second interface in the second area, it further includes: When the second interface is displayed, receiving a fourth input from the user; In response to the fourth input, adjusting the size or position of an image corresponding to the third area of the first interface in the second interface.
4. An adaptation processing device for interface display, characterized in that, including: A first receiving module, configured to receive a first input from a user when a first interface is displayed in a first area, where the first input is used to divide the first interface to obtain an image of a third area including virtual button images; A display module, configured to, in response to the first input, synthesize the first interface processed according to a first display ratio with the third area to obtain a second interface, and display the second interface in a second area; wherein, the size of the second interface is larger than the size of the first interface; A second receiving module, configured to receive a second input from the user for an area where an image of a first virtual button in the second interface is located; A first processing module, configured to, in response to the second input, trigger a second virtual button associated with the first virtual button; wherein, the first interface includes S first virtual buttons; the second interface includes an image corresponding to the third area in the first interface and second virtual buttons associated with N of the S first virtual buttons, the third area is an area corresponding to the N first virtual buttons, and the second virtual buttons are associated with areas where images of the N first virtual buttons are located; S and N are positive integers and S≥N≥1.
5. An electronic device, characterized in that, It includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor. When the program or instructions are executed by the processor, the steps of the adaptation processing method for interface display described in any one of claims 1 to 3 are implemented.
6. A readable storage medium, characterized in that, A program or instructions are stored on the readable storage medium. When the program or instructions are executed by a processor, the steps of the adaptation processing method for interface display described in any one of claims 1 to 3 are implemented.
Citation Information
Patent Citations
Method and device for achieving key operation in single-handed mode
CN105094609A
A display control method and a mobile terminal
CN109521933A