Display method and device, electronic equipment and storage medium

Abstract

The invention relates to a display method and device, electronic equipment and a storage medium. The display method comprises the steps that a preset page is displayed, the preset page comprises a first display area and a second display area, the first display area displays a virtual keyboard, the second display area displays content, and the first display area and the second display area are not overlapped; in response to the detected first touch operation, the content is displayed in a third display area, the transparency of the virtual keyboard is adjusted to be first preset transparency, the third display area comprises at least part of the first display area and the second display area, and the content is displayed on the lower layer of the virtual keyboard. According to the method, when the user browses the content, more content can be displayed by changing the transparency of the virtual keyboard, it is ensured that the user browses the content without being affected, meanwhile, the calculation amount of user interface design is reduced, the jamming probability is reduced, and the user experience is improved.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of terminals, and in particular, to a display method and device, an electronic device, and a storage medium. BACKGROUND

[0002] The virtual keyboard input method is a common information input method in electronic devices, which requires an independent display area on the screen for displaying a virtual keyboard. The virtual keyboard includes a plurality of virtual keys, and a user can input information by touching the virtual keys. When the user inputs information, the virtual keyboard is continuously displayed on the page. When the user browses content, the virtual keyboard is hidden. If the virtual keyboard is needed again for input, the virtual keyboard is awakened and displayed again. When the virtual keyboard is hidden and displayed multiple times, the calculation amount of the user interface design is large, and the user experience is affected by the lag problem. SUMMARY

[0003] To overcome the problems in the related art, the present disclosure provides a display method and device, an electronic device, and a storage medium.

[0004] According to a first aspect of an embodiment of the present disclosure, a display method is provided, which includes:

[0005] displaying a preset page, the preset page including a first display area and a second display area, the first display area displaying a virtual keyboard, the second display area displaying content, and the first display area and the second display area having no overlapping area;

[0006] in response to detecting a first touch operation, displaying the content in a third display area and adjusting the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least part of the first display area and the second display area, and the content is displayed under the virtual keyboard.

[0007] In an exemplary embodiment, after the content is displayed in the third display area and the transparency of the virtual keyboard is adjusted to the first preset transparency, the method further includes:

[0008] displaying a transparency adjustment control, the transparency adjustment control being used to adjust the transparency of the virtual keyboard.

[0009] In an exemplary embodiment, after the content is displayed in the third display area and the transparency of the virtual keyboard is adjusted to the first preset transparency, the method further includes:

[0010] In response to detecting a second touch operation, and if the second touch operation is a click operation, the content is displayed in the second display area, and the transparency of the virtual keyboard is adjusted to a second preset transparency.

[0011] In one exemplary embodiment, the method further includes:

[0012] When the second touch operation is a swipe operation, the content displayed in the third display area is adjusted according to the swipe operation.

[0013] In one exemplary embodiment, the method further includes:

[0014] If the change value of the touch point position of the second touch operation is less than the first threshold, and the touch duration of the second touch operation is less than the second threshold, the second touch operation is determined to be a click operation;

[0015] If the change in the touch point position of the second touch operation is greater than or equal to the first threshold, and the touch duration of the second touch operation is greater than or equal to the second threshold, the second touch operation is determined to be a swipe operation.

[0016] In an exemplary embodiment, after adjusting the transparency of the virtual keyboard to a second preset transparency, the method further includes:

[0017] The transparency adjustment control, used to adjust the transparency of the virtual keyboard, is turned off.

[0018] In an exemplary embodiment, after adjusting the transparency of the virtual keyboard to a second preset transparency, the method further includes:

[0019] The input information is determined based on the virtual keys on the virtual keyboard corresponding to the click operation.

[0020] In one exemplary embodiment, the method further includes:

[0021] In response to detecting that the user adjusts the transparency of the virtual keyboard to a second preset transparency using the transparency adjustment control, the content is displayed in the second display area.

