WO2024027504A1

WO2024027504A1 - Application display method and electronic device

Info

Publication number: WO2024027504A1
Application number: PCT/CN2023/108113
Authority: WO
Inventors: 钱坤; 陆建海; 卢冬; 蔺振超; 叶曙民
Original assignee: 华为技术有限公司
Priority date: 2022-07-30
Filing date: 2023-07-19
Publication date: 2024-02-08
Also published as: CN117519858A

Abstract

The present application provides an application display method and an electronic device. In the method, the electronic device displays an application display area and a functional area in a screen in response to an operation of starting a target application triggered by a user. The functional area is used for displaying a control for a function associated with the application display area. The electronic device displays an application interface of the target application in the application display area. According to the method, the electronic device can divide the screen into a plurality of areas, the application interface of the target application is displayed in the application display area, and the control for the function associated with the application display area is displayed in the functional area, thereby providing a convenient triggering mode of an application function for a user while ensuring normal display of the target application, increasing the screen utilization rate, and improving user experience.

Description

An application display method and electronic device

Cross-references to related applications

This application claims the priority of a Chinese patent application filed with the Intellectual Property Office of the People's Republic of China on July 30, 2022, with application number 202210911664.8 and the invention title "An application display method and electronic device", the entire content of which is incorporated by reference. in this application.

Technical field

The present application relates to the field of terminal technology, and in particular, to an application display method and electronic device.

Background technique

As the styles of terminal products increase, the display screen sizes and shapes of electronic devices also tend to be diversified. For example, the display screen of electronic equipment can be folded inside and outside, horizontally and vertically, etc. For display screens of various shapes and sizes, many applications have optimized the application display interface. For example, through responsive layout, different application interface layouts are used for display screens of different sizes; for example, with the help of analysis provided by electronic equipment systems, screen capability to display applications in a split-screen interface. However, there are still many applications that cannot adapt to various screen aspect ratios, resulting in abnormal application display. For example, when the tablet displays the application interface, switching from vertical screen display to horizontal screen display, the application interface may not be able to adapt to the horizontal screen, resulting in The images or text in the application interface are too large, which affects the user experience.

Contents of the invention

This application provides an application display method and an electronic device to flexibly display an application interface on the screen of the electronic device while improving the screen utilization of the electronic device.

In a first aspect, this application provides an application display method, which can be applied to electronic devices. The method includes: in response to a first operation triggered by a user, the electronic device displays an application display area and a functional area on the screen; the functional area is used to display controls for functions associated with the application display area; the electronic device displays in the application display area area displays the application interface of the target application.

The first operation may be a click operation triggered by the user on the icon of the target application, or the first operation may be the user inputting a voice command to start the target application, etc. The first operation may be used to start the target application, and this application does not limit the specific implementation of the first operation.

In the above method, the electronic device can divide the screen into multiple display areas, display the application interface of the target application in the application display area, and display controls of functions associated with the application display area in the functional area, thereby ensuring normal display of the target application. Basically, it provides users with a convenient way to trigger application functions, improves screen utilization and improves user experience.

In a possible design, after the application display area displays the application interface of the target application, the method further includes: in response to a second operation triggered by the user, adjusting the application according to the second operation. The size of the display area; rearrange the application interface of the target application according to the adjusted size of the application display area.

Optionally, the second operation may be a drag operation triggered by the user on the drag line.

Through this design, the electronic device can adjust the size of the application display area according to the operation triggered by the user, thereby flexibly displaying the application interface of the target application in the application display area according to the size desired by the user, thereby improving screen utilization.

In one possible design, relayout of the application interface of the target application based on the adjusted size of the application display area includes: based on the adjusted width of the application display area and the layout size of the application interface of the target application. The width determines the height of the layout size; re-layout the application interface of the target application according to the width of the layout size and the height of the layout size; expand the re-layout application interface of the target application in equal proportions to Fill the adjusted application display area.

In one possible design, determining the height of the layout size based on the adjusted width of the application display area and the width of the layout size of the application interface of the target application includes: based on the adjusted width of the application display area The adjustment ratio is determined based on the width of the layout size of the application interface of the target application; the height of the layout size is determined based on the adjustment ratio and the height of the screen.

Through the above design, the target application does not need to scale the elements in the application interface. It only needs to re-layout the application interface of the target application according to the width and height of the layout size, and adjust the elements in the application interface vertically according to the height of the layout size. quantity, and then scale the application interface proportionally to the filled drawing size to avoid display abnormalities caused by scaling elements and improve user experience.

In one possible design, the application interface of the target application includes multimedia content, and the method further includes: in response to a third operation triggered by the user, determining that the initial size of the application display area is smaller than a first preset size, adjust the size of the application display area from the initial size to a first preset size, and display the multimedia content in the application display area of the first preset size; in response to the user The user triggers a fourth operation, or detects that the multimedia content has been displayed, and restores the size of the application display area to the initial size.

Optionally, the third operation can be used to trigger the display of multimedia content. For example, when the multimedia content is an image, the third operation can be a click operation triggered on the image; when the multimedia content is a video, the third operation can be a click operation triggered on the video. Click action triggered on the playback control.

Optionally, the fourth operation can be used to exit the display of multimedia content. For example, when the multimedia content is an image, the fourth operation can be a click operation triggered on the image; when the multimedia content is a video, the third operation can be a click operation on the video. Closes the triggered click action on the control.

Through this design, the electronic device can flexibly adjust the size of the application display area according to the display content of the target application, thereby improving the screen display effect and thereby improving the user experience.

In a possible design, the functional area includes a first control or a second control; the method further includes: in response to a fifth operation triggered by the user that acts on the first control, hiding the functional area or display the content in the functional area in response to the sixth operation triggered by the user that acts on the second control.

Optionally, the first control can be a hidden control, and the second control can be a displayed control. The fifth operation may be a click operation, and the sixth operation may be a click operation.

Through this design, the electronic device can hide or display the content in the ribbon in response to the user's operation, thereby flexibly utilizing the screen.

In a possible design, the method further includes: detecting a gesture triggered by the user in the functional area, and passing the gesture to the target application, so that the target application executes a response corresponding to the gesture. action.

Through this design, the functional area can also be used as a gesture panel in the application display area to receive user-triggered gestures and pass user-triggered gestures to the target application to facilitate user operations and improve user experience.

In a possible design, the method further includes: displaying at least one shortcut function control in the functional area;

Wherein, the at least one shortcut function includes at least one of the following: a function common to multiple applications installed in the electronic device; a shortcut function corresponding to the target application; a shortcut corresponding to the content contained in the application interface of the target application. Function.

Through this design, the functional area can display functions common to multiple applications, shortcut functions corresponding to the target application, and functions corresponding to the content in the application interface, further improving the interactive capabilities of the functional area and improving the user experience.

In a possible design, the functional area includes a third control; the method further includes: in response to a seventh operation triggered by the user that acts on the third control, perform a screenshot action, and obtain the screenshot The image is saved to the first application.

