WO2023030115A1 - Procédé et appareil d'affichage d'interface - Google Patents

Procédé et appareil d'affichage d'interface Download PDF

Info

Publication number
WO2023030115A1
WO2023030115A1 PCT/CN2022/114406 CN2022114406W WO2023030115A1 WO 2023030115 A1 WO2023030115 A1 WO 2023030115A1 CN 2022114406 W CN2022114406 W CN 2022114406W WO 2023030115 A1 WO2023030115 A1 WO 2023030115A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
interface
interfaces
area
device screen
Prior art date
Application number
PCT/CN2022/114406
Other languages
English (en)
Chinese (zh)
Inventor
吴禹辰
Original Assignee
维沃移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 维沃移动通信有限公司 filed Critical 维沃移动通信有限公司
Publication of WO2023030115A1 publication Critical patent/WO2023030115A1/fr

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present application belongs to the technical field of communications, and in particular relates to an interface display method and device.
  • the interface display method for apps with incompatible sizes is mainly by enlarging or reducing the application display interface of the App by multiples, or forcing the width and height of the application display interface to be the same as the screen width and height.
  • the purpose of the embodiment of the present application is to provide an interface display method and device, which can solve the problem of large blank spaces on the screen or abnormal application layout when displaying the display interface of the application program with a mismatched size in the prior art, which makes the user feel uncomfortable. Problem with poor experience.
  • the embodiment of the present application provides an interface display method, the method includes:
  • the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, in response to the first input, according to the aspect ratio of the first display interface and the size of the target side of the screen of the display device to determine the first display size corresponding to the first display interface; wherein, the size of the target side of the first display interface is the same as the size of the target side of the screen of the display device size to match;
  • N display interfaces are displayed in a second area of the display device screen; wherein, the second area is an area other than the first area in the display device screen, and N is a positive integer.
  • an interface display device including:
  • a first receiving module configured to receive a first input from a user for starting a first application
  • a size determination module configured to respond to the first input and, in response to the first input, according to the first The aspect ratio of the display interface and the size of the target side of the display device screen determine the first display size corresponding to the first display interface; wherein, the size of the target side of the first display interface is the same as the size of the display Match the dimensions of the target side of the device screen;
  • a first display module configured to display the first display interface in a first area of the display device screen according to the first display size
  • the second display module is configured to display N display interfaces in a second area of the display device screen; wherein the second area is an area other than the first area of the display device screen, N is a positive integer.
  • an embodiment of the present application provides an electronic device, the electronic device includes a processor, a memory, and a program or instruction stored in the memory and operable on the processor, and the program or instruction is The processor implements the steps of the method described in the first aspect when executed.
  • an embodiment of the present application provides a readable storage medium, on which a program or an instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented .
  • the embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions, so as to implement the first aspect The steps of the method.
  • the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, according to the aspect ratio of the interface and the side of the display device screen, Size, enlarge or reduce the first display interface, and display the first display interface in the first area of the screen, and display other one or more display interfaces in the second area of the screen, so that the full use of the screen Display resources to avoid large blanks on the screen.
  • the first display size is determined according to the aspect ratio of the first display interface, the displayed first display interface is enlarged or reduced according to the first display size, so , and can also avoid the abnormal application layout, thereby improving the user experience of using the application program.
  • Fig. 1 is one of the flowcharts of an interface display method shown according to an exemplary embodiment
  • Fig. 2 is a schematic diagram of interface display according to an exemplary embodiment
  • Fig. 3 is the second flowchart of an interface display method according to an exemplary embodiment
  • Fig. 4a is one of the schematic diagrams of background application program interface display according to an exemplary embodiment
  • Fig. 4b is the second schematic diagram of background application program interface display according to an exemplary embodiment
  • Fig. 4c is the third schematic diagram of background application program interface display according to an exemplary embodiment
  • Fig. 4d is a fourth schematic diagram of background application program interface display according to an exemplary embodiment
  • Fig. 5 is the third flowchart of an interface display method according to an exemplary embodiment
  • Fig. 6a is one of schematic diagrams showing various types of interface according to an exemplary embodiment
  • Fig. 6b is the second schematic diagram of displaying various types of interfaces according to an exemplary embodiment
  • Fig. 6c is the third schematic diagram showing multiple types of interface display according to an exemplary embodiment
  • Fig. 6d is a fourth schematic diagram of displaying various types of interfaces according to an exemplary embodiment
  • Fig. 7 is a structural block diagram of an interface display device according to an exemplary embodiment
  • Fig. 8 is a structural block diagram of an electronic device according to an exemplary embodiment
  • FIG. 9 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
  • the interface display method provided by the present application can be applied to the scene of displaying the application program interface.
  • the interface display method provided by the embodiment of the present application will be described in detail below with reference to FIGS. 1-10 .
  • the interface display method provided in the embodiment of the present application may be executed by an interface display device, or a control module in the interface display device for executing the interface display method.
  • the interface display method performed by the interface display device is taken as an example to illustrate the interface display method provided in the embodiment of the present application.
  • Fig. 1 is a flowchart of an interface display method according to an exemplary embodiment.
  • Step 110 receiving a first input from a user for starting a first application program.
  • the first input may be an input for the user to open the first application program, such as clicking on an icon of the first application program.
  • the user can start and run the application program A by clicking the icon corresponding to the application program A on the desktop.
  • Step 120 when the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, in response to the first input, according to the aspect ratio of the first display interface and the display device The size of the target side of the screen determines the first display size corresponding to the first display interface.
  • the size of the target side of the first display interface matches the size of the target side of the display device screen, and the target side may be the width of the first display interface or the height of the first display interface.
  • the first display interface may be an interface of the first application program displayed after the first application program is started.
  • the height of the first display interface may match the height of the screen of the display device, according to the first The aspect ratio of the display interface is proportionally scaled to the original size of the interface to obtain the first display size.
  • the size of the interface may also be adjusted according to the width of the first display interface matching the width of the screen of the display device, which is not limited herein.
  • Step 130 Display the first display interface in the first area of the screen of the display device according to the first display size.
  • the position of the first area may be determined according to the setting of the target side.
  • the first area when the target side is the width of the first display interface, the first area can be the upper or lower area of the display device screen; when the target side is the height of the first display interface, the first area can be the area of the display device screen Left area or Right area.
  • the first display interface 21 corresponding to the first application program is displayed on the screen. right, and display with a height that matches the height of the screen.
  • non-full-screen application programs may also adopt a display mode in which the first display interface is displayed in the first area, for example, a one-handed display mode, a small window display mode, and the like.
  • Step 140 displaying N display interfaces in a second area of the display device screen; wherein, the second area is an area other than the first area in the display device screen, and N is a positive integer.
  • the N display interfaces may include at least one of a background application display interface, a notification function interface, a shortcut function interface, and an application drawer function interface.
  • the second area may be any other area on the screen of the display device except the first area.
  • the first area is the right side of the screen of the display device, and the second area may be the left, top, bottom, etc. of the screen of the display device.
  • one or more background application display interfaces may be displayed in the second area, and one or more functions may also be displayed.
  • the above two interfaces can also be displayed at the same time.
  • the functional interface includes, but is not limited to, a notification function interface, a shortcut function interface, an application drawer function interface, and the like.
  • the notification function interface may be, for example, an interface for displaying notification messages in the device
  • the shortcut function interface may be, for example, an interface for displaying shortcut function identifiers in the device
  • the application drawer function interface may be, for example, an interface for displaying installed The interface of the application icon corresponding to the application program.
  • the first display interface 21 corresponding to the first application program is displayed on the right side of the screen, and multiple other display interfaces are displayed on the left side of the screen, such as the display interface 22, display interface 23 and the like.
  • step 130 and step 140 may be executed simultaneously, or step 130 may be executed first and then step 140 may be executed, or step 140 may be executed first and then step 130 may be executed, which is not limited herein.
  • the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, zoom in or out according to the interface aspect ratio and the size of one side of the display device screen
  • the first display interface and display the first display interface in the first area of the screen, and display one or more other display interfaces in the second area of the screen, so that the display resources of the screen can be fully utilized and the screen can be avoided.
  • the first display size is determined according to the aspect ratio of the first display interface, the first display interface displayed is enlarged or reduced according to the first display size, so it can also be avoided.
  • Abnormal application layout can improve the user's visual experience when using the application.
  • the background application display interface may be displayed in the second area, as shown in FIG. Step 1401-step 1402, specifically as follows.
  • Step 1401 determine M application programs running in the background.
  • Step 1402 display M display interfaces corresponding to M application programs in the second area of the display device screen; wherein, M is a positive integer.
  • the manner of displaying the M display interfaces includes but is not limited to displaying one in each row, or displaying multiple in each row, etc., which is not limited here.
  • the displayed M display interfaces may be real-time dynamic display images of the M application programs displayed in a reduced version mode, or may be thumbnail images of the last frame of the M application programs when they are switched to running in the background.
  • the display interface corresponding to a background application when displayed in each row, the display interface of each background application can be displayed in a reduced version mode, which is convenient for the user to directly manipulate the background application; and in each row In the case of displaying two, the display interface of each background application is displayed in the form of a thumbnail, and at this time, the user cannot directly control the background application.
  • the display interface 41 corresponding to the application program A running in the foreground can be displayed on the right side of the screen, and the display interfaces corresponding to multiple application programs running in the background can be displayed on the left side of the screen, such as application
  • the blank space of the display device screen can be fully utilized, so that the user can simultaneously operate the main application and the background application, thereby solving the problem that the existing application program interface cannot In the full-screen display scene, the defects of the screen cannot be fully utilized, which improves the user's perception experience and the control experience of the App.
  • the interface display method provided in this embodiment may further include:
  • the second display interface is a display interface corresponding to the second application program
  • the second application In response to the second input, the second application is brought to the foreground, and the first application is brought to the background.
  • the second input may be an input of clicking on the second display interface, or an input of dragging the second display interface to the first display interface.
  • the main application running in the foreground can be defined as the application numbered 0, and the applications running in the background are numbered from top to bottom and from left to right in order of increment from 1, as shown in Figure 4a and Figure 4b
  • the corresponding number can be displayed in the lower right corner of each display interface.
  • the switch between the main application and the background application and the arrangement order among the background applications can be adjusted by adjusting the number of the display interface.
  • the user can directly click the thumbnail image of the application program B, or That is, display interface 42, update the number of display interface 42 from 1 to 0 to switch application B as the main application, and at the same time update the number of display interface 41 from 0 to 1 to switch application A to the background application .
  • the user can click the number in the lower right corner of the display interface 42 or directly drag the display interface 42 to the display area of the display interface 41 , exchange the numbers corresponding to the display interface 41 and the display interface 42, so as to switch the application program B as the main application, and switch the application program A as the background application.
  • the display positions of the first display interface corresponding to the first application program and the second display interface corresponding to the second application program can be directly exchanged, or the second application program can be used as the main application, and the first display interface corresponding to the first application program can be used as the main application.
  • the application is switched to the first background application, that is, no matter what the number of the second display interface is before switching, the number of the second display interface is set to 1, and the other background applications move backward one by one.
  • the user can also switch the arrangement order of the display interfaces corresponding to the background applications by pressing and holding a certain display interface in the background application and dragging it to an area corresponding to another display interface.
  • the display interface arranged eighth among the background application programs can be dragged to the first position, and the display interfaces corresponding to other background application programs can be moved backward one by one.
  • the above-mentioned M display interfaces may be zoomed-in display interfaces corresponding to the M application programs, and correspondingly, the above-mentioned step of transferring the second application program to the foreground to run , which can include:
  • the second display interface is enlarged and displayed according to a preset ratio, and the enlarged second display interface is displayed on the display device screen;
  • the aspect ratio of the second display interface does not match the aspect ratio of the display device screen
  • the second display size is to display the second display interface in the first area of the display device screen according to the second display size; wherein, the size of the target side of the second display interface matches the size of the target side of the display device screen.
  • the aspect ratio of the second display interface corresponding to the second application program may or may not match the screen of the display device.
  • the second display interface can be directly enlarged and displayed if the aspect ratio matches.
  • the enlarged preset ratio may be a ratio that enables the second display interface to be displayed in full screen, and after the full screen display, the user can return to the screen interface with the first application program as the main application through a preset button set in the interface.
  • the aspect ratio does not match, it can be displayed in a display manner as in the first display interface, which will not be repeated here.
  • the display mode of the second application program is determined, In this way, a variety of application program interface display forms can be provided, and screen resources can be fully utilized under the condition that the application layout is guaranteed to be normal.
  • the interface display method provided in this embodiment may further include:
  • the number of display interfaces displayed per row or per column is switched.
  • the first identifier may be an identifier for switching the number of display interfaces in each row or column.
  • the first identifier may be a dynamically displayed identifier to prompt the user to click on the number of display interfaces displayed in each row or column.
  • a display interface of a background application program can be displayed in each row, and the user can click the icon 44 to display a display interface of a background application program in each row, and switch to the display interface as shown in FIG.
  • Each row shown in FIG. 4b displays the display interfaces of two background application programs, and at the same time, the logo 44 in FIG. 4a can be updated and displayed as the logo 45 in FIG. 4b.
  • the user can switch from displaying the display interface of two background application programs in each row to displaying a display interface of one background application program in each row as shown in FIG. 4a by clicking the logo 45.
  • the mark 45 in Fig. 4b can be updated and displayed as the mark 44 in Fig. 4a.
  • the interface display method provided in this embodiment may further include:
  • the first target interface and the second target interface are any two interfaces among the N display interfaces and the first display interface.
  • the user can also simultaneously operate the application programs corresponding to all the display interfaces displayed on the screen.
  • the target resources may include resources such as files, characters, and icons.
  • a user can drag a file from an application to another application, which may include dragging a file from a background application to another background application, or dragging a file between the main application and the background application.
  • the user can drag the file 411 in the application program A from the display interface 41 to the display interface 42, and then control the application program A to send the file 411 to the application corresponding to the display interface 42.
  • Procedure B you can also drag and drop between different background applications to share files, copy characters, copy icons, etc., so I won’t repeat them here.
  • the interaction between the interfaces can be utilized , which can realize the transmission and sharing of target resources in different applications, and simplify the user's operation process of sharing target resources.
  • step 140 may specifically include step 1403-step 1405, The details are as follows.
  • Step 1403 displaying N interface identifiers corresponding to the N display interfaces.
  • a display interface may correspond to an interface identifier, and the user may click the interface identifier to trigger display or close the display interface corresponding to the interface identifier.
  • a logo 60 corresponding to the background application display interface a logo 61 corresponding to the notification function interface, a logo 62 corresponding to the shortcut function interface, and An identifier 63 corresponding to the application drawer function interface.
  • Step 1404 receiving a fifth input from the user on a target interface identifier among the N interface identifiers.
  • the fifth input may be a user's click input on the interface identifier.
  • the target interface identifier may include one or more identifiers, which is not limited here, that is, the user may trigger the display of one or more display interfaces.
  • Step 1405 in response to the fifth input, display the target display interface corresponding to the target interface identifier in the second area of the display device screen.
  • the background application display interface 64 can be displayed by default, and the user can switch and display multiple display interfaces displayed in the background application display interface 64 by sliding up and down.
  • the user can click on the logo 61 and the logo 62 to open and display the notification function interface 65 and the shortcut function interface 66 .
  • the user can click the icon 63 to open and display the application drawer function interface 67 .
  • the interface display method provided by this embodiment may further include:
  • the target display interface is closed.
  • the target display interface when the target display interface is already displayed, if the user clicks the target interface logo again, the displayed target display interface may be closed.
  • the background application display interface 64 when the background application display interface 64 is displayed, the background application display interface 64 can be closed by clicking the icon 61 .
  • the target display interface can be quickly closed, which improves the manipulability of the interface layout and facilitates the user to select which interfaces to display according to needs.
  • the blank space of the display device screen can be fully utilized in this way, Realize the simultaneous display of the main application and background, notifications, shortcut functions, drawers and other functions, so that users can operate the main application and other functions at the same time, so as to solve the problem that the existing application interface cannot be displayed in full screen and cannot make full use of the screen
  • the defect improves the user's visual experience and the control experience of other functions.
  • the interface display method provided in this embodiment may further include:
  • the display positions between the N display interfaces and the first display interface are switched.
  • the second identifier may be an identifier that can be used to switch display positions between the N display interfaces and the first display interface, and the user may click on the second identifier to trigger the swapping of the positions of the two.
  • the second logo can also be a dynamically displayed logo to prompt the user to click on the display position between the N display interfaces and the first display interface
  • a logo 46 can be displayed at the bottom right of each background application display interface, and the user can click the logo 46 to view the The display interface corresponding to the main application is displayed on the right, the display interface corresponding to the background application is displayed on the left, and the display interface corresponding to the main application is displayed on the left side of the screen as shown in Figure 4d, and the display interface corresponding to the background application is displayed on the right, as shown in Figure 4d.
  • the symbol 46 in FIG. 4a can be updated and displayed as the symbol 47 in FIG. 4d.
  • a logo 68 can be displayed on the lower right of the N display interfaces, and the user can click the logo 68 to display the display interface corresponding to the main application on the right side of the screen, and the display interface on the left side.
  • N display interfaces switch to display the display interface corresponding to the main application on the left side of the screen as shown in Figure 6d, and display the N display interfaces on the right, and at the same time, the logo 68 in Figure 6a can be updated and displayed as shown in Figure 6d The logo69.
  • the present application also provides an interface display device.
  • the interface display device provided by the embodiment of the present application will be described in detail below with reference to FIG. 7 .
  • Fig. 7 is a structural block diagram of an interface display device according to an exemplary embodiment.
  • the interface display device 700 may include:
  • a first receiving module 701, configured to receive a first input from a user for starting a first application
  • a size determining module 702 configured to, in response to the first input, according to the aspect ratio of the first display interface when the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen Ratio and the size of the target side of the display device screen to determine the first display size corresponding to the first display interface; wherein, the size of the target side of the first display interface matches the size of the target side of the display device screen;
  • the first display module 703 is configured to display the first display interface in the first area of the screen of the display device according to the first display size;
  • the second display module 704 is configured to display N display interfaces in a second area of the display device screen; wherein, the second area is an area other than the first area in the display device screen, and N is a positive integer.
  • the second display module 704 may include:
  • a program determination submodule used to determine M application programs running in the background
  • the interface display submodule is configured to display M display interfaces corresponding to M application programs in the second area of the display device screen; wherein, M is a positive integer.
  • the second display module 704 may further include:
  • the first receiving submodule is configured to, after displaying M display interfaces corresponding to M application programs in the second area of the display device screen, receive a second input from the user on the second display interface among the M display interfaces; wherein, The second display interface is a display interface corresponding to the second application program;
  • the foreground-background switching sub-module is used to switch the second application program to the foreground and the first application program to run in the background in response to the second input.
  • the M display interfaces may be zoomed-in display interfaces corresponding to the M application programs
  • the interface magnification unit is configured to enlarge and display the second display interface according to a preset ratio when the aspect ratio of the second display interface matches the aspect ratio of the display device screen, and display the enlarged second display interface on the display device screen.
  • the interface display unit is configured to determine the aspect ratio of the second display interface and the size of the target side of the display device screen according to the aspect ratio of the second display interface and the size of the target side of the display device screen when the aspect ratio of the second display interface does not match the aspect ratio of the display device screen.
  • the second display size corresponding to the second display interface according to the second display size, displays the second display interface in the first area of the display device screen; wherein, the size of the target side of the second display interface is the same as the target side of the display device screen size matches.
  • the second display module 704 may further include:
  • the first display submodule is configured to display the first logo after displaying M display interfaces corresponding to the M application programs in the second area of the display device screen;
  • the second receiving submodule is configured to receive a third input from the user on the first identification
  • the quantity switching submodule is used for switching the quantity of each row or each column of the display interface in response to the third input.
  • the second display module 704 may further include:
  • the third receiving submodule is configured to receive the user's input of the target resources in the first target interface to the second target interface after displaying M display interfaces corresponding to the M application programs in the second area of the display device screen The fourth input of;
  • the resource sending submodule is configured to, in response to the fourth input, control the application program corresponding to the first target interface to send the target resource to the application program corresponding to the second target interface;
  • the first target interface and the second target interface are any two interfaces among the N display interfaces and the first display interface.
  • the second display module 704 may include:
  • the second display submodule is used to display N interface identifiers corresponding to the N display interfaces
  • the fourth receiving submodule is used to receive the fifth input from the user on the target interface identifier among the N interface identifiers;
  • the third display submodule is configured to display the target display interface corresponding to the target interface identifier in the second area of the display device screen in response to the fifth input.
  • the second display module 704 may further include:
  • the fifth receiving submodule is configured to receive a sixth input from the user on the target interface identifier after displaying the target display interface corresponding to the target interface identifier in response to the fifth input;
  • the interface closing submodule is configured to close the target display interface in response to the sixth input.
  • the interface display device 700 may further include:
  • An identification display module configured to display a second identification after displaying N display interfaces in the second area of the display device screen
  • the second receiving module is configured to receive the seventh input of the user on the second identification
  • a position switching module configured to switch the display positions between the N display interfaces and the first display interface in response to the seventh input.
  • the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, zoom in or out according to the interface aspect ratio and the size of one side of the display device screen
  • the first display interface and display the first display interface in the first area of the screen, and display one or more other display interfaces in the second area of the screen, so that the display resources of the screen can be fully utilized and the screen can be avoided.
  • the first display size is determined according to the aspect ratio of the first display interface, the first display interface displayed is enlarged or reduced according to the first display size, so it can also be avoided.
  • Abnormal application layout can improve the user's visual experience when using the application.
  • the interface display device in the embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal.
  • the device may be a mobile electronic device or a non-mobile electronic device.
  • the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle electronic device, a wearable device, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook or a personal digital assistant (personal digital assistant). assistant, PDA), etc.
  • the non-mobile electronic device may be a personal computer (personal computer, PC), television (television, TV), teller machine or self-service machine, etc., which are not specifically limited in this embodiment of the present application.
  • the interface display device in the embodiment of the present application may be a device with an operating system.
  • the operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in this embodiment of the present application.
  • the interface display device provided by the embodiment of the present application can realize various processes realized by the method embodiments in FIG. 1 to FIG. 6d , and details are not repeated here to avoid repetition.
  • the embodiment of the present application further provides an electronic device 800, including a processor 801, a memory 802, and programs or instructions stored in the memory 802 and operable on the processor 801,
  • the program or instruction is executed by the processor 801
  • the various processes of the above-mentioned interface display method embodiment can be achieved, and the same technical effect can be achieved. To avoid repetition, details are not repeated here.
  • the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.
  • FIG. 9 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
  • the electronic device 900 includes, but is not limited to: a radio frequency unit 901, a network module 902, an audio output unit 903, an input unit 904, a sensor 905, a display unit 906, a user input unit 907, an interface unit 908, a memory 909, and a processor 910, etc. part.
  • the electronic device 100 can also include a power supply (such as a battery) for supplying power to various components, and the power supply can be logically connected to the processor 110 through the power management system, so that the management of charging, discharging, and function can be realized through the power management system. Consumption management and other functions.
  • a power supply such as a battery
  • the structure of the electronic device shown in FIG. 9 does not constitute a limitation to the electronic device.
  • the electronic device may include more or fewer components than shown in the figure, or combine some components, or arrange different components, which will not be repeated here. .
  • the user input unit 907 is configured to receive the user's first input for starting the first application program
  • the processor 910 is configured to respond to the first input and, according to the first The aspect ratio of the display interface and the size of the target side of the display device screen determine the first display size corresponding to the first display interface; wherein, the size of the target side of the first display interface is the same as the size of the display Match the dimensions of the target side of the device screen;
  • the display unit 906 is configured to display the first display interface in the first area of the display device screen according to the first display size; display N display interfaces in the second area of the display device screen; Wherein, the second area is an area other than the first area on the screen of the display device, and N is a positive integer.
  • the aspect ratio of the first display interface corresponding to the first application program does not match the aspect ratio of the display device screen, zoom in or out according to the interface aspect ratio and the size of one side of the display device screen
  • the first display interface and display the first display interface in the first area of the screen, and display one or more other display interfaces in the second area of the screen, so that the display resources of the screen can be fully utilized and the screen can be avoided.
  • the first display size is determined according to the aspect ratio of the first display interface, the first display interface displayed is enlarged or reduced according to the first display size, so it can also be avoided.
  • Abnormal application layout can improve the user's visual experience when using the application.
  • the processor 910 is further configured to determine M application programs running in the background;
  • the display unit 906 is further configured to display M display interfaces corresponding to the M application programs in the second area of the display device screen; wherein, M is a positive integer.
  • the user input unit 907 is further configured to receive a second input from the user on a second display interface among the M display interfaces; wherein the second display interface is a display interface corresponding to a second application program;
  • the processor 910 is further configured to, in response to the second input, turn the second application program to run in the foreground, and turn the first application program to run in the background.
  • the processor 910 is further configured to enlarge and display the second display interface according to a preset ratio when the aspect ratio of the second display interface matches the aspect ratio of the screen of the display device.
  • the enlarged second display interface is displayed on the display device screen; if the aspect ratio of the second display interface does not match the aspect ratio of the display device screen, according to the aspect ratio of the second display interface.
  • the aspect ratio and the size of the target side of the screen of the display device determine a second display size corresponding to the second display interface, and display in the first area of the screen of the display device according to the second display size The second display interface; wherein the size of the target side of the second display interface matches the size of the target side of the display device screen.
  • the display unit 906 is also configured to display the first identifier
  • the user input unit 907 is further configured to receive a third input from the user on the first identifier
  • the processor 910 is further configured to, in response to the third input, switch the number of display interfaces displayed in each row or column.
  • the user input unit 907 is further configured to receive a fourth input from the user for inputting the target resource in the first target interface to the second target interface;
  • the processor 910 is further configured to, in response to the fourth input, control the application program corresponding to the first target interface to send the target resource to the application program corresponding to the second target interface.
  • the display unit 906 is further configured to display N interface identifiers corresponding to the N display interfaces;
  • the user input unit 907 is further configured to receive a fifth input from the user on the target interface identifier among the N interface identifiers;
  • the display unit 906 is further configured to, in response to the fifth input, display a target display interface corresponding to the target interface identifier in a second area of the display device screen.
  • the user input unit 907 is further configured to receive a sixth input from the user on the target interface identifier
  • the processor 910 is further configured to close the target display interface in response to the sixth input.
  • the display unit 906 is also configured to display the second identification
  • the user input unit 907 is further configured to receive a seventh input from the user on the second identifier
  • the processor 910 is further configured to switch display positions between the N display interfaces and the first display interface in response to the seventh input.
  • the blank space of the display device screen can be fully utilized.
  • the defect of the screen improves the user's perception experience and the control experience of other functions.
  • the input unit 904 may include a graphics processor (Graphics Processing Unit, GPU) 9041 and a microphone 9042, and the graphics processor 9041 is used for the image capture device (such as the image data of the still picture or video obtained by the camera) for processing.
  • the display unit 906 may include a display panel 9061, and the display panel 9061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the user input unit 907 includes a touch panel 9071 and other input devices 9072 .
  • the touch panel 9071 is also called a touch screen.
  • the touch panel 9071 may include two parts, a touch detection device and a touch controller.
  • Other input devices 9072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, and joysticks, which will not be repeated here.
  • the memory 909 can be used to store software programs as well as various data, including but not limited to application programs and operating systems.
  • the processor 910 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, user interface, application program, etc., and the modem processor mainly processes wireless communication. It can be understood that the foregoing modem processor may not be integrated into the processor 910 .
  • the embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, each process of the above-mentioned interface display method embodiment is realized, and the same To avoid repetition, the technical effects will not be repeated here.
  • the processor is the processor in the electronic device described in the above embodiments.
  • the readable storage medium includes computer readable storage medium, such as computer read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk, etc.
  • the embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above interface display method embodiment
  • the chip includes a processor and a communication interface
  • the communication interface is coupled to the processor
  • the processor is used to run programs or instructions to implement the above interface display method embodiment
  • chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.
  • the term “comprising”, “comprising” or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or device. Without further limitations, an element defined by the phrase “comprising a " does not preclude the presence of additional identical elements in the process, method, article, or apparatus comprising that element.
  • the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved. Functions are performed, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