[0022] In one exemplary embodiment, the method further includes:

[0023] Turn off the display of the transparency adjustment control.

[0024] In one exemplary embodiment, before detecting the first touch operation, the method further includes:

[0025] The input scenario of the preset page is determined as the target input scenario.

[0026] According to a second aspect of the present disclosure, a display device is provided, the device comprising:

[0027] The display module is configured to display a preset page, which includes a first display area and a second display area. The first display area displays a virtual keyboard, and the second display area displays content. The first display area and the second display area do not overlap.

[0028] The processing module is configured to, in response to detecting a first touch operation, display the content in a third display area and adjust the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least a portion of the first display area and the second display area, and the content is displayed below the virtual keyboard.

[0029] According to a third aspect of the present disclosure, an electronic device is provided, comprising:

[0030] processor;

[0031] Memory used to store processor-executable instructions;

[0032] The processor is configured to perform the method described in the first aspect of the embodiments of this disclosure.

[0033] According to a fourth aspect of the present disclosure, a non-transitory computer-readable storage medium is provided, wherein when instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the method described in the first aspect of the present disclosure.

[0034] The method described above has the following advantages: in response to detecting a first touch operation by the user in the second display area, content is displayed in the third display area, and the transparency of the virtual keyboard is adjusted to a first preset transparency. This allows for the display of more content by changing the transparency of the virtual keyboard while the user is browsing the content, ensuring that the computational load of the user interface design is reduced, the probability of lag is lowered, and the user experience is improved without affecting the user's browsing of the content.

[0035] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0036] The accompanying drawings, which are incorporated in and form a part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure.

[0037] Figure 1 This is a flowchart illustrating a display method according to an exemplary embodiment;

[0038] Figure 2 This is a schematic diagram illustrating a preset page according to an exemplary embodiment;

[0039] Figure 3 This is a flowchart illustrating a display method according to an exemplary embodiment;

[0040] Figure 4 This is a schematic diagram illustrating a preset page according to an exemplary embodiment;

[0041] Figure 5 This is a block diagram illustrating a display device according to an exemplary embodiment;

[0042] Figure 6 This is a block diagram illustrating an electronic device according to an exemplary embodiment. Detailed Implementation

[0043] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numerals in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.

[0044] In an exemplary embodiment of this disclosure, to overcome the problem of lag caused by numerous re-showing and re-concealing of the virtual keyboard in related technologies, a display method is provided, comprising: displaying a preset page, the preset page including a first display area and a second display area, the first display area displaying the virtual keyboard, the second display area displaying content, and the first and second display areas having no overlapping areas; in response to detecting a first touch operation, displaying content in a third display area and adjusting the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least a portion of the first and second display areas, and the content is displayed below the virtual keyboard. This method, by changing the transparency of the virtual keyboard to display more content when the user is browsing content, can reduce the computational load of the user interface design, lower the probability of lag, and improve the user experience without affecting the user's browsing experience.

[0045] In an exemplary embodiment of this disclosure, a display method is provided. Figure 1 This is a flowchart illustrating a display method according to an exemplary embodiment, such as... Figure 1 As shown, the display method includes the following steps:

[0046] Step S101: Display a preset page. The preset page includes a first display area and a second display area. The first display area displays a virtual keyboard, and the second display area displays content. The first display area and the second display area have no overlapping areas.

[0047] In step S102, in response to detecting the first touch operation, content is displayed in the third display area, and the transparency of the virtual keyboard is adjusted to a first preset transparency. The third display area includes at least a portion of the first display area and the second display area, and the content is displayed on the lower layer of the virtual keyboard.

[0048] The display method in this embodiment is applied to electronic devices, including smartphones, tablets, smart wearable devices, smart vehicle systems, smart IoT devices, and other electronic devices with virtual keyboard input functions.