Optionally, the third control can be a screenshot function control, the seventh operation can be a click operation, and the first application can be a picture warehouse application.

Through this design, the electronic device can provide users with a convenient screenshot triggering method in the functional area, and save the screenshot image in the first application, so that the user can view it at any time and improve the user experience.

In a possible design, the functional area includes an icon of the first application, and the method further includes: in response to an eighth operation triggered by the user that acts on the icon of the first application, displaying a floating window , and display the image saved in the first application in the floating window, or display the image in the functional area in response to the eighth operation triggered by the user that acts on the icon of the first application. The image saved in the first application.

Optionally, the first application may be a picture warehouse application, and the eighth operation may be a click operation.

Through this design, the image captured by the electronic device can be saved in the first application. When the user clicks on the first application to view the image, the electronic device can display the image in a floating window or display the image in a function, making it easier for the user to view the image captured by the screenshot. , improve user experience.

In a possible design, before displaying the image saved in the first application in the functional area, the method further includes: determining that the size of the functional area is smaller than a second preset size, and setting the The size of the ribbon is adjusted to the second preset size.

Through this design, when the electronic device displays the image in the first application in the functional area, the size of the area occupied by the functional area can be increased, thereby displaying the image in the larger functional area and improving the display effect.

In a possible design, the method further includes: in response to a ninth operation triggered by the user that acts on the target image, deleting images other than the target image saved in the first application; and/ Or, in response to the tenth operation triggered by the user, stop displaying the target application and delete the image saved in the first application.

Optionally, the ninth operation is used to save the target image, and the ninth operation may be a click operation, a long press operation, etc. The tenth operation is used to exit the target application. For example, the tenth operation may be an upward swipe operation triggered on the application interface of the target application. For example, the tenth operation may be a click operation acting on the close control of the target application.

Through this design, the electronic device can temporarily save the images in the first application. When the user selects the retained images or exits the target application, the electronic device can delete the remaining images in the first application to reduce the resources occupied.

In one possible design, displaying the application display area on the screen includes: finding the target size of the application display area corresponding to the target application, setting the size of the application display area to the target size, and displaying the target size. The application display area; wherein, the target scale The size is the size of the application display area saved when the electronic device last exited the target application, or the target size is the common size of the application display area corresponding to the target application obtained by the electronic device from the server.

Through this design, the target size corresponding to the target application can be obtained in the electronic device, so that when the target application is launched, the target application can be displayed in a size with better display effect or a size that the user is more accustomed to, thereby improving the user experience.

In a possible design, the functional area is located on the left side of the application display area; or the functional area is located on the right side of the application display area; or the functional area occupies the entire screen except the application display area. All areas other than; or the functional area is a floating window on the screen.

In one possible design, displaying the functional area includes: using a half-side method to display the functional area on the left or right side of the screen; or using a full-screen overlay method to display the corresponding image in the application display area. The layer corresponding to the functional area is displayed under the layer.

Through the above design, the electronic device can display the application display area and functional area in a variety of ways to flexibly realize the display of the target application.

In a second aspect, the present application provides an electronic device, which includes a plurality of functional modules; the plurality of functional modules interact to implement the method shown in the first aspect and its respective embodiments. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on specific implementation.

In a third aspect, the present application provides an electronic device, including at least one processor and at least one memory. Computer program instructions are stored in the at least one memory. When the electronic device is running, the at least one processor executes the above-mentioned first step. Aspects and methods shown in various embodiments thereof.

In a fourth aspect, the present application also provides a computer program, which when the computer program is run on a computer, causes the computer to execute the method shown in any of the above aspects and its respective embodiments.

In a fifth aspect, the present application also provides a computer-readable storage medium. A computer program is stored in the computer-readable storage medium. When the computer program is executed by a computer, it causes the computer to execute any of the above aspects and the above. Methods shown in each embodiment.

In a sixth aspect, the present application also provides a chip, which is used to read the computer program stored in the memory and execute the method shown in any of the above aspects and its implementation modes.

In a seventh aspect, the present application also provides a chip system. The chip system includes a processor and is used to support a computer device to implement any of the above aspects and the methods shown in each embodiment. In a possible design, the chip system further includes a memory, and the memory is used to store necessary programs and data of the computer device. The chip system can be composed of chips or include chips and other discrete devices.

Description of drawings

Figure 1 is a schematic diagram of an application display;

Figure 2 is a schematic diagram of an electronic device displaying an application interface in the center of the screen;

Figure 3 is a schematic diagram of an electronic device displaying multiple windows;

Figure 4 is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

Figure 5 is a software structure block diagram of an electronic device provided by an embodiment of the present application;

Figure 6 is a schematic diagram of an application display provided by an embodiment of the present application;

Figure 7 is a schematic diagram of adjusting the size of the application display area and functional area provided by the embodiment of the present application;

Figure 8 is a flow chart of an electronic device adjusting the size of an application display area provided by an embodiment of the present application;

Figure 9 is a schematic screen diagram provided by an embodiment of the present application;

Figure 10 is a schematic diagram of layout dimensions and drawing dimensions provided in the application embodiment;

Figure 11 is a schematic diagram of the layout size and drawing size after adjusting the width according to an embodiment of the present application;

Figure 12 is a schematic diagram of an interface provided by an embodiment of the present application;

Figure 13 is a schematic diagram of a half-side display functional area provided by an embodiment of the present application;

Figure 14 is a schematic diagram of a full-screen stacked bottom display functional area provided by an embodiment of the present application;

Figure 15 is a schematic diagram of a one-key display/one-key hiding function provided by an embodiment of the present application;

Figure 16 is a schematic diagram of a functional area receiving user gesture control provided by an embodiment of the present application;

Figure 17 is a schematic diagram of a functional area display control button provided by an embodiment of the present application;

Figure 18 is a schematic diagram of a control for displaying shortcut functions in a functional area provided by an embodiment of the present application;

Figure 19 is a schematic diagram of a display of an application customized shortcut function provided by an embodiment of the present application;

Figure 20 is a schematic diagram of a functional area displaying shortcut functions provided by an embodiment of the present application;

Figure 21 is a schematic diagram of a functional area display screenshot function and a picture warehouse provided by an embodiment of the present application;

Figure 22 is a schematic display diagram of a picture warehouse provided by an embodiment of the present application;

Figure 23 is a schematic display diagram of another image warehouse provided by an embodiment of the present application;

Figure 24 is a schematic diagram of an application snapshot provided by an embodiment of the present application;

Figure 25 is a schematic diagram of a folding screen electronic device displaying an application display area according to an embodiment of the present application.

Detailed ways

In order to make the objectives, technical solutions, and advantages of the embodiments of the present application clearer, the embodiments of the present application will be described in further detail below with reference to the accompanying drawings. In the description of the embodiments of the present application, in the following, the terms "first" and "second" are only used for descriptive purposes and cannot be understood as indicating or implying the relative importance or implicitly indicating the number of indicated technical features. . Therefore, features defined as "first" and "second" may explicitly or implicitly include one or more of these features.