La présente demande a trait au domaine technique des communications. L'invention concerne un procédé et un appareil d'affichage d'interface. Le procédé comprend les étapes suivantes: la réception d'une première entrée d'un utilisateur pour démarrer un premier programme d'application; si le rapport d'aspect d'une première interface d'affichage correspondant au premier programme d'application ne correspond pas au rapport d'aspect d'un écran de dispositif d'affichage, la détermination d'une première taille d'affichage correspondant à la première interface d'affichage en réponse à la première entrée et selon le rapport d'aspect de la première interface d'affichage et de la taille d'un côté cible de l'écran de dispositif d'affichage, la taille d'un côté cible de la première interface d'affichage correspondant à la taille du côté cible de l'écran de dispositif d'affichage; en fonction de la première taille d'affichage, l'affichage de la première interface d'affichage dans une première zone de l'écran de dispositif d'affichage; et l'affichage de N interfaces d'affichage dans une seconde zone de l'écran de dispositif d'affichage, la seconde zone étant une zone, autre que la première zone, dans l'écran de dispositif d'affichage, et N étant un nombre entier positif.
PCT/CN2022/114406 2021-08-31 2022-08-24 Procédé et appareil d'affichage d'interface WO2023030115A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111015517.4A CN113703634A (zh) 2021-08-31 2021-08-31 界面显示方法和装置
CN202111015517.4 2021-08-31