[0049] In step S101, the preset page is any page on the electronic device that displays a virtual keyboard, i.e., any page that supports inputting information using a virtual keyboard, such as a chat page, a file or message editing page, a reading or browsing page, etc. The preset page includes a first display area and a second display area, which are displayed side-by-side without overlap. In some possible implementations, the first display area is below the second display area. The first display area displays the virtual keyboard, and the input format displayed by the virtual keyboard is unrestricted; it can be any input format supported by the virtual keyboard, such as Pinyin input, handwriting input, stroke input, etc. The second display area displays content, and the format of the content is unrestricted; for example, it can be text, images, audio, video, etc.

[0050] In step S102, the first touch operation can be any preset operation, such as a click or a swipe. In some possible implementations, the first touch operation is a swipe. The first touch operation can be applied to any area of ​​the entire preset page, or it can be applied to the second display area to avoid conflict with the input operation of the virtual keyboard. The first touch operation is detected by a touch sensor. When the first touch operation is detected, it indicates that the user wants to browse content. At this time, the content is displayed in the third display area. The third display area includes at least a portion of the first and second display areas. Optionally, the third display area includes all of the first and second display areas. The display area of ​​the content expands from the second display area to the third display area. At this time, the amount of content displayed on the preset page at one time will increase, and if the first touch operation is a swipe, the user can browse the context content. At the same time, the display area of ​​the virtual keyboard remains unchanged and is still the first display area. Therefore, at least a portion of the first display area needs to display the virtual keyboard and the content simultaneously. The content is displayed on the bottom layer of the virtual keyboard, and the transparency of the virtual keyboard is adjusted to the first preset transparency, so that the content on the bottom layer can be seen through the virtual keyboard. The virtual keyboard's initial transparency is an empirical value. It can be represented by a transparency value or an opacity value. The initial transparency should be such that the content below is still clearly visible.

[0051] In one example, Figure 2 This is a schematic diagram illustrating a preset page according to an exemplary embodiment, such as... Figure 2 As shown, the image on the left is the initial preset page, including a first display area and a second display area indicated by a dashed box. The first display area is below the second display area. The first display area displays a virtual keyboard, and the second display area displays content. The circles in the image represent touch points. If the user's touch point in the second display area is detected to move downwards, the user's downward swipe operation is detected, and the preset page switches to the image on the right. The dashed box in the right image represents the first display area, where the virtual keyboard is still displayed, and the transparency of the virtual keyboard is adjusted to the first preset transparency. The solid box represents the third display area, where content is displayed. The content is displayed below the virtual keyboard, so the content below can be seen through the virtual keyboard.

[0052] In some embodiments, preset controls are displayed on a preset page. In response to detecting a user's touch operation on the preset controls, content is displayed in a third display area, and the transparency of the virtual keyboard is adjusted to a first preset transparency. The preset controls are used to adjust the display mode of the preset page. Besides adjusting the display mode of the preset page through a first touch operation, preset controls can also be added to the preset page. Users can also adjust the display mode of the preset page by clicking the preset controls; that is, by clicking the preset controls, content is displayed in the third display area, and the transparency of the virtual keyboard is adjusted to the first preset transparency. By displaying preset controls, visual feedback can be provided to the user to adjust the display mode, indicating that the display mode can be adjusted using the controls.

[0053] In the exemplary embodiments of this disclosure, when displaying a preset page, a virtual keyboard is displayed in a first display area, content is displayed in a second display area, and in response to detecting a first touch operation, content is displayed in a third display area, and the transparency of the virtual keyboard is adjusted to a first preset transparency. The third display area includes at least a portion of the first and second display areas. This method displays the virtual keyboard in the first display area when the user needs to input data, and continues to display it in the first display area even when the user is browsing content. By changing the transparency of the virtual keyboard, more content is displayed on the preset page, ensuring that the computational load of the user interface design is reduced without affecting the user's browsing experience, thus lowering the probability of lag and improving the user experience.