It should be understood that in the embodiments of this application, "at least one" refers to one or more, and "multiple" refers to two or more. "And/or" describes the relationship between associated objects, indicating that there can be three relationships. For example, A and/or B can mean: A exists alone, A and B exist simultaneously, and B exists alone, where A, B can be singular or plural. The character "/" generally indicates that the related objects are in an "or" relationship. "At least one (item) of the following" or similar expressions thereof refers to any combination of these items, including any combination of single item (items) or plural items (items). For example, at least one of a, b or c can mean: a, b, c, a and b, a and c, b and c, or a, b and c, where a, b, c Can be single or multiple.

For example, Figure 1 is a schematic diagram of an application display. Referring to Figure 1, when the electronic device switches from a vertical screen display application interface to a horizontal screen display application interface, the images and text in the application interface will be enlarged, and the amount of information displayed on the screen will decrease, affecting the user experience.

In an application display solution, when the aspect ratio of the application interface is incompatible with the aspect ratio of the electronic device screen, the electronic device can center the application interface on the screen. For example, Figure 2 is a schematic diagram of an electronic device displaying an application interface in the center of the screen. Referring to Figure 2, the electronic device displays the application interface in the center of the screen, and the area on the screen not occupied by the application interface is filled with a black background. However, in this method, the size of the application interface displayed on the screen is fixed, the screen utilization is low, and the user experience is poor.

In another application display solution, multiple application windows can be displayed on the screen of the electronic device. The user can adjust the size of each window, and the application can adjust the layout according to the size of the window. Figure 3 is a schematic diagram of an electronic device displaying multiple windows. Refer to Figure 3. The electronic device can display window A, window B and window C at the same time. Window A is used to display the interface of application A, and window B is used to display the interface of application B. , Window C is used to display the interface of application C. The user can resize any window, and the app adjusts its layout based on the window size. However, since most applications do not support display in windows of any size, display abnormalities still occur, and this solution is only suitable for electronic devices that display multiple applications at the same time. It cannot solve the problem of application interface problems when an electronic device displays a single application. Incompatibility issues with screen size.

Based on the above problems, this application provides an application display method to flexibly display an application interface on the screen of an electronic device while improving the screen utilization of the electronic device. In the application display method provided by the embodiment of the present application, the electronic device displays the application display area and the functional area on the screen; the electronic device responds to the drag operation triggered by the user, determines the size of the application display area, and displays the target in the application display area The application interface of the application. The functional area is used to display functions associated with the application display area. Through this solution, the electronic device can adjust the size of the application display area according to the drag operation triggered by the user, thereby flexibly displaying the application interface of the target application in the application display area, and displaying the functional area on the screen to improve screen utilization.

Electronic devices, and embodiments for using such electronic devices are described below. The electronic device in the embodiment of the present application may be a tablet computer, a mobile phone, a vehicle-mounted device, an augmented reality (AR)/virtual reality (VR) device, a notebook computer, or an ultra-mobile personal computer. UMPC), netbook, personal digital assistant (personal digital assistant, PDA), wearable devices, etc. The embodiments of this application do not place any restrictions on the specific types of electronic devices.

FIG. 4 is a schematic structural diagram of an electronic device 100 provided by an embodiment of the present application. As shown in Figure 4, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, Charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone interface 170D, sensor module 180, Button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (subscriber identification module, SIM) card interface 195, etc.

The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) wait. Among them, different processing units can be independent devices or integrated in one or more processors. The controller may be the nerve center and command center of the electronic device 100 . The controller can generate operation control signals based on the instruction operation code and timing signals to complete the control of fetching and executing instructions. The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in processor 110 is cache memory. This memory may hold instructions or data that have been recently used or recycled by processor 110 . If the processor 110 needs to use the instructions or data again, it can be called directly from the memory. Repeated access is avoided and the waiting time of the processor 110 is reduced, thus improving the efficiency of the system.

The USB interface 130 is an interface that complies with the USB standard specification, and may be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transmit data between the electronic device 100 and peripheral devices. The charging management module 140 is used to receive charging input from the charger. The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, internal memory 121, external memory, display screen 194, camera 193, wireless communication module 160, etc.

The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor. Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 may be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example: Antenna 1 can be reused as a diversity antenna for a wireless LAN. In other embodiments, antennas may be used in conjunction with tuning switches.

The mobile communication module 150 can provide solutions for wireless communication including 2G/3G/4G/5G applied on the electronic device 100 . The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves through the antenna 1, perform filtering, amplification and other processing on the received electromagnetic waves, and transmit them to the modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves through the antenna 1 for radiation. In some embodiments, at least part of the functional modules of the mobile communication module 150 may be disposed in the processor 110 . In some embodiments, at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be provided in the same device.

The wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) network), Bluetooth (bluetooth, BT), and global navigation satellites. System (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 . The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.

In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc. The GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (quasi) -zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).

The display screen 194 is used to display a display interface of an application, such as displaying a display page of an application installed on the electronic device 100 . Display 194 includes display panel. The display panel can use a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light). emitting diode (AMOLED), flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194, where N is a positive integer greater than 1.

Camera 193 is used to capture still images or video. The object passes through the lens to produce an optical image that is projected onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then passes the electrical signal to the ISP to convert it into a digital image signal. ISP outputs digital image signals to DSP for processing. DSP converts digital image signals into standard RGB, YUV and other format image signals. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

Internal memory 121 may be used to store computer executable program code, which includes instructions. The processor 110 executes instructions stored in the internal memory 121 to execute various functional applications and data processing of the electronic device 100 . The internal memory 121 may include a program storage area and a data storage area. The stored program area can store an operating system, software code of at least one application program, etc. The storage data area may store data generated during use of the electronic device 100 (such as captured images, recorded videos, etc.). In addition, the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device. The external memory card communicates with the processor 110 through the external memory interface 120 to implement the data storage function. For example, save pictures, videos, etc. files on an external memory card.

The electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone interface 170D, and the application processor. Such as music playback, recording, etc.

Among them, the sensor module 180 may include a pressure sensor 180A, an acceleration sensor 180B, a touch sensor 180C, etc.

The pressure sensor 180A is used to sense pressure signals and can convert the pressure signals into electrical signals. In some embodiments, pressure sensor 180A may be disposed on display screen 194 .

Touch sensor 180C, also known as "touch panel". The touch sensor 180C can be disposed on the display screen 194. The touch sensor 180C and the display screen 194 form a touch screen, which is also called a "touch screen". The touch sensor 180C is used to detect a touch operation on or near the touch sensor 180C. The touch sensor can pass the detected touch operation to the application processor to determine the touch event type. Visual output related to the touch operation may be provided through display screen 194 . In other embodiments, the touch sensor 180C may also be disposed on the surface of the electronic device 100 at a location different from that of the display screen 194 .

The buttons 190 include a power button, a volume button, etc. Key 190 may be a mechanical key. It can also be a touch button. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100 . The motor 191 can generate vibration prompts. The motor 191 can be used for vibration prompts for incoming calls and can also be used for touch vibration feedback. For example, touch operations for different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. The touch vibration feedback effect can also be customized. The indicator 192 may be an indicator light, which may be used to indicate charging status, power changes, or may be used to indicate messages, missed calls, notifications, etc. The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195 .

It can be understood that the components shown in FIG. 4 do not constitute a specific limitation on the electronic device 100. The electronic device may also include more or less components than shown in the figure, or some components may be combined or separated. , or a different component arrangement. In addition, the combination/connection relationship between the components in Figure 4 can also be adjusted and modified.

Figure 5 is a software structure block diagram of an electronic device provided by an embodiment of the present application. As shown in Figure 5, the software structure of electronic equipment can be a layered architecture. For example, the software can be divided into several layers, and each layer has clear roles and division of labor. The layers communicate through software interfaces. In some embodiments, the operating system is divided into four layers, from top to bottom: application layer, application framework layer (framework, FWK), runtime (runtime) and system library, and kernel layer.

The application layer may include a series of application packages. As shown in Figure 5, the application layer can include cameras, settings, skin modules, user interface (UI), third-party applications, etc. Among them, third-party applications can include gallery, calendar, calls, maps, navigation, WLAN, Bluetooth, music, video, short messages, etc. In the embodiment of this application, the application The program layer may include a target installation package of the target application that the electronic device requests to download from the server, and the function files and layout files in the target installation package are adapted to the electronic device.

The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer can include some predefined functions. As shown in Figure 5, the application framework layer can include window manager, content provider, view system, phone manager, resource manager, and notification manager.

A window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, capture the screen, etc. Content providers are used to store and retrieve data and make this data accessible to applications. Said data can include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc. In this embodiment of the present application, the window manager is also used to calculate the size of the application display area adjusted by the user, and improve the zoom capability of the window.

The view system includes visual controls, such as controls that display text, controls that display pictures, etc. A view system can be used to build applications. The display interface can be composed of one or more views. For example, a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.

Telephone managers are used to provide communication functions of electronic devices. For example, call status management (including connected, hung up, etc.).

The resource manager provides various resources to applications, such as localized strings, icons, pictures, layout files, video files, etc.

The notification manager allows applications to display notification information in the status bar, which can be used to convey notification-type messages and can automatically disappear after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be notifications that appear in the status bar at the top of the system in the form of charts or scroll bar text, such as notifications for applications running in the background, or notifications that appear on the screen in the form of conversation windows. For example, text information is prompted in the status bar, a beep sounds, the electronic device vibrates, the indicator light flashes, etc.

The runtime includes core libraries and virtual machines. The runtime is responsible for the scheduling and management of the operating system.

The core library contains two parts: one part is the functional functions that need to be called by the Java language, and the other part is the core library of the operating system. The application layer and application framework layer run in virtual machines. The virtual machine executes the java files of the application layer and application framework layer into binary files. The virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection and other functions.

System libraries can include multiple functional modules. For example: surface manager (surface manager), media libraries (media libraries), three-dimensional graphics processing libraries (for example: OpenGL ES), two-dimensional graphics engines (for example: SGL), image processing libraries, etc.

The surface manager is used to manage the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.

The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, composition, and layer processing.

2D Graphics Engine is a drawing engine for 2D drawing.

The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.

The hardware layer can include various types of sensors, such as acceleration sensors, gyroscope sensors, touch sensors, etc.

It should be noted that the structure shown in FIG. 4 and FIG. 5 is only an example of the electronic device provided by the embodiment of the present application, and cannot limit the electronic device provided by the embodiment of the present application. In specific implementation, the electronic device can There may be more or fewer devices or modules than in the structure shown in Figure 4 or Figure 5.

The methods provided by the embodiments of this application are introduced below.

Embodiments of the present application provide an application display method to solve the problem of abnormal display when the screen size does not match the application layout. In this method, in response to a first operation triggered by the user, the electronic device can divide the screen into multiple areas for display, where the multiple areas at least include an application display area and a functional area, and the first operation is used to launch the target application. For example, FIG. 6 is a schematic diagram of an application display provided by an embodiment of the present application. Referring to Figure 6, the screen of the electronic device includes an application display area and a functional area. The application display area can be used to display the application interface of the target application, and the functional area can be used to display functions associated with the application display area. The blank area on the left side of the screen shown in Figure 6 can display the home page of the electronic device, or the electronic device can extract the color of the application interface of the target application and render the blank area on the left side of the screen in that color to enhance the look and feel.

It should be noted that the target application can be an application whose application layout cannot adapt to the screen size of the electronic device.

In addition, referring to Figure 6, a drag line is also included between the application display area and the functional area. The user can trigger a drag operation on the drag line. The electronic device can adjust the application display area and/or in response to the drag operation triggered by the user. Ribbon dimensions, such as adjusting the width of the app display and/or ribbon.

For example, FIG. 7 is a schematic diagram of adjusting the size of an application display area and a functional area according to an embodiment of the present application. Referring to (a) in Figure 7, the user triggers a drag operation on the drag line. When the user triggers a left drag operation on the drag line, the width of the electronic device adjustment functional area increases, and the width of the application display area increases. The width is reduced, and the adjusted screen display effect is shown in (b) in Figure 7; when the user triggers a drag operation to the right on the drag line, the width of the electronic device adjustment functional area is reduced, and the application display area The width is increased, and the adjusted screen display effect is shown in (c) in Figure 7.

It should be noted that in the screen shown in Figure 7, the application display area is in the center of the screen, as shown in (b) or (c) in Figure 7. The application display area after adjusting the width can still be in the center of the screen. The position in the center of the screen. Of course, the application display area can also be located on the left side or the right side of the screen. That is to say, the embodiment of the present application does not limit the positions of the application display area and the functional area on the screen. During specific implementation, Adjust according to application scenarios.

FIG. 8 is a flow chart for adjusting the size of an application display area of an electronic device according to an embodiment of the present application. Referring to Figure 8, in the manner of adjusting the size of the application display area shown in Figure 7, the electronic device performs the following steps:

S801: The electronic device detects the second operation.

For example, the second operation may be a drag operation triggered by the user on the drag line between the application display area and the functional area shown in FIG. 7 .

S802: The electronic device calculates the position of the application display area.

Alternatively, when calculating the position of the application display area, the electronic device can calculate the boundary position of the application display area, or the electronic device can calculate the positions of multiple vertices in the application display area, or the electronic device can calculate the center point of the application display area. Position, and determine the position of the application display area based on the width and height of the application display area. That is to say, in the embodiments of the present application, the way in which the electronic device calculates the position of the application display area is not limited.

For example, FIG. 9 is a schematic screen diagram provided by an embodiment of the present application. Referring to Figure 9, assuming that the user triggers a drag operation on the drag line, the position of the drag line after raising the hand is shown in Figure 9, where x represents the distance between the drag line and the left border of the screen, and W represents the edge of the screen. Width, H represents the height of the screen. During the process of the user triggering the drag operation, the value of x changes. After the user triggers the drag operation, the electronic device can determine the value of x to determine the boundary position of the application display area.

For another example, the electronic device can calculate the vertex position of the application display area after adjusting the width. For example, the upper left vertex of the screen is the origin, the upper boundary of the screen is the X-axis, and the right is the positive direction of the X-axis, the left boundary of the screen is the Y-axis, and the lower is the positive direction of the Y-axis. Then the electronic device can determine that the coordinates of the upper left vertex of the application display area after adjusting the width are (2x-W, 0), and the coordinates of the lower right vertex of the application display area are (x, H).

S803: The electronic device rearranges the application interface of the target application according to the calculated position of the application display area.

In an optional implementation, the electronic device can adjust the application display area on the screen according to the calculated position of the application display area, and the electronic device can send the adjusted size of the application display area to the target application to trigger the target application. The application can rearrange the application interface of the target application according to the adjusted size of the application display area.

It should be noted that the functional area can be regarded as an area for displaying functional applications. After the user triggers a drag operation, the interface of the functional applications displayed in the functional area can also be rearranged. The specific implementation can be seen in Figure 8. Methods will not be repeated again.

In some embodiments of the present application, when the target application is re-layout according to the adjusted size of the application display area, when the width of the application display area changes, the target application can change the elements (such as images, controls, etc.) in the application interface. Perform scaling; when the height of the application display area changes, the target application can add or subtract elements in the application interface. For example, referring to (b) in Figure 7, when the width of the application display area is reduced, the target application can shrink the elements in the application interface; referring to (c) in Figure 7, when the width of the application display area is increased, the target application can Apps can enlarge elements in the app interface.

Considering that elements in some applications do not support scaling and only some elements support scaling, the display effect after the application is re-layout may not be good. Embodiments of the present application also provide a way to adjust the layout of the target application to ensure that the adjusted layout The display effect of the application interface in the application display area.

In this method, two sizes are first defined: layout size and drawing size. The layout size refers to the width and height perceived by the target application, which is the size used by the target application for layout; the drawing size refers to the actual drawing size on the screen. Size, that is, the actual size of the application display area. FIG. 10 is a schematic diagram of layout dimensions and drawing dimensions provided by the embodiment of the application. Referring to Figure 10, in the initial state, the layout size is the same as the drawing size. The width of the layout size is fixed_w and the height is h. Similarly, the width of the drawing size is fixed_w and the height is h.

When the user triggers a drag operation on the drag line and triggers the electronic device to adjust the width of the application display area, the width of the layout size optionally remains fixed_w, but the height of the layout size increases with the width of the application display area. large and reduced. FIG. 11 is a schematic diagram of the layout size and drawing size after adjusting the width according to an embodiment of the present application. Referring to Figure 11, after the electronic device adjusts the width of the application display area, the width of the drawing size is 2x-W and the height is H; the width of the layout size is fixed_w, then the scaling ratio α satisfies the following formula:
α=(2x-W)/fixed_w

The height h of the layout size satisfies the following formula:
h＝H/α

Referring to Figure 11, when the width of the application display area increases and the scaling ratio α>1, the height h of the layout size calculated by the electronic device decreases. At this time, the layout size is shown in the shaded area in Figure 11. It can be seen that the width of the layout size has not changed, but the height has decreased. After the electronic device determines the layout size, it lays out the application interface of the target application based on the layout size, and then enlarges the application interface proportionally until it can completely fill the application display area.

In this way, the target application does not need to scale the elements in the application interface. It only needs to vertically adjust the number of elements in the application interface according to the height of the layout size, and then scale the application interface to fill the drawing size in equal proportions to avoid scaling elements. display abnormalities to improve user experience.

In some embodiments of the present application, the electronic device can also adjust the size of the application display area according to the content in the application interface of the target application. Optionally, when the application interface of the target application contains multimedia content, the electronic device may increase the size of the application display area to the first preset size in response to the user-triggered operation of displaying the multimedia content, and then increase the size of the application display area to the first preset size. Multimedia content is displayed in the large application display area. The electronic device may also respond to a user-triggered operation of exiting the display of multimedia content, or detect that the multimedia content has been displayed, and the electronic device restores the size of the application display area to the initial size; where the initial size is when the application display area has not increased to The size before the default size. Multimedia content can include videos, images, animations, etc. For example, FIG. 12 is a schematic diagram of an interface provided by an embodiment of the present application. Referring to Figure 12, the electronic device displays the target application in the application display area. The application interface of the target application includes a video player. When the user triggers video playback, the electronic device can increase the size of the application display area to improve the video playback effect. . When the user triggers to stop playing the video or the video playback ends, the electronic device can restore the size of the application display area to the size when the video is not played. Through this method, the electronic device can flexibly adjust the size of the application display area according to the display content of the target application, thereby improving the screen display effect and thereby improving the user experience.

The content and functions displayed in the functional area in the embodiment of this application are further introduced below:

In the embodiment of the present application, the functional area can be regarded as an area for displaying functional applications, and the functional applications can also be called tool applications. Functional applications can provide controls for functions associated with the application display area. Displaying functional applications in areas outside the application display area on the screen can improve screen utilization, enrich interaction methods, and enhance user experience.

Referring to Figure 6, the functional area can be located on the right side of the screen. Of course, the functional area can also be located on the left side of the screen, or the functional area can occupy all the areas on the screen except the application display area, or the functional area can be a floating window.

Optionally, the electronic device may display the functional area in a half-side manner or a full-screen stacked manner. Among them, FIG. 13 is a schematic diagram of a half-side display of a functional area provided by an embodiment of the present application. Referring to Figure 13, when using the half-side method to display the functional area, the functional area can occupy the right or left side of the screen. This method occupies a small screen space, has less impact on the target application, and can display common functions in the functional area. Concentrated on the user's commonly used hand side, it is convenient for users to operate. In the method of displaying the functional area on half side, when the user triggers a drag operation on the drag line, the functional application needs to be re-layout according to the drag operation triggered by the user. For specific implementation, please refer to the electronic device adjustment application display shown in Figure 8. The method of area size will not be repeated here.

FIG. 14 is a schematic diagram of a full-screen stacked bottom display functional area provided by an embodiment of the present application. Refer to Figure 14. Above the layer corresponding to the main screen is the layer corresponding to the functional area. Above the layer corresponding to the functional area is the layer corresponding to the application display area. Masks can be added to the areas in the functional area that overlap with the application display area. To prevent electronic devices from errors when responding to user-triggered operations in the application display area. When the ribbon is displayed in full-screen overlay mode, function controls can be displayed in the area of the ribbon that does not overlap with the application display area. It can be seen that in the full-screen overlapping mode, the functional area can carry more content and enrich the display content.

The functions associated with the application display area that can be displayed in the functional area in the embodiment of the present application are introduced respectively:

1. One-click display/one-click hide function of the functional area

When the application display area and the ribbon are displayed on the screen, the ribbon may include a hidden control, and the hidden control may be used to trigger the electronic device to hide the content displayed in the ribbon, leaving only the application display area. When the electronic device hides the content displayed in the ribbon, the ribbon may include a display control, and the display control may be used to trigger the electronic device to display the content of the ribbon.

For example, FIG. 15 is a schematic diagram of a one-key display/one-key hiding function provided by an embodiment of the present application. Referring to Figure 15, the user clicks the hidden control shown in (a) in Figure 15, and the electronic device hides the content in the functional area; the user clicks the display control shown in (b) in Figure 15, and the electronic device displays the content in the functional area. content.

2. Gesture interaction function

In this embodiment of the present application, the functional area can also provide gesture interaction functions. The ribbon can be used as a control panel for the application display area. For example, the ribbon can be used as a gesture panel to receive gestures such as sliding and zooming triggered by the user in the ribbon, and pass the gestures to the target application. The icon application responds accordingly based on the gestures triggered by the user in the ribbon. For example, FIG. 16 is a schematic diagram of a functional area receiving user gesture control according to an embodiment of the present application. Referring to Figure 16, the user triggers an upward sliding gesture in the functional area, and the target application adjusts the application interface to move upward.

Or the functional area can display a control button. After the user clicks the control button, the electronic device transmits the event of the user clicking the control button to the target application, and the target application makes a response corresponding to the event. For example, FIG. 17 is a schematic diagram of a functional area display control button provided by an embodiment of the present application. Referring to Figure 17, the functional area can display control buttons for page turning. The user clicks the control button in the functional area, and the target application performs the page turning action and displays the content of the next page.

3. Apply shortcut functions

In this embodiment of the present application, the functional area may display controls for shortcut functions. Shortcut functions can be functions common to multiple applications. For example. Figure 18 is a schematic diagram of a control for displaying shortcut functions in a functional area provided by an embodiment of the present application. Referring to (a) in Figure 18, the functional area can include controls for shortcut functions such as scanning, refreshing the interface, and upgrading applications. When the user clicks the scan function control in the functional area shown in (a) in Figure 18, the operating system of the electronic device calls the scan function of the target application; the user clicks the scan function shown in (a) in Figure 18 When the refresh interface function control is displayed in the functional area, the operating system of the electronic device calls the refresh function of the target application to update the application interface; the user clicks on the upgrade application function in the functional area shown in (a) in Figure 18 When controlling, the operating system of the electronic device calls the target application upgrade application function to implement application version upgrade.

Take the user clicking the scan function control shown in (a) in Figure 18 as an example. Referring to (b) in Figure 18, the electronic device can display the scan function of the target application in the left blank area of the screen. corresponding interface. Referring to (c) in Figure 18, the electronic device can display the interface corresponding to the result scanned by the scan function on the left area of the screen. As shown in (c) in Figure 18, the electronic device can scan the result obtained by the scan function. The add page of "User 21" is displayed in the left area of the screen. Optionally, when the electronic device displays the interface corresponding to the scan function or the interface corresponding to the scan result obtained by the scan function in the left area of the screen, if it is determined that the size of the area on the left side of the screen is less than the set threshold, then the left area of the screen Display abnormalities may occur when displaying interface content on the side. The electronic device can adjust the size of the application display area and functional area according to the preset ratio, so that the layout of each area on the screen is more reasonable and the screen display effect is more coordinated.

Optionally, shortcut functions may also include some shortcut functions corresponding to the target application. In other words, the shortcut functions displayed in the ribbon support application customization. For example, FIG. 19 is a schematic diagram of a display of an application customized shortcut function provided by an embodiment of the present application. Referring to (a) in Figure 19, when the target application displayed in the application display area is an instant messaging application, the shortcut functions in the functional area may include: opening recently browsed mini programs, collecting money, making payments, etc. Take the user clicking the payment function control in the functional area shown in (a) in Figure 19 as an example. Referring to (b) in Figure 19, the electronic device can display the icons of Application 1 and Application 2 in the left area of the screen. , both App 1 and App 2 can provide payment collection functions. Referring to (c) in Figure 19, if the user clicks the icon of Application 1, the electronic device displays the payment interface of Application 1 in the left area of the screen. Optionally, when the electronic device displays the payment interface of Application 1 on the left side of the screen, if it is determined that the size of the area on the left side of the screen is less than the set threshold, and a display abnormality may occur when the interface content is displayed on the left side of the screen, the electronic device can Adjust the size of the application display area and functional area according to the preset ratio, making the layout of each area on the screen more reasonable and the screen display effect more coordinated. In this way, the ribbon can display controls for shortcut functions corresponding to the target application, further improving the interactive capabilities of the ribbon and improving user experience.

Optionally, the shortcut functions displayed in the ribbon can also be adjusted according to the content contained in the application interface in the application display area. For example, when playing a video in the application interface, the ribbon can include controls for shortcut functions such as pause and exit. When voice is displayed in the application interface, the ribbon can include controls for shortcut functions such as voice transcription, select all and copy.

It should be noted that in order to ensure the display effect of the functional area and prevent the user interface (UI) effects of customized shortcut functions in different applications from being inconsistent, the electronic device can provide templates and configuration files for the shortcut functions in the functional area. The application developer can provide the configuration file according to the template provided by the electronic device. When the electronic device starts the application, it reads the configuration file corresponding to the application and displays the controls of the shortcut function corresponding to the application in the ribbon according to the configuration file.

For example, the template of the configuration file provided by the electronic device may include at least one of the following: serial number, shortcut function icon, text description, and triggered event. Figure 20 is a schematic diagram of a functional area displaying shortcut functions provided by an embodiment of the present application. Referring to Figure 20, when the electronic device starts the target application and displays the application interface of the target application in the application display area, the electronic device reads the configuration file of the target application and displays multiple shortcuts corresponding to the target application in the functional area according to the serial numbers in the configuration file. Functional controls. After the user clicks the control of the shortcut function in the ribbon, the electronic device transmits the event corresponding to the shortcut function clicked by the user to the target application, and the target application executes the response action corresponding to the event.

4. Picture warehouse function

Embodiments of the present application also provide a picture warehouse function. The picture warehouse function can provide users with a convenient way to trigger screenshots, and save the images obtained by screenshots in a temporary picture warehouse (also called a picture warehouse), which is convenient for users to use at any time. Check.

Figure 21 is a schematic diagram of a functional area display screenshot function and a picture warehouse provided by an embodiment of the present application. Referring to Figure 21, the user click function With the screenshot function in the energy area, the electronic device can perform the screenshot action and store the image obtained by the screenshot into the image warehouse. Optionally, in the embodiment of the present application, the electronic device can capture a single image in the current screen, for example, the electronic device captures the image with the largest area in the focus window of the application interface; or the electronic device can capture the content displayed on the entire screen, such as the electronic device Call the screenshot function of the operating system to intercept an image containing the entire screen display content; or the electronic device can intercept a long image, for example, the electronic device calls the screenshot function of the operating system to obtain a long image; or the electronic device can intercept the application interface in the application display area The corresponding image, for example, the electronic device calls back the generated image interface of the target application to obtain the corresponding image of the current application interface.

It can be understood that the embodiments of the present application do not limit the method of taking screenshots of electronic devices and the captured images. In specific implementation, settings can be made according to application scenarios.

The image obtained by taking a screenshot of the electronic device can be saved in the image warehouse. After the user clicks the image warehouse in the functional area, the electronic device can display the image in the image warehouse.

In an optional implementation, the electronic device can display a floating window, open a picture bin in the floating window, and display the image in the picture bin. For example, Figure 22 is a schematic display diagram of a picture warehouse provided by an embodiment of the present application. Referring to Figure 22, the electronic device can display a floating window on the screen. To prevent the floating window from blocking the application display area, the electronic device can display a floating window in the application display area. A floating window is displayed in the occupied area, such as a floating window displayed in the left blank area or ribbon. Figure 22 shows an example of displaying a floating window in the blank area on the left. Images in the image warehouse can be displayed in the floating window. After the user clicks on one of the images, the electronic device can display the enlarged image in the floating window.

In another optional implementation, the electronic device can move the position of the application display area, increase the size of the functional area to the second preset size, open the image bin in the increased size functional area, and display the image. Images in the warehouse. For example, FIG. 23 is a schematic diagram of the display of another image bin provided by an embodiment of the present application. After the user clicks on the picture bin in the functional area shown in Figure 21, referring to Figure 23, the electronic device moves the application display area to the left side of the screen and increases the size of the functional area. The electronic device displays the images in the image bin in the enlarged functional area. After the user clicks one of the images, the electronic device can display the enlarged image in the functional area.

In the embodiment of the present application, the electronic device can delete the images in the image bin after a set period of time, or the electronic device can delete the images in the image bin when exiting the target application, thereby saving the storage space of the electronic device. Optionally, the user can also select a target image in the image warehouse that needs to be saved, and the electronic device can delete other images in the image warehouse except the target image.

Through the above design, the electronic device provides a convenient way to take screenshots and view images in the functional area, which can be applied to shopping application scenarios, such as taking screenshots of multiple product pages. The user can click on the image bin to view the images obtained by the screenshots, making it convenient for users to view multiple screenshots. Compare prices of products, saving users steps and improving user experience.

Based on the application display method provided by the embodiment of the present application, when the electronic device generates an application snapshot, such as the electronic device displays the application snapshot in the recently used application interface, the electronic device can intercept all the content displayed on the current screen as an application snapshot, or the electronic device can Only the application interface in the application display area is captured as an application snapshot, and the content in the ribbon is displayed near the application snapshot. For example, FIG. 24 is a schematic diagram of an application snapshot provided by an embodiment of the present application. Referring to Figure 24, the electronic device can intercept the application interface in the application display area as an application snapshot, and display the shortcut functions in the functional area on the right side of the application snapshot.

In some embodiments of the present application, when the electronic device displays the application display area and functional area as shown in Figure 6, the user can trigger a drag operation on the drag line to adjust the width of the application display area, thereby obtaining the application display area. Shows the best results for the target application. The electronic device can save the size of the application display area as the target size of the application display area corresponding to the target application when exiting the target application, and set the application display area to the target size when the user opens the target application next time, thereby eliminating the need for the user to adjust it again. Apply the size of the display area to improve user experience.

In some scenarios, the screens of electronic devices can have multiple shapes and sizes. For example, the screen of a foldable mobile phone has different sizes in the unfolded state and the folded state. The electronic device can save the size of the application display area under different screen forms, and when the screen form is switched, adjust the application display area according to the size of the application display area saved by the electronic device. For example, FIG. 25 is a schematic diagram of an application display area displayed on a folding screen electronic device provided by an embodiment of the present application. Referring to Figure 25, when the screen of the folding screen electronic device is expanded, the electronic device displays an application display area, and the target application is displayed in the application display area. When the user folds the electronic device, the electronic device saves the size of the application display area corresponding to the target application, and displays the target application in full screen in the screen folding state. When the user expands the electronic device again, the electronic device sets the size of the application display area to the size of the application display area corresponding to the target application saved by the electronic device, and displays the target application in the application display area.

Based on the same design concept, due to the various types of electronic devices, the shape or size of the screens between different electronic devices may be the same or different, and the same application is used on screens of different sizes to obtain the best display effect of the application display area. The sizes are also different. therefore, The embodiment of the present application also provides a method for sharing the application display area size between devices.

In this method, the electronic device displays the target application in the application display area. After the user adjusts the size of the application display area, the electronic device can save the target application and the size parameters of the application display area locally, as shown in Table 1 for embodiments of the present application. An example of data stored locally on an electronic device.

Table 1 Data stored locally on electronic devices

Among them, the size of the application display area in the data shown in Table 1 takes the left and right positions of the application display area on the screen as an example. For example, 25%-75% means that when the screen width is W, the application display area occupies 1/4W- 3/4W area.

The electronic device can also send the target application identifier, the screen parameters of the electronic device, and the size parameters of the application display area to the cloud server. Table 2 is an example of data sent by an electronic device to the cloud server according to the embodiment of the present application.

Table 2 Data sent by electronic devices to cloud servers

The cloud server can save the data sent by the electronic device, and perform statistical analysis on the data saved in the cloud server based on statistical algorithms to determine the optimal size parameters of the application display area corresponding to the target application under each screen size. Table 3 is an example of data sent by an electronic device to a cloud server according to an embodiment of the present application.

Table 3 Data sent by electronic devices to cloud servers

When the electronic device starts the target application for the first time, it may send a request message to the cloud server. The request message may include the application package name of the target application and the screen size of the electronic device. The cloud server can return the target size to the electronic device, and the target size can be a common size of the application display area corresponding to the target application. The electronic device sets the size of the application display area to the target size and displays the target application in the application display area. Through this design, multiple electronic devices can share the size parameters of the application display area, so that based on big data analysis, the electronic device can show the user the most recognized display effect when starting the application for the first time, improving the user experience.

Based on the above embodiments, this application also provides an electronic device, which includes multiple functional modules; the multiple functional modules interact to implement the methods described in the embodiments of this application. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on specific implementation.

Based on the above embodiments, this application also provides an electronic device. The electronic device includes at least one processor and at least one memory. Computer program instructions are stored in the at least one memory. When the electronic device is running, the at least one processing The processor executes each method described in the embodiments of this application.

Based on the above embodiments, this application also provides a computer program, which when the computer program is run on a computer, causes the computer to execute the methods described in the embodiments of this application.

Based on the above embodiments, the present application also provides a computer-readable storage medium. A computer program is stored in the computer-readable storage medium. When the computer program is executed by a computer, the computer is caused to execute the embodiments of the present application. Each method is described.

Based on the above embodiments, this application also provides a chip, which is used to read the computer program stored in the memory and implement the methods described in the embodiments of this application.

Based on the above embodiments, this application provides a chip system. The chip system includes a processor and is used to support a computer device to implement the methods described in the embodiments of this application. In a possible design, the chip system further includes a memory, and the memory is used to store necessary programs and data of the computer device. The chip system may be composed of chips, or may include chips and other discrete devices.

Those skilled in the art will understand that embodiments of the present application may be provided as methods, systems, or computer program products. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment that combines software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to the present application. It will be understood that each process and/or block in the flowchart illustrations and/or block diagrams, and combinations of processes and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine, such that the instructions executed by the processor of the computer or other programmable data processing device produce a use A device for realizing the functions specified in one process or multiple processes of the flowchart and/or one block or multiple blocks of the block diagram.

These computer program instructions may also be stored in a computer-readable memory that causes a computer or other programmable data processing apparatus to operate in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction means, the instructions The device implements the functions specified in a process or processes of the flowchart and/or a block or blocks of the block diagram.

These computer program instructions may also be loaded onto a computer or other programmable data processing device, causing a series of operating steps to be performed on the computer or other programmable device to produce computer-implemented processing, thereby executing on the computer or other programmable device. Instructions provide steps for implementing the functions specified in a process or processes of a flowchart diagram and/or a block or blocks of a block diagram.

Obviously, those skilled in the art can make various changes and modifications to the present application without departing from the protection scope of the present application. In this way, if these modifications and variations of the present application fall within the scope of the claims of the present application and equivalent technologies, the present application is also intended to include these modifications and variations.

Claims

An application display method, characterized in that it is applied to electronic equipment, and the method includes:

In response to the first operation triggered by the user, display an application display area and a functional area on the screen; the functional area is used to display controls associated with the application display area;

The application interface of the target application is displayed in the application display area.
The method of claim 1, wherein after the application display area displays the application interface of the target application, the method further includes:

In response to the second operation triggered by the user, adjust the size of the application display area according to the second operation;

Relayout the application interface of the target application according to the adjusted size of the application display area.
The method of claim 2, wherein re-laying out the application interface of the target application according to the adjusted size of the application display area includes:

Determine the height of the layout size according to the width of the adjusted application display area and the width of the layout size of the application interface of the target application;

Relayout the application interface of the target application according to the width of the layout size and the height of the layout size;

The re-layout application interface of the target application is enlarged in equal proportions to fill the adjusted application display area.
The method of claim 3, wherein determining the height of the layout size based on the adjusted width of the application display area and the width of the layout size of the application interface of the target application includes:

Determine the adjustment ratio according to the width of the adjusted application display area and the width of the layout size of the application interface of the target application;

The height of the layout size is determined based on the adjustment ratio and the height of the screen.
The method according to any one of claims 1 to 4, characterized in that the application interface of the target application includes multimedia content, and the method further includes:

In response to the third operation triggered by the user, it is determined that the initial size of the application display area is smaller than the first preset size, the size of the application display area is adjusted from the initial size to the first preset size, and in the first Display the multimedia content in an application display area of a preset size;

In response to the fourth operation triggered by the user, or detecting that the multimedia content has been displayed, the size of the application display area is restored to the initial size.
The method according to any one of claims 1 to 5, characterized in that the functional area includes a first control or a second control; the method further includes:

In response to a fifth operation triggered by the user that acts on the first control, hiding the content in the functional area; or

In response to a sixth operation triggered by the user that acts on the second control, content in the functional area is displayed.
The method according to any one of claims 1 to 6, characterized in that the method further includes:

Detect the gesture triggered by the user in the functional area, and transfer the gesture to the target application, so that the target application performs a response action corresponding to the gesture.
The method according to any one of claims 1 to 7, characterized in that the method further includes:

Display at least one shortcut function control in the functional area;

Wherein, the at least one shortcut function includes at least one of the following:

Functions shared by multiple applications installed in the electronic device;

The shortcut function corresponding to the target application; or

The shortcut function corresponding to the content contained in the application interface of the target application.
The method according to any one of claims 1 to 8, wherein the functional area includes a third control; the method further includes:

In response to the seventh operation on the third control triggered by the user, a screenshot action is performed, and the image obtained by the screenshot is saved to the first application.
The method of claim 9, wherein the functional area includes an icon of the first application, and the method further includes:

In response to an eighth operation triggered by the user that acts on the icon of the first application, a floating window is displayed, and an image saved in the first application is displayed in the floating window, or

In response to an eighth operation triggered by the user that acts on the icon of the first application, the image saved in the first application is displayed in the functional area.
The method of claim 10, wherein before displaying the image saved in the first application in the functional area, the method further includes:

It is determined that the size of the functional area is smaller than the second preset size, and the size of the functional area is adjusted to the second preset size.
The method according to claim 10 or 11, characterized in that the method further includes:

In response to the ninth operation triggered by the user that acts on the target image, delete images other than the target image saved in the first application; and/or,

In response to the tenth operation triggered by the user, display of the target application is stopped, and the image saved in the first application is deleted.
The method according to any one of claims 1 to 12, characterized in that displaying the application display area on the screen includes:

Find the target size of the application display area corresponding to the target application, set the size of the application display area to the target size, and display the application display area;

Wherein, the target size is the size of the application display area saved when the electronic device last exited the target application, or the target size is the application display corresponding to the target application obtained by the electronic device from the server. area size.
The method according to any one of claims 1-13, characterized in that,

The functional area is located on the left side of the application display area; or

The functional area is located on the right side of the application display area; or

The functional area occupies all areas of the screen except the application display area; or

The functional area is a floating window on the screen.
The method according to any one of claims 1-13, characterized in that displaying the functional area includes:

Display the functional area on the left or right side of the screen in a half-side manner; or

The layer corresponding to the functional area is displayed under the layer corresponding to the application display area in a full-screen overlapping manner.
An electronic device, characterized in that it includes at least one processor, the at least one processor is coupled to at least one memory, and the at least one processor is used to read a computer program stored in the at least one memory to execute as follows: The method of any one of claims 1-15.
An electronic device, characterized by comprising a plurality of functional modules; the plurality of functional modules interact to implement the method as described in any one of claims 1-15.
A computer-readable storage medium, characterized in that the computer-readable storage medium stores instructions, which when run on a computer, cause the computer to execute the method as described in any one of claims 1-15.
A computer program product containing instructions, characterized in that, when the computer program product is run on a computer, it causes the computer to execute the method according to any one of claims 1-15.