Publications (1)

Publication Number Publication Date
WO2023030115A1 true WO2023030115A1 (fr) 2023-03-09

Family

ID=78658275

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/114406 WO2023030115A1 (fr) 2021-08-31 2022-08-24 Procédé et appareil d'affichage d'interface

Country Status (2)

Country Link
CN (1) CN113703634A (fr)
WO (1) WO2023030115A1 (fr)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113703634A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置
CN115202524A (zh) * 2022-07-15 2022-10-18 维沃移动通信有限公司 显示方法和装置

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110531915A (zh) * 2019-08-30 2019-12-03 维沃移动通信有限公司 屏幕操作方法及终端设备
CN111857509A (zh) * 2020-07-17 2020-10-30 维沃移动通信有限公司 分屏显示方法、装置及电子设备
CN111913617A (zh) * 2020-06-30 2020-11-10 维沃移动通信有限公司 界面显示方法、装置和电子设备
CN112199146A (zh) * 2020-10-12 2021-01-08 维沃移动通信有限公司 界面切换方法、装置及电子设备
CN112540740A (zh) * 2020-12-09 2021-03-23 维沃移动通信有限公司 分屏显示方法、装置、电子设备和可读存储介质
CN113238694A (zh) * 2021-06-09 2021-08-10 深圳集智数字科技有限公司 界面比对方法、装置及移动终端
CN113703634A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110531915A (zh) * 2019-08-30 2019-12-03 维沃移动通信有限公司 屏幕操作方法及终端设备
CN111913617A (zh) * 2020-06-30 2020-11-10 维沃移动通信有限公司 界面显示方法、装置和电子设备
CN111857509A (zh) * 2020-07-17 2020-10-30 维沃移动通信有限公司 分屏显示方法、装置及电子设备
CN112199146A (zh) * 2020-10-12 2021-01-08 维沃移动通信有限公司 界面切换方法、装置及电子设备
CN112540740A (zh) * 2020-12-09 2021-03-23 维沃移动通信有限公司 分屏显示方法、装置、电子设备和可读存储介质
CN113238694A (zh) * 2021-06-09 2021-08-10 深圳集智数字科技有限公司 界面比对方法、装置及移动终端
CN113703634A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置