[0054] In an exemplary embodiment of this disclosure, a display method is provided. Figure 3 This is a flowchart illustrating a display method according to an exemplary embodiment, such as... Figure 3 As shown, the display method includes the following steps:

[0055] Step S301: Display a preset page. The preset page includes a first display area and a second display area. The first display area displays a virtual keyboard, and the second display area displays content. The first display area and the second display area have no overlapping areas.

[0056] Step S302: Determine the input scenario of the preset page as the target input scenario;

[0057] Step S303: In response to detecting the first touch operation, display content in the third display area and adjust the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least a portion of the first display area and the second display area, and the content is displayed on the lower layer of the virtual keyboard;

[0058] Step S304: Display the transparency adjustment control, which is used to adjust the transparency of the virtual keyboard;

[0059] Step S305, in response to detecting a second touch operation;

[0060] When the second touch operation is determined to be a click operation, steps S306-S307 are executed; when the second touch operation is determined to be a swipe operation, step S308 is executed.

[0061] Step S306: Display content in the second display area and adjust the transparency of the virtual keyboard to the second preset transparency.

[0062] Step S307: Turn off the display of the transparency adjustment control;

[0063] Step S308: Adjust the content displayed in the third display area according to the sliding operation.

[0064] The specific implementation methods of steps S301 and S303 are described in steps S101-S102, and will not be repeated here.

[0065] In step S302, the target input scenario represents that the user's input demand for the preset page is higher than their browsing demand. For preset pages in main input scenarios such as chat pages or file editing pages, the user's input demand is higher than their browsing demand; for preset pages in main browsing scenarios such as article reading pages, the input function is only an auxiliary function, and the user's input demand is lower than their browsing demand. Therefore, the input scenario of the preset page is determined as the target input scenario, that is, the preset page is determined as the page of the main input scenario.

[0066] In some implementations, when it is determined that the preset page includes preset controls, the input scenario of the preset page is determined as the target input scenario.

[0067] Preset controls refer to controls used for information input, such as chat boxes or document editing toolbars. When displaying a preset page, a screenshot can be taken to capture an image of the preset page, and the image can be recognized. For example, Optical Character Recognition (OCR) technology can be used to identify the image of the preset page to determine whether the preset page includes preset controls. Alternatively, the source code of the preset page can be obtained through an interface provided by the application to determine whether the source code includes code related to preset controls. If the preset page is determined to include preset controls, it indicates that the preset page is the main input scenario, and the input scenario of the preset page is determined to be the target input scenario.

[0068] In some implementations, when it is determined that the application to which the preset page belongs is a preset application, the input scenario of the preset page is determined as the target input scenario.

[0069] The preset application refers to the application used for primary input, such as an instant messaging application or a document editing application. Default applications using the display method described in this embodiment can be preset in electronic devices. Users can also modify the preset default applications and reset them according to their personal needs. If the application to which the preset page belongs is determined to be a preset application, it indicates that the preset page is the page for the primary input scenario, and therefore the input scenario of the preset page is determined to be the target input scenario.

[0070] When the preset page is determined as the target input scenario, the virtual keyboard display method in this embodiment is dynamically used, making the display method in this embodiment more flexible and more adaptable to the current input environment.

[0071] In step S304, when the transparency of the virtual keyboard is adjusted to a first preset transparency, a transparency adjustment control is simultaneously displayed. This control adjusts the transparency of the virtual keyboard, and its initial value is the value corresponding to the first preset transparency. The transparency of the virtual keyboard can be changed by adjusting the transparency value, or by adjusting the opacity value. In some embodiments, the transparency adjustment control is displayed above the virtual keyboard. In some embodiments, the adjustment control is a slider or a button.

[0072] In one example, Figure 4 This is a schematic diagram illustrating a preset page according to an exemplary embodiment, such as... Figure 4 As shown, the dashed box represents the first display area, where a virtual keyboard is displayed. The solid box represents the third display area, where content is displayed below the virtual keyboard. The virtual keyboard's transparency is adjusted to a preset level. The transparency is represented by an opacity value. A transparency adjustment control is displayed above the virtual keyboard, consisting of an opacity slider and an opacity adjustment button. The values ​​of the slider and button correspond: sliding the slider to the left or clicking the down arrow button decreases the value, while sliding the slider to the right or clicking the up arrow button increases the value. The virtual keyboard shown in the figure has an opacity of 39%.

[0073] Users can adjust the transparency of the virtual keyboard using the transparency adjustment control to suit their individual needs.

[0074] In some embodiments, in response to detecting that a user adjusts the transparency of the virtual keyboard to a second preset transparency using a transparency adjustment control, content is displayed in the second display area.

[0075] When the user adjusts the virtual keyboard's transparency to the second preset transparency using the transparency adjustment controls, it indicates that the user wants to input information or does not want content to be displayed beneath the virtual keyboard. At this point, the preset page is restored to its initial state, where content is displayed in the second display area, and the first display area shows an opaque virtual keyboard. The second preset transparency represents complete opacity, meaning the user cannot see the content beneath the virtual keyboard. For example, the second preset transparency can be represented by an opacity of 0 or 1.

[0076] In some embodiments, when the user adjusts the transparency of the virtual keyboard to a second preset transparency using the transparency adjustment control, the display of the transparency adjustment control is turned off.

[0077] In step S305, the second touch operation is a preset operation. The second touch operation can be applied to any area of ​​the entire preset page, or it can be applied to the first display area to avoid conflict with vertically scrolled content. The second touch operation differs from the first touch operation in several ways: the form of the touch operation may be different (e.g., the second touch operation is a double-click, while the first touch operation is a long-press); the area of ​​application may differ (e.g., the second touch operation applies to the first display area, while the first touch operation applies to the second display area); or both the form and area of ​​application may differ (e.g., the second touch operation is a click on the first display area, while the first touch operation is a swipe on the second display area). When the touch sensor detects the second touch operation, it is identified.

[0078] In some possible implementations, when a second touch operation is detected, the second touch operation is determined in the following way:

[0079] If the change in the touch point position of the second touch operation is less than the first threshold and the touch duration of the second touch operation is less than the second threshold, the second touch operation is determined to be a click operation.

[0080] If the change in the touch point position of the second touch operation is greater than or equal to the first threshold, and the touch duration of the second touch operation is greater than or equal to the second threshold, the second touch operation is determined to be a swipe operation.

[0081] Both the first and second thresholds are empirical values. The touch sensor obtains the change value of the touch point position and the touch duration of the second touch operation. If the change value of the touch point position is less than the first threshold and the touch duration is less than the second threshold, the second touch operation is determined to be a click operation. If the change value of the touch point position is greater than or equal to the first threshold and the touch duration is greater than or equal to the second threshold, the second touch operation is determined to be a swipe operation.

[0082] In steps S306-S307, if the second touch operation is determined to be a click operation, it means the user wants to input information and needs to input it through the virtual keyboard. In this case, the click operation can be seen as a wake-up command to display the virtual keyboard, restoring the preset page to its initial state, i.e., displaying content in the second display area, adjusting the virtual keyboard's transparency to a second preset transparency, and simultaneously turning off the display of the transparency adjustment controls. The second preset transparency means completely opaque, so the user cannot see the underlying content through the virtual keyboard. For example, the second preset transparency can be represented by an opacity of 0 or an opacity of 1.

[0083] In one example, in Figure 2 The first display area shown by the dashed box in the right-hand image, or in Figure 4 The first display area, indicated by the dashed box, switches the preset page when a user click is detected. Figure 2 The image on the left.

[0084] By using clicks as the wake-up command to display the virtual keyboard, the wake-up method is simpler and faster. Users can wake up the virtual keyboard more quickly while browsing content. At the same time, displaying the virtual keyboard only requires changing its transparency. Compared to hiding the virtual keyboard and then displaying it, this reduces the amount of computation required for user interface design, lowers the probability of lag, and improves the user experience.

[0085] In some embodiments, the input information is determined based on the virtual keys in the virtual keyboard corresponding to the click operation.

[0086] Users can customize the click operation according to their input needs. The click operation can serve as a wake-up command for the virtual keyboard, or it can function as both a wake-up command and an input command. When the click operation is also an input command, the input information is determined based on the virtual key on the corresponding virtual keyboard. For example, clicking the virtual key corresponding to the "!" symbol on the virtual keyboard will use "!" as the input information.

[0087] By using clicks as input commands, users can directly click virtual keys to input while the virtual keyboard is transparent, making the virtual keyboard more convenient to use. This allows users to input faster while browsing content, improving the user experience.

[0088] In some embodiments, preset controls are displayed on a preset page. In response to detecting a user's touch operation on the preset controls, content is displayed in a second display area, and the transparency of the virtual keyboard is adjusted to a second preset transparency. The preset controls are used to adjust the display mode of the preset page. Besides waking up the virtual keyboard by adjusting the display mode of the preset page through a second touch operation, preset controls can also be added to the preset page. Users can also wake up the virtual keyboard by clicking the preset controls to adjust the display mode of the preset page; that is, by clicking the preset controls, content is displayed in the second display area, and the transparency of the virtual keyboard is adjusted to the second preset transparency. Simultaneously, the display of the transparency adjustment controls is turned off. By displaying preset controls, visual feedback can be provided to the user to wake up the virtual keyboard, prompting the user on how to do so.

[0089] In step S308, if it is determined that the second touch operation is a swipe operation, it means that the user wants to browse content without having to input through the virtual keyboard. At this time, the preset page is not changed, and the content is displayed in the third display area according to the swipe operation. For example, when swiping up, the previous content is displayed, and when swiping down, the following content is displayed.

[0090] In some embodiments, steps S302, S304, and S307 in the above embodiments are optional and can be omitted or replaced by other steps.

[0091] In an exemplary embodiment of this disclosure, a display device is provided. Figure 5 This is a block diagram illustrating a display device according to an exemplary embodiment, such as... Figure 5 As shown, the display device includes:

[0092] The display module 501 is configured to display a preset page, which includes a first display area and a second display area. The first display area displays a virtual keyboard, and the second display area displays content. The first display area and the second display area do not overlap.

[0093] The processing module 502 is configured to display content in a third display area in response to detecting a first touch operation, and adjust the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least a portion of the first display area and the second display area, and the content is displayed on the lower layer of the virtual keyboard.

[0094] In one exemplary embodiment, after displaying content in the third display area and adjusting the transparency of the virtual keyboard to a first preset transparency, the display module 501 is further configured to:

[0095] Display the transparency adjustment control, which is used to adjust the transparency of the virtual keyboard.

[0096] In one exemplary embodiment, after displaying content in the third display area and adjusting the transparency of the virtual keyboard to a first preset transparency, the processing module 502 is further configured to:

[0097] In response to the detection of a second touch operation, and the second touch operation is a click operation, content is displayed in the second display area, and the transparency of the virtual keyboard is adjusted to a second preset transparency.

[0098] In one exemplary embodiment, the processing module 502 is further configured to:

[0099] When the second touch operation is a swipe operation, the content displayed in the third display area is adjusted according to the swipe operation.

[0100] In one exemplary embodiment, the processing module 502 is further configured to:

[0101] If the change in the touch point position of the second touch operation is less than the first threshold and the touch duration of the second touch operation is less than the second threshold, the second touch operation is determined to be a click operation.

[0102] If the change in the touch point position of the second touch operation is greater than or equal to the first threshold, and the touch duration of the second touch operation is greater than or equal to the second threshold, the second touch operation is determined to be a swipe operation.

[0103] In one exemplary embodiment, after adjusting the transparency of the virtual keyboard to a second preset transparency, the display module 501 is further configured to:

[0104] Turn off the display of the transparency adjustment controls, which are used to adjust the transparency of the virtual keyboard.

[0105] In one exemplary embodiment, after adjusting the transparency of the virtual keyboard to a second preset transparency, the processing module 502 is further configured to:

[0106] The input information is determined by clicking the virtual key on the corresponding virtual keyboard.

[0107] In one exemplary embodiment, the processing module 502 is further configured to:

[0108] In response to detecting that the user has adjusted the transparency of the virtual keyboard to a second preset transparency using the transparency adjustment control, the content is displayed in the second display area.

[0109] In one exemplary embodiment, the display module 501 is further configured to:

[0110] Turn off the display of the transparency adjustment controls.

[0111] In one exemplary embodiment, before detecting the first touch operation, the processing module 502 is further configured to:

[0112] The input scenario of the preset page is determined as the target input scenario.

[0113] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.

[0114] Figure 6 This is a block diagram illustrating an electronic device 600 according to an exemplary embodiment.

[0115] Reference Figure 6 The electronic device 600 may include one or more of the following components: a processing component 602, a memory 604, a power supply component 606, a multimedia component 608, an audio component 610, an input / output (I / O) interface 612, a sensor component 614, and a communication component 616.

[0116] Processing component 602 typically controls the overall operation of electronic device 600, such as operations associated with display, telephone calls, data communication, camera operation, and recording operations. Processing component 602 may include one or more processors 620 to execute instructions to perform all or part of the steps of the methods described above. Furthermore, processing component 602 may include one or more modules to facilitate interaction between processing component 602 and other components. For example, processing component 602 may include a multimedia module to facilitate interaction between multimedia component 608 and processing component 602.

[0117] Memory 604 is configured to store various types of data to support the operation of electronic device 600. Examples of this data include instructions for any application or method operating on electronic device 600, contact data, phonebook data, messages, pictures, videos, etc. Memory 604 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk.

[0118] Power supply component 606 provides power to various components of electronic device 600. Power supply component 606 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to electronic device 600.

[0119] Multimedia component 608 includes a screen that provides an output interface between the electronic device 600 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touchscreen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may sense not only the boundaries of the touch or swipe action but also the duration and pressure associated with the touch or swipe operation. In some embodiments, multimedia component 608 includes a front-facing camera and / or a rear-facing camera. When the electronic device 600 is in an operating mode, such as a shooting mode or a video mode, the front-facing camera and / or the rear-facing camera may receive external multimedia data. Each front-facing camera and rear-facing camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

[0120] Audio component 610 is configured to output and / or input audio signals. For example, audio component 610 includes a microphone (MIC) configured to receive external audio signals when electronic device 600 is in an operating mode, such as call mode, recording mode, and voice recognition mode. The received audio signals may be further stored in memory 604 or transmitted via communication component 616. In some embodiments, audio component 610 also includes a speaker for outputting audio signals.

[0121] I / O interface 612 provides an interface between processing component 602 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, home buttons, volume buttons, power buttons, and lock buttons.

[0122] Sensor assembly 614 includes one or more sensors for providing state assessments of various aspects of electronic device 600. For example, sensor assembly 614 can detect the on / off state of electronic device 600, the relative positioning of components such as the display and keypad of electronic device 600, changes in position of electronic device 600 or a component of electronic device 600, the presence or absence of user contact with electronic device 600, orientation or acceleration / deceleration of electronic device 600, and temperature changes of electronic device 600. Sensor assembly 614 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 614 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 614 may also include an accelerometer, gyroscope, magnetometer, pressure sensor, or temperature sensor.

[0123] Communication component 616 is configured to facilitate wired or wireless communication between electronic device 600 and other devices. Electronic device 600 can access wireless networks based on communication standards, such as WiFi, 2G, or 3G, or combinations thereof. In one exemplary embodiment, communication component 616 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, communication component 616 also includes a near-field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on radio frequency identification (RFID) technology, Infrared Data Association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0124] In an exemplary embodiment, the electronic device 600 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field-programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the methods described above.

[0125] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 604 including instructions, which can be executed by a processor 620 of an electronic device 600 to perform the above-described method. For example, the non-transitory computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.

[0126] A non-transitory computer-readable storage medium, wherein when instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform a display method, the display method including any of the methods described above.

[0127] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.

[0128] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A display method characterized by comprising: The method comprises: displaying a preset page, the preset page comprising a first display region and a second display region, the first display region displaying a virtual keyboard, the second display region displaying content, and the first display region and the second display region having no overlapping region; in response to detecting a first touch operation, displaying the content in a third display region and adjusting the transparency of the virtual keyboard to a first preset transparency, wherein the third display region comprises at least part of the first display region and the second display region, and the content is displayed under the virtual keyboard.

2. The display method according to claim 1, wherein After the content is displayed in the third display region and the transparency of the virtual keyboard is adjusted to the first preset transparency, the method further comprises: displaying a transparency adjustment control for adjusting the transparency of the virtual keyboard.

3. The display method according to claim 1 or 2, wherein After the content is displayed in the third display region and the transparency of the virtual keyboard is adjusted to the first preset transparency, the method further comprises: in response to detecting a second touch operation, and the second touch operation being a click operation, displaying the content in the second display region and adjusting the transparency of the virtual keyboard to a second preset transparency.

4. The display method according to claim 3, wherein The method further comprises: in response to the second touch operation being a sliding operation, adjusting the content displayed in the third display region according to the sliding operation.

5. The display method according to claim 4, wherein The method further comprises: if the touch point position change value of the second touch operation is less than a first threshold value, and the touch duration of the second touch operation is less than a second threshold value, determining that the second touch operation is a click operation; if the touch point position change value of the second touch operation is greater than or equal to the first threshold value, and the touch duration of the second touch operation is greater than or equal to the second threshold value, determining that the second touch operation is a sliding operation.

6. The display method according to claim 3, wherein After the transparency of the virtual keyboard is adjusted to the second preset transparency, the method further comprises: turning off the display of the transparency adjustment control for adjusting the transparency of the virtual keyboard.

7. The display method according to claim 3, wherein After the transparency of the virtual keyboard is adjusted to the second preset transparency, the method further comprises: determining input information according to a virtual key in the virtual keyboard corresponding to the click operation.

8. The display method according to claim 2, wherein The method further comprises: in response to detecting that the user adjusts the transparency of the virtual keyboard to the second preset transparency through the transparency adjustment control, displaying the content in the second display region.

9. The display method according to claim 8, wherein The method further comprises: turning off the display of the transparency adjustment control.

10. The display method according to claim 1, wherein Before detecting the first touch operation, the method further comprises: determining that the input scenario of the preset page is a target input scenario.

11. A display device, characterized by comprising: The apparatus comprises: a display module configured to display a preset page, the preset page comprising a first display region and a second display region, the first display region displaying a virtual keyboard, the second display region displaying content, and the first display region and the second display region having no overlapping region; The processing module is configured to, in response to detecting the first touch operation, display the content in a third display area and adjust the transparency of the virtual keyboard to a first preset transparency, wherein the third display area includes at least part of the first display area and the second display area, and the content is displayed under the virtual keyboard.

12. An electronic device, comprising: Comprise: a processor; a memory for storing processor-executable instructions; wherein the processor is configured to perform the method of any one of claims 1-10.

13. A non-transitory computer-readable storage medium, comprising: When the instructions in the storage medium are executed by the processor of the electronic device, the electronic device is enabled to perform the method of any one of claims 1-10.

Images