Also Published As

Publication number Publication date
CN113703634A (zh) 2021-11-26

Similar Documents

Publication Publication Date Title
WO2022068773A1 (fr) Procédé et appareil de réglage d'élément de bureau, et dispositif électronique
WO2022063022A1 (fr) Procédé et appareil de prévisualisation vidéo et dispositif électronique
WO2023030115A1 (fr) Procédé et appareil d'affichage d'interface
WO2023005920A1 (fr) Procédé et appareil de séparation d'écran, et dispositif électronique
WO2023125425A1 (fr) Procédé et appareil d'affichage et dispositif électronique
CN112099707A (zh) 显示方法、装置和电子设备
WO2022199454A1 (fr) Procédé d'affichage et dispositif électronique
WO2023061280A1 (fr) Procédé et appareil d'affichage de programme d'application, et dispositif électronique
WO2023072061A1 (fr) Procédé et appareil de commande d'affichage d'icône, dispositif électronique et support de stockage
WO2023005828A1 (fr) Procédé et appareil d'affichage de message et dispositif électronique
WO2022242515A1 (fr) Procédé et appareil d'affichage d'interface
WO2023155877A1 (fr) Procédé et appareil de gestion d'icône d'application et dispositif électronique
WO2023016463A1 (fr) Procédé et appareil de commande d'affichage, et dispositif électronique et support
WO2023030114A1 (fr) Procédé et appareil d'affichage d'interface
WO2022242542A1 (fr) Procédé de gestion d'icône d'application et dispositif électronique
WO2023045837A1 (fr) Procédé d'édition de bureau et dispositif électronique
WO2023046068A1 (fr) Procédé et appareil de traitement de fichier
CN112148167A (zh) 控件设置方法、装置和电子设备
WO2022242586A1 (fr) Procédé et appareil d'interface d'application et dispositif électronique
CN113179205A (zh) 图像分享方法、装置及电子设备
CN115357158A (zh) 消息处理方法、装置、电子设备及存储介质
CN111796746B (zh) 音量调节方法、音量调节装置和电子设备
CN112399010B (zh) 页面显示方法、装置和电子设备
CN113835577A (zh) 显示方法、装置、电子设备及存储介质
WO2024037419A1 (fr) Procédé et appareil de commande d'affichage, dispositif électronique, et support de stockage lisible

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22863254

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE