WO2023030114A1 - 界面显示方法和装置 - Google Patents

界面显示方法和装置 Download PDF

Info

Publication number
WO2023030114A1
WO2023030114A1 PCT/CN2022/114405 CN2022114405W WO2023030114A1 WO 2023030114 A1 WO2023030114 A1 WO 2023030114A1 CN 2022114405 W CN2022114405 W CN 2022114405W WO 2023030114 A1 WO2023030114 A1 WO 2023030114A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
application
electronic device
input
interface
Prior art date
Application number
PCT/CN2022/114405
Other languages
English (en)
French (fr)
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 WO2023030114A1 publication Critical patent/WO2023030114A1/zh

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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Definitions

  • the present application belongs to the technical field of communications, and in particular relates to an interface display method and device.
  • the application display interfaces of many application programs cannot be adapted to portable large-screen electronic devices such as tablet computers, and the display effect is poor.
  • the application display interface of the application will be overstretched when displayed on the tablet computer, resulting in a poor display effect.
  • the purpose of the embodiments of the present application is to provide an interface display method and device, which can solve the problem in the related art that the application display interface of the application program cannot be adapted to the portable large-screen electronic device and the display effect is poor.
  • an embodiment of the present application provides an interface display method, the method comprising: receiving a first input to an application program in the first electronic device, wherein the application display interface of the application program is adapted to the second electronic device ; In response to the first input, when the first electronic device is in a vertical screen display state, based on the first display resolution, the application display interface of the application program is displayed in a partial area of the first electronic device, wherein the first display resolution Determine based on the screen pixel densities of the first electronic device and the second electronic device.
  • the embodiment of the present application provides an interface display device, the device includes: a receiving module, configured to receive the first input to the application program in the first electronic device, wherein the application display interface of the application program is adapted to For the second electronic device; a display module, configured to display the application of the application program in a partial area of the first electronic device based on the first display resolution when the first electronic device is in a vertical screen display state in response to the first input A display interface, wherein the first display resolution is determined based on screen pixel densities of the first electronic device and the second electronic device.
  • the 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.
  • the program or instruction is executed by the processor, the The interface of the first aspect displays the steps of the method.
  • the embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the interface display method 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 to implement the steps of the interface display method in the first aspect.
  • the first electronic device may receive the first input to the application program, and in response to the first input, when the first electronic device is in the vertical screen display state, based on the first display resolution, the Part of the area on the screen displays the application display interface of the application program.
  • the first display resolution is jointly determined based on the screen pixel density of the first electronic device and the second electronic device, and the screen pixel density is affected by the screen size and screen resolution
  • the first display resolution is fully based on the first display resolution.
  • the screen size and screen resolution of the first electronic device and the second electronic device, the application display interface displayed on a part of the screen with the first display resolution is more suitable for the screen size of the first electronic device, effectively avoiding the Excessive stretching to improve the display effect of the application display interface.
  • Fig. 1 is one of the schematic flow charts of the interface display method provided by the embodiment of the present application.
  • Fig. 2 is a schematic diagram of a first example of a display interface provided by an embodiment of the present application
  • Fig. 3 is a schematic diagram of a second example of a display interface provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram of a third example of a display interface provided by an embodiment of the present application.
  • Fig. 5 is a schematic diagram of a fourth example of a display interface provided by an embodiment of the present application.
  • Fig. 6 is the second schematic flow diagram of the interface display method provided by the embodiment of the present application.
  • FIG. 7 is a schematic diagram of a fifth example of a display interface provided by an embodiment of the present application.
  • FIG. 8 is a schematic diagram of a sixth example of a display interface provided by an embodiment of the present application.
  • Fig. 9 is a schematic structural diagram of an interface display device provided by an embodiment of the present application.
  • FIG. 10 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 11 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application.
  • the embodiment of the present application provides an interface display method.
  • the application is installed on the first electronic device, since the application display interface of the application is adapted to the second electronic device, therefore, When the application display interface of the application program is displayed on the screen of the first electronic device, there will be a problem that the application display interface cannot be adapted to the first electronic device, resulting in a poor display effect. Therefore, the first electronic device may receive the first input to the application program, and in response to the first input, when the first electronic device is in the vertical screen display state, based on the first display resolution, the Part of the area on the screen displays the application display interface of the application program.
  • the first display resolution is jointly determined based on the screen pixel density of the first electronic device and the second electronic device, and the screen pixel density is affected by the screen size and screen resolution
  • the first display resolution is fully based on the first display resolution.
  • the screen size and screen resolution of the first electronic device and the second electronic device, the application display interface displayed on a part of the screen with the first display resolution is more suitable for the screen size of the first electronic device, effectively avoiding the Excessive stretching improves the display effect of the application display interface, and solves the problem in the related art that the application display interface of the application program cannot be adapted to the portable large-screen electronic device and the display effect is poor.
  • FIG. 2 is a schematic flowchart of an interface display method provided by an embodiment of the present application, and the interface display method may be executed by the first electronic device. It should be noted that the above-mentioned executors do not constitute a limitation of the present application.
  • the interface display method provided by the embodiment of the present application may include step 210 and step 220 .
  • Step 210 receiving a first input to an application program in a first electronic device.
  • the application display interface of the application program is adapted to the second electronic device.
  • the first input may be a user's click input, slide input, double-click input, long-press input, etc. of the control corresponding to the application program, which is not specifically limited in this application.
  • the first electronic device is different from the second electronic device.
  • the screen size of the first electronic device may be larger than that of the second electronic device, and the first electronic device may be a portable large-screen electronic device such as a tablet computer, while The second electronic device may be a mobile phone terminal, so the application display interface of the mobile phone client can be adapted to the second electronic device, but cannot be adapted to the first electronic device.
  • Step 220 In response to the first input, when the first electronic device is in a portrait display state, display the application display interface of the application program on a partial area of the first electronic device based on the first display resolution.
  • the first display resolution is determined based on the screen pixel densities of the first electronic device and the second electronic device, and the number of pixels in this partial area corresponds to the first display resolution.
  • the first display resolution is 922*1229
  • the number of horizontal pixels in the partial area is 922
  • the number of vertical pixels is 1229, that is, all pixels in the partial area are lit.
  • the screen pixel density of the first electronic device can be determined according to the screen size and screen resolution of the first electronic device
  • the screen pixel density of the second electronic device can be determined according to the screen size and screen resolution of the second electronic device, so based on two
  • the first display resolution determined by the screen pixel density of the electronic device may fully take into account the differences in screen size and screen resolution of the two electronic devices. Therefore, compared to FIG. 1, the application display interface 101 of the application program is displayed in full screen based on the screen resolution of the first electronic device directly. As shown in FIG.
  • the application display interface 101 of the application program can prevent the application display interface 101 from being overstretched, and make the application display interface more adaptable to the screen size of the first electronic device, thereby improving the display effect.
  • the first electronic device may receive the first input to the application program, and in response to the first input, when the first electronic device is in the vertical screen display state, based on the first display resolution, the Part of the area on the screen displays the application display interface of the application program.
  • the first display resolution is jointly determined based on the screen pixel density of the first electronic device and the second electronic device, and the screen pixel density is affected by the screen size and screen resolution
  • the first display resolution is fully based on the first display resolution.
  • the screen size and screen resolution of the first electronic device and the second electronic device, the application display interface displayed on a part of the screen with the first display resolution is more suitable for the screen size of the first electronic device, effectively avoiding the Excessive stretching to improve the display effect of the application display interface.
  • step 210 receiving the first input to the application program in the first electronic device may include any of the following: receiving the first input to the third control corresponding to the application program in the setting interface; The first input of the application icon of the application program and prompt information is received, where the prompt information is used to prompt the user to switch the display resolution of the application display interface of the application program.
  • the third control is used to trigger the display of the application display interface of the corresponding application based on the first display resolution instead of based on the screen resolution of the first electronic device; in response to the first input, the display resolution of the application can be turned on toggle function.
  • the setting interface 401 may include third controls corresponding to APP1-APP5, and the first input may be a user's sliding input on the third control 402 corresponding to APP5.
  • the application display interface of APP5 In response to the first input, when the application display interface of APP5 is displayed, it can be displayed based on the first display resolution.
  • the first input may include a first sub-input and a second sub-input
  • receiving the first input of the application icon and the prompt information may include: receiving the application icon of the application A first sub-input; in response to the first sub-input, displaying an application display interface of the application program based on the screen resolution of the first electronic device, where the application display interface includes prompt information; receiving a second sub-input for the prompt information.
  • the first sub-input may be a click input by the user on the application icon of APP2 on the desktop 501, and in response to the click input, the application display of APP2 is displayed based on the screen resolution of the first electronic device.
  • the application display interface 502 may include prompt information 503 .
  • the first electronic device may receive the second sub-input that the user clicks the “OK” option in the prompt information 503 .
  • the user can adjust the display resolution on the setting interface of the first electronic device or the application display interface of the application program.
  • the application display interface of the application program is displayed again, the Based on the first display resolution, a partial area of the screen is displayed, effectively improving the display effect of the application display interface.
  • FIG. 6 is a schematic flowchart of another interface display method provided in the embodiment of the present application.
  • step 120 responds to the first input
  • the first electronic device is a vertical screen
  • displaying the application display interface of the application program on a partial area of the first electronic device based on the first display resolution may specifically include step 610 and step 620 .
  • Step 610 in response to the first input, when the first electronic device is in a portrait display state, calculate a first ratio according to the screen pixel densities of the first electronic device and the second electronic device.
  • the second electronic devices adapted to the application display interfaces of different application programs may be the same or different.
  • the first electronic device may acquire the device information of the second electronic device associated with the application program when the application program is installed.
  • the device information may include the device model and screen pixel density, and the first electronic device may directly obtain the screen pixel density of the second electronic device; or, the device information may include screen resolution and screen size (that is, the screen The length of the corner line), the first electronic device can calculate the screen pixel density PPI of the second electronic device based on the screen resolution and screen size of the second electronic device by using formula (1).
  • X is the number of horizontal pixels
  • Y is the number of vertical pixels
  • Z is the screen size.
  • the screen resolution of the second electronic device is 1080*1920, and the screen size is 5 inches, then X is 1080, Y is 1920, Z is 5, and PPI is 440.
  • the screen resolution of the first electronic device is 1536*2048, and the screen size is 9.7 inches, then X is 1536, Y is 2048, Z is 9.7, and PPI is 264.
  • the first ratio may be a screen pixel density ratio of the first electronic device to that of the second electronic device.
  • the screen pixel density of the first electronic device may be 264, and the screen pixel density of the second electronic device may be 440, then the first ratio may be 0.6.
  • Step 620 Calculate and obtain a first display resolution according to the screen resolution of the first electronic device and the first ratio.
  • the first display resolution may be the product of the screen resolution of the first electronic device and the first ratio.
  • the first ratio is 0.6
  • the screen resolution of the first electronic device is 1536*2048
  • the first electronic device can display based on the first display resolution of 922*1229, that is, the first electronic device displays
  • the number of horizontal pixels is 922
  • the number of vertical pixels is 1229.
  • the display area of the application display interface on the screen of the first electronic device may be determined.
  • the display area has 922 horizontal pixels and 1229 vertical pixels.
  • the first display resolution may be the product of the screen resolution of the first electronic device, the first ratio, and a preset coefficient.
  • the application display interface of the application since the screen resolution of the first electronic device is larger than that of the second electronic device, the application display interface of the application cannot be adapted to the screen of the first electronic device while being adapted to the second electronic device size, the application display interface will be excessively stretched when displayed on the first electronic device, resulting in an unnatural display effect.
  • the first electronic device may determine the first display resolution according to the screen pixel densities of the first electronic device and the second electronic device, and the screen resolution of the first electronic device, and based on the first display resolution in the first
  • the partial area of the screen in the electronic device displays the application display interface of the application program, and the number of pixels in the partial area of the screen corresponds to the first display resolution, so the size of the partial area of the screen can be adapted to the application display interface of the application program, Therefore, the display effect of the application display interface in the first electronic device is more natural, and the display effect is effectively improved.
  • the method may further include: displaying the first control in the first area of the first electronic device, the first area is an area other than the second area, and the second area is used to display the An application display interface; receiving a second input to the first control; in response to the second input, displaying the application display interface of the application program based on a preset display mode associated with the first control.
  • the first control may be associated with a preset display mode
  • the second input is used to trigger the first electronic device to switch the display mode
  • the second input may be the user's click input, slide input, long press input, or double-click input on the first control etc., which are not specifically limited in this application.
  • the second area may be a display area of the application display interface. Referring to the above, the number of pixels in the display area may correspond to the first display resolution.
  • the preset display mode may include any one of center display, left display, right display and full screen display.
  • the second area 702 can be used to display the application display interface 701 , and in the first area of the screen 70 except 702 , display on the left, display on the right, center display, and zoom-in display can be displayed.
  • the second input may be a user's click input on the first control 703, and in response to the click input, the application display interface 701 is switched to be displayed on the left.
  • the first electronic device when the first electronic device receives the user's input on the first control, it can respond to the user input and display the application display interface of the application program based on the preset display mode associated with the first control to realize the application
  • the switching of the display mode of the display interface enables the user to flexibly adjust the display mode of the application display interface and enhance the diversity of display modes.
  • the default display mode can also be top display, bottom display, floating display, small screen display, translucent display, etc.
  • the method is not specifically limited in this application.
  • the method may further include the following step: receiving the application display interface of the application program The gesture input; in response to the gesture input, displaying the application display interface of the application program based on the preset display mode associated with the gesture input.
  • the application display interface may be moved to the edge of the screen along the first direction in response to the gesture input.
  • the application display interface may be enlarged and displayed in response to the gesture input.
  • the application can also trigger the switching of the display mode of the application display interface through other gesture inputs, which are not specifically limited here. .
  • the application display interface of the application program by receiving the user's gesture input on the application display interface of the application program, the application display interface of the application program can be displayed based on the preset display mode associated with the gesture input, and the switching of the display mode of the application display interface can be realized, so that The user can flexibly adjust the display mode of the application display interface to increase the diversity of display modes.
  • the method may further include the following step: receiving the application display interface of the application program a third input; in response to the third input, displaying the application display interface of the application program according to the input second display resolution.
  • the third input may be handwriting input or keyboard input for the user to fill in the second display resolution.
  • the third input may be a keyboard input for the user to fill in the second display resolution of 830*1106, and in response to the keyboard input, the first electronic device displays the application display interface of the application program in 830*1106.
  • the first electronic device can display the application display interface of the application program according to the display resolution input by the user, so that the user can flexibly adjust the display resolution of the application program by customizing the display resolution, and the user has a greater
  • the adjustment authority, the degree of customization is higher, which can improve the user experience.
  • displaying the application display interface of the application program based on the second display resolution may include: The three areas display the application display interface of the application program, wherein the number of pixels in the third area corresponds to the second display resolution.
  • the first display resolution is 922*1229.
  • the second display resolution can be displayed in the third area.
  • the rate is 1000*1200 to display the application display interface
  • the number of horizontal pixels in the third area is 1000
  • the number of vertical pixels is 1200.
  • the number of pixels in the second area corresponds to the first display resolution
  • the application program is displayed based on the second display resolution
  • the application display interface of the application program may include any of the following: continue to display the application display interface of the application program in the second area based on the second display resolution; display the application display interface of the application program in the third area based on the second display resolution, wherein , the number of pixels in the third area corresponds to the second display resolution.
  • the application display interface can be continuously displayed in the second area with the second display resolution 830*1106, at this time the horizontal direction 922 Only 830 of the pixels have corresponding pixel values, that is, only 830 pixels are lit, and only 1106 of the 1229 vertical pixels have corresponding pixel values.
  • the application display interface can be displayed in the third area with the second display resolution 830*1106, and the third area is horizontal
  • the number of pixels is 830, and the number of vertical pixels is 1106.
  • the method may further include the following steps: displaying at least one parameter option control in the first area of the first electronic device, the first area is an area other than the second area, and the second area uses An application display interface for displaying an application program; receiving a fourth input to a target parameter option control in at least one parameter option control; in response to the fourth input, displaying an application of the application program based on a preset display resolution associated with the target parameter option control UI.
  • the parameter option control is used to represent the display resolution
  • the fourth input can be the click input, double-click input, long press input, etc. of the target parameter option control selected by the user from at least one parameter option control, and this application does not make specific limitations here.
  • the preset display resolution can be limited according to specific requirements, and the present application does not specifically limit it here.
  • the second area 802 can be used to display the application display interface 801, and the area other than 802 in the screen 80 is the first area, in which a plurality of Resolution parameter option control.
  • the fourth input may be a user's long press input on the parameter option control 803 , and in response to the long press input, the application display interface 801 is displayed based on the display resolution 1075*1433 associated with the parameter option control 803 .
  • the first electronic device may provide a parameter option control for representing the display resolution for the user to select. If the user is not satisfied with the current display resolution, the user may input the target parameter option control to trigger The first electronic device displays the application display interface of the application program based on the preset display resolution associated with the target parameter option control. In this way, the user does not need to manually adjust the display resolution, but directly selects an appropriate parameter option control, thereby improving the convenience and speed for the user to set the display resolution.
  • the number of pixels in the second area corresponds to the first display resolution
  • the application display interface of the application program is displayed based on the second display resolution, which may include any of the following: The resolution continues to display the application display interface of the application program in the second area; the application display interface of the application program is displayed in the third area based on the second display resolution, wherein the number of pixels in the third area corresponds to the second display resolution.
  • the method may further include the following steps: displaying at least one application program icon in the first area of the first electronic device, the first area is an area other than the second area, and the second area An application display interface for displaying application programs; receiving a fifth input to an icon of a target application program in at least one application program; in response to the fifth input, according to the first electronic device and the second electronic device adapted to the target application program Calculate the first ratio of the screen pixel density; calculate the first display resolution according to the screen resolution of the first electronic device and the first ratio; display the application display interface of the target application based on the first display resolution.
  • the fifth input may be the user's click input, double-click input, long-press input, etc. on the icon of the target application program, which is not specifically limited in this application.
  • the first area may display an icon of an application program selected by the user, or may display an icon of an application program whose display resolution switching function has been enabled.
  • the first electronic device is device A
  • the second electronic device adapted by APP1 is device B.
  • the second area 802 can be used to display the application display interface 801.
  • the area other than 802 in the screen 80 is the first area
  • the icons of APP1, APP2, and APP3 can be displayed in the first area.
  • the fifth The input may be a user's long press input on the icon of the target application program APP1.
  • device A may calculate the first ratio based on the screen pixel density of device A and device B adapted by APP1, and calculate the first display resolution according to the screen resolution of device A and the first ratio
  • the application display interface of APP1 is displayed based on the first display resolution.
  • 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 device provided in the embodiment of the present application is described by taking the interface display method executed by the interface display device as an example.
  • the interface display device will be introduced in detail below.
  • FIG. 9 is a schematic structural diagram of an interface display device provided by the present application.
  • an embodiment of the present application provides an interface display device 900 , and the interface display device 900 includes: a receiving module 910 and a display module 920 .
  • the receiving module 910 is configured to receive a first input to the application program in the first electronic device, wherein the application display interface of the application program is adapted to the second electronic device; the display module 920 is configured to respond to the first input , when the first electronic device is in a portrait display state, displaying the application display interface of the application program on a partial area of the first electronic device based on a first display resolution, wherein the first display resolution is based on the first electronic device and The screen pixel density of the second electronic device is determined.
  • the first electronic device may receive the first input to the application program, and in response to the first input, when the first electronic device is in the vertical screen display state, based on the first display resolution, the Part of the area on the screen displays the application display interface of the application program.
  • the first display resolution is jointly determined based on the screen pixel density of the first electronic device and the second electronic device, and the screen pixel density is affected by the screen size and screen resolution
  • the first display resolution is fully based on the first display resolution.
  • the screen size and screen resolution of the first electronic device and the second electronic device, the application display interface displayed on a part of the screen with the first display resolution is more suitable for the screen size of the first electronic device, effectively avoiding the Excessive stretching to improve the display effect of the application display interface.
  • the display module 920 includes: a calculation unit, configured to, in response to the first input, when the first electronic device is in the vertical screen display state, according to the first electronic device and the second electronic device The screen pixel density calculates the first ratio; the calculation unit is further configured to calculate the first display resolution according to the screen resolution of the first electronic device and the first ratio.
  • the application display interface of the application since the screen resolution of the first electronic device is larger than that of the second electronic device, the application display interface of the application cannot be adapted to the screen of the first electronic device while being adapted to the second electronic device size, the application display interface will be excessively stretched when displayed on the first electronic device, resulting in an unnatural display effect.
  • the first electronic device may determine the first display resolution according to the screen pixel densities of the first electronic device and the second electronic device, and the screen resolution of the first electronic device, and based on the first display resolution in the first
  • the partial area of the screen in the electronic device displays the application display interface of the application program, and the number of pixels in the partial area of the screen corresponds to the first display resolution, so the size of the partial area of the screen can be adapted to the application display interface of the application program, Therefore, the display effect of the application display interface in the first electronic device is more natural, and the display effect is effectively improved.
  • the display module 920 is further configured to display the first control in the first area of the first electronic device, the first area is an area other than the second area, and the second area is used to display application programs the application display interface; the receiving module 910 is further configured to receive a second input to the first control; the display module 920 is further configured to display the application program based on the preset display mode associated with the first control in response to the second input Application display interface.
  • the first electronic device when the first electronic device receives the user's input on the first control, it can respond to the user input and display the application display interface of the application program based on the preset display mode associated with the first control to realize the application
  • the switching of the display mode of the display interface enables the user to flexibly adjust the display mode of the application display interface and enhance the diversity of display modes.
  • the receiving module 910 is specifically used for any of the following: receiving the first input of the third control corresponding to the application in the setting interface; receiving the first input of the application icon and prompt information of the application Input, the prompt information is used to prompt the user to switch the display resolution of the application display interface of the application program.
  • the user can adjust the display resolution on the setting interface of the first electronic device or the application display interface of the application program.
  • the application display interface of the application program is displayed again, the Based on the first display resolution, a partial area of the screen is displayed, effectively improving the display effect of the application display interface.
  • the receiving module 910 is further configured to receive a gesture on the application display interface of the application after the application display interface of the application is displayed in a partial area of the first electronic device based on the first display resolution
  • the input; display module 920 is further configured to, in response to the gesture input, display the application display interface of the application program based on the preset display mode associated with the gesture input.
  • the application display interface of the application program by receiving the user's gesture input on the application display interface of the application program, the application display interface of the application program can be displayed based on the preset display mode associated with the gesture input, and the switching of the display mode of the application display interface can be realized, so that The user can flexibly adjust the display mode of the application display interface to increase the diversity of display modes.
  • the preset display mode includes any one of center display, left display, right display and full screen display.
  • the receiving module 910 is further configured to, after displaying the application display interface of the application program on a partial area of the first electronic device based on the first display resolution, receive the first information about the application display interface of the application program.
  • the display module 920 is further configured to display the application display interface of the application program according to the input second display resolution in response to the third input.
  • the first electronic device can display the application display interface of the application program according to the display resolution input by the user, so that the user can flexibly adjust the display resolution of the application program by customizing the display resolution, and the user has a greater
  • the adjustment authority, the degree of customization is higher, which can improve the user experience.
  • the display module 920 is further configured to display at least one parameter option control in the first area of the first electronic device, the first area is an area other than the second area, and the second area is used to display The application display interface of the application program; the receiving module 910 is further configured to receive a fourth input to the target parameter option control in the at least one parameter option control; the display module 920 is also configured to respond to the fourth input based on the target parameter option control
  • the associated preset display resolution displays the application display interface of the application program.
  • the first electronic device may provide a parameter option control for representing the display resolution for the user to select. If the user is not satisfied with the current display resolution, the user may input the target parameter option control to trigger The first electronic device displays the application display interface of the application program based on the preset display resolution associated with the target parameter option control. In this way, the user does not need to manually adjust the display resolution, but directly selects an appropriate parameter option control, thereby improving the convenience and speed for the user to set the display resolution.
  • the interface display device provided in the embodiment of the present application can implement various processes implemented by the electronic device in the method embodiments in FIGS. 1-8 , and details are not repeated here to avoid repetition.
  • 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).
  • non-mobile electronic devices can be servers, network attached storage (Network Attached Storage, NAS), personal computer (personal computer, PC), television (television, TV), teller machine or self-service machine, etc., this application Examples are not specifically limited.
  • Network Attached Storage NAS
  • personal computer personal computer, PC
  • television television
  • teller machine or self-service machine etc.
  • 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 embodiment of the present application also provides an electronic device 1000, including a processor 1001, a memory 1002, and a program or instruction stored in the memory 1002 and operable on the processor 1001.
  • the program when the instructions are executed by the processor 1001, each process of the above-mentioned interface display method embodiment can be realized, 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. 11 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application.
  • the electronic device 1100 includes, but is not limited to: a radio frequency unit 1100, a network module 1102, an audio output unit 1103, an input unit 1104, a sensor 1105, a display unit 1106, a user input unit 1107, an interface unit 1108, a memory 1109, and a processor 1110, etc. part.
  • the electronic device 1100 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 1110 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. 11 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, and details will not be repeated here. .
  • the user input unit 1107 is configured to receive a first input to the application program in the first electronic device, wherein the application display interface of the application program is adapted to the second electronic device; the display unit 1106 is configured to respond to the first input Input, when the first electronic device is in the vertical screen display state, display the application display interface of the application program in a partial area of the first electronic device based on the first display resolution, wherein the first display resolution is based on the first electronic device and the screen pixel density of the second electronic device are determined.
  • the first electronic device may receive the first input to the application program, and in response to the first input, when the first electronic device is in the vertical screen display state, based on the first display resolution, the Part of the area on the screen displays the application display interface of the application program.
  • the first display resolution is jointly determined based on the screen pixel density of the first electronic device and the second electronic device, and the screen pixel density is affected by the screen size and screen resolution
  • the first display resolution is fully based on the first display resolution.
  • the screen size and screen resolution of the first electronic device and the second electronic device, the application display interface displayed on a part of the screen with the first display resolution is more suitable for the screen size of the first electronic device, effectively avoiding the Excessive stretching to improve the display effect of the application display interface.
  • the processor 1110 is configured to: in response to the first input, when the first electronic device is in a portrait display state, calculate according to the screen pixel density of the first electronic device and the second electronic device The first ratio: calculating the first display resolution according to the screen resolution of the first electronic device and the first ratio.
  • the application display interface of the application since the screen resolution of the first electronic device is larger than that of the second electronic device, the application display interface of the application cannot be adapted to the screen of the first electronic device while being adapted to the second electronic device size, the application display interface will be excessively stretched when displayed on the first electronic device, resulting in an unnatural display effect.
  • the first electronic device may determine the first display resolution according to the screen pixel densities of the first electronic device and the second electronic device, and the screen resolution of the first electronic device, and based on the first display resolution in the first
  • the partial area of the screen in the electronic device displays the application display interface of the application program, and the number of pixels in the partial area of the screen corresponds to the first display resolution, so the size of the partial area of the screen can be adapted to the application display interface of the application program, Therefore, the display effect of the application display interface in the first electronic device is more natural, and the display effect is effectively improved.
  • the display unit 1106 is further configured to display the first control in the first area of the first electronic device, the first area is an area other than the second area, and the second area is used to display application programs application display interface; the user input unit 1107 is further configured to receive a second input to the first control; the display unit 1106 is further configured to display the application based on the preset display mode associated with the first control in response to the second input application display interface.
  • the first electronic device when the first electronic device receives the user's input on the first control, it can respond to the user input and display the application display interface of the application program based on the preset display mode associated with the first control to realize the application
  • the switching of the display mode of the display interface enables the user to flexibly adjust the display mode of the application display interface and enhance the diversity of display modes.
  • the user input unit 1107 is specifically used for any of the following: receiving the first input to the third control corresponding to the application in the setting interface; receiving the first input to the application icon and prompt information of the application Once input, the prompt information is used to prompt the user to switch the display resolution of the application display interface of the application program.
  • the user can adjust the display resolution on the setting interface of the first electronic device or the application display interface of the application program.
  • the application display interface of the application program is displayed again, the Based on the first display resolution, a partial area of the screen is displayed, effectively improving the display effect of the application display interface.
  • the user input unit 1107 is further configured to, after displaying the application display interface of the application program on a partial area of the first electronic device based on the first display resolution, receive a request for the application display interface of the application program.
  • Gesture input; the display unit 1106 is further configured to display an application display interface of an application program based on a preset display mode associated with the gesture input in response to the gesture input.
  • the application display interface of the application program by receiving the user's gesture input on the application display interface of the application program, the application display interface of the application program can be displayed based on the preset display mode associated with the gesture input, and the switching of the display mode of the application display interface can be realized, so that The user can flexibly adjust the display mode of the application display interface to increase the diversity of display modes.
  • the preset display mode includes any one of center display, left display, right display and full screen display.
  • the user input unit 1107 is further configured to, after displaying the application display interface of the application program on a partial area of the first electronic device based on the first display resolution, receive a request for the application display interface of the application program.
  • the third input; the display unit 1106 is further configured to display the application display interface of the application program according to the input second display resolution in response to the third input.
  • the first electronic device can display the application display interface of the application program according to the display resolution input by the user, so that the user can flexibly adjust the display resolution of the application program by customizing the display resolution, and the user has a greater
  • the adjustment authority, the degree of customization is higher, which can improve the user experience.
  • the display unit 1106 is further configured to display at least one parameter option control in the first area of the first electronic device, the first area is an area other than the second area, and the second area is used to display The application display interface of the application program; the user input unit 1107 is further configured to receive a fourth input to the target parameter option control in at least one parameter option control; the display unit 1106 is also configured to respond to the fourth input based on the target parameter option
  • the preset display resolution associated with the control displays the application display interface of the application program.
  • the first electronic device may provide a parameter option control for representing the display resolution for the user to select. If the user is not satisfied with the current display resolution, the user may input the target parameter option control to trigger The first electronic device displays the application display interface of the application program based on the preset display resolution associated with the target parameter option control. In this way, the user does not need to manually adjust the display resolution, but directly selects an appropriate parameter option control, thereby improving the convenience and speed for the user to set the display resolution.
  • the input unit 1104 may include a graphics processor (Graphics Processing Unit, GPU) 11041 and a microphone 11042, and the graphics processor 11041 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 1106 may include a display panel 11061, and the display panel 11061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the user input unit 1107 includes a touch panel 11071 and other input devices 11072 . Touch panel 11071, also called touch screen.
  • the touch panel 11071 may include two parts, a touch detection device and a touch controller.
  • Other input devices 11072 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which will not be repeated here.
  • Memory 1109 can be used to store software programs as well as various data, including but not limited to application programs and operating systems.
  • the processor 1110 can integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface and application programs, 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 1110 .
  • 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 technology can be achieved. Effect, in order to avoid repetition, will not repeat them here.
  • the processor is the processor in the electronic device in the foregoing embodiments.
  • Readable storage media including computer readable storage media
  • examples of computer readable storage media include non-transitory computer readable storage media, such as computer read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), disk or CD, 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, the processor is used to run programs or instructions, and realize the various processes of the above-mentioned interface display method embodiment, and can achieve the same Technical effects, in order to avoid repetition, will not be repeated here.
  • 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.
  • processors may be, but are not limited to, general purpose processors, special purpose processors, application specific processors, or field programmable logic circuits. It can also be understood that each block in the block diagrams and/or flowcharts and combinations of blocks in the block diagrams and/or flowcharts can also be realized by dedicated hardware for performing specified functions or actions, or can be implemented by dedicated hardware and Combination of computer instructions to achieve.

Landscapes

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

Abstract

本申请公开了一种界面显示方法和装置，属于通信技术领域。该界面显示方法包括：接收对第一电子设备中的应用程序的第一输入，其中，应用程序的应用显示界面适配于第二电子设备；响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定。

Description

界面显示方法和装置
相关申请的交叉引用
本申请主张2021年8月31日在中国提交的中国专利申请号202111012468.9的优先权，其全部内容通过引用包含于此。
技术领域
本申请属于通信技术领域，具体涉及一种界面显示方法和装置。
背景技术
随着移动互联网和电子设备的不断发展，越来越多具有显示屏幕的电子设备被广泛应用于人们的日常生活和工作中，而为了满足用户对大尺寸屏幕和便携性的使用需求，平板电脑、折叠屏手机等便携式大屏电子设备应运而生。
相关技术中，很多应用程序的应用显示界面无法适配于平板电脑等便携式大屏电子设备，显示效果较差。例如，当在平板电脑安装并使用手机端应用时，该应用程序的应用显示界面在平板电脑显示时会被过度拉伸，从而导致显示效果较差。
发明内容
本申请实施例的目的是提供一种界面显示方法和装置，能够解决相关技术中应用程序的应用显示界面无法适配于便携式大屏电子设备，显示效果较差的问题。
第一方面，本申请实施例提供了一种界面显示方法，该方法包括：接收对第一电子设备中的应用程序的第一输入，其中，应用程序的应用显示界面适配于第二电子设备；响应于第一输入，在第一电子设备为竖屏显示状态的 情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定。
第二方面，本申请实施例提供了一种界面显示装置，该装置包括：接收模块，用于接收对第一电子设备中的应用程序的第一输入，其中，应用程序的应用显示界面适配于第二电子设备；显示模块，用于响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序或指令，程序或指令被处理器执行时实现如第一方面的界面显示方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，该可读存储介质上存储程序或指令，程序或指令被处理器执行时实现如第一方面的界面显示方法的步骤。
第五方面，本申请实施例提供了一种芯片，该芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行程序或指令，实现如第一方面的界面显示方法的步骤。
在本申请实施例中，在第一电子设备安装应用程序的情况下，由于该应用程序的应用显示界面适配于第二电子设备，因此当在第一电子设备的屏幕显示该应用程序的应用显示界面时，会出现应用显示界面无法适配于第一电子设备导致显示效果较差的问题。因此，第一电子设备可以通过接收对应用程序的第一输入，响应于该第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的屏幕中的部分区域显示应用程序的应用显示界面。由于该第一显示分辨率是基于第一电子设备和第二电子设备的屏幕像素密度共同确定的，而屏幕像素密度受到屏幕尺寸和屏幕分辨率的影响，因此第一显示分辨率充分依据了第一电子设备、第二电子设备的 屏幕尺寸和屏幕分辨率，以第一显示分辨率显示在屏幕部分区域的应用显示界面更加适配于第一电子设备的屏幕大小，有效避免了全屏显示导致的过度拉伸，从而改善应用显示界面的显示效果。
附图说明
图1是本申请实施例提供的界面显示方法的流程示意图之一；
图2是本申请实施例提供的显示界面的第一示例的示意图；
图3是本申请实施例提供的显示界面的第二示例的示意图；
图4是本申请实施例提供的显示界面的第三示例的示意图；
图5是本申请实施例提供的显示界面的第四示例的示意图；
图6是本申请实施例提供的界面显示方法的流程示意图之二；
图7是本申请实施例提供的显示界面的第五示例的示意图；
图8是本申请实施例提供的显示界面的第六示例的示意图；
图9是本申请实施例提供的一种界面显示装置的结构示意图；
图10是本申请实施例提供的一种电子设备的结构示意图；
图11是本申请实施例的一种电子设备的硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此 外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
如背景技术，相关技术中一般仅会开发手机端和PC端的应用程序，因此应用程序的界面仅可以适配于手机和电脑，而无法适配于平板电脑等便携式大屏电子设备，因此显示效果较差。例如，当在平板电脑安装并使用手机端应用时，如图1所示，社交应用程序的应用显示界面101在平板电脑10全屏显示时会被过度拉伸，从而导致显示效果不自然，显示效果较差。
针对相关技术中出现的问题，本申请实施例提供了一种界面显示方法，在第一电子设备安装应用程序的情况下，由于该应用程序的应用显示界面适配于第二电子设备，因此，当在第一电子设备的屏幕显示该应用程序的应用显示界面时，会出现应用显示界面无法适配于第一电子设备导致显示效果较差的问题。因此，第一电子设备可以通过接收对应用程序的第一输入，响应于该第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的屏幕中的部分区域显示应用程序的应用显示界面。由于该第一显示分辨率是基于第一电子设备和第二电子设备的屏幕像素密度共同确定的，而屏幕像素密度受到屏幕尺寸和屏幕分辨率的影响，因此第一显示分辨率充分依据了第一电子设备、第二电子设备的屏幕尺寸和屏幕分辨率，以第一显示分辨率显示在屏幕部分区域的应用显示界面更加适配于第一电子设备的屏幕大小，有效避免了全屏显示导致的过度拉伸，从而改善应用显示界面的显示效果，解决了相关技术中应用程序的应用显示界面无法适配于便携式大屏电子设备，显示效果较差的问题。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的界面显示方法进行详细地说明。
图2是本申请实施例提供的一种界面显示方法的流程示意图，该界面显示方法的执行主体可以为第一电子设备。需要说明的是，上述执行主体并不构成对本申请的限定。
如图2所示，本申请实施例提供的界面显示方法可以包括步骤210和步骤220。
步骤210，接收对第一电子设备中的应用程序的第一输入。
其中，应用程序的应用显示界面适配于第二电子设备。
示例性地，第一输入可以为用户对应用程序对应控件的点击输入、滑动输入、双击输入、长按输入等，本申请在此不做具体限定。
需要说明的是，第一电子设备与第二电子设备不同，示例性地，第一电子设备的屏幕尺寸可以大于第二电子设备，第一电子设备可以为平板电脑等便携式大屏电子设备，而第二电子设备可以为手机终端，因此手机客户端的应用显示界面，可以适配于第二电子设备，而无法适配于第一电子设备。
步骤220，响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面。
其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定，该部分区域中的像素数量与第一显示分辨率对应。
示例性地，第一显示分辨率为922*1229，则部分区域的横向像素数为922，纵向像素数为1229，即部分区域中的全部像素点被点亮。
第一电子设备的屏幕像素密度可以根据第一电子设备的屏幕尺寸和屏幕分辨率确定，第二电子设备的屏幕像素密度可以根据第二电子设备的屏幕尺寸和屏幕分辨率确定，因此基于两个电子设备的屏幕像素密度确定的第一显示分辨率，可以充分考虑到两种电子设备的屏幕尺寸和屏幕分辨率的差别。因此，相比于图1直接基于第一电子设备的屏幕分辨率全屏显示应用程序的应用显示界面101，如图3所示，基于第一显示分辨率在第一电子设备10的部分区域102显示应用程序的应用显示界面101，可以避免应用显示界面101被过度拉伸，使应用显示界面更加适配第一电子设备的屏幕尺寸，从而改善显示效果。
本申请实施例提供的界面显示方法，在第一电子设备安装应用程序的情 况下，由于该应用程序的应用显示界面适配于第二电子设备，因此当在第一电子设备的屏幕显示该应用程序的应用显示界面时，会出现应用显示界面无法适配于第一电子设备导致显示效果较差的问题。因此，第一电子设备可以通过接收对应用程序的第一输入，响应于该第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的屏幕中的部分区域显示应用程序的应用显示界面。由于该第一显示分辨率是基于第一电子设备和第二电子设备的屏幕像素密度共同确定的，而屏幕像素密度受到屏幕尺寸和屏幕分辨率的影响，因此第一显示分辨率充分依据了第一电子设备、第二电子设备的屏幕尺寸和屏幕分辨率，以第一显示分辨率显示在屏幕部分区域的应用显示界面更加适配于第一电子设备的屏幕大小，有效避免了全屏显示导致的过度拉伸，从而改善应用显示界面的显示效果。
在本申请的一些实施例中，步骤210接收对第一电子设备中的应用程序的第一输入，可以包括以下任意一项：接收对设置界面中应用程序对应的第三控件的第一输入；接收对应用程序的应用图标以及提示信息的第一输入，提示信息用于提示用户切换应用程序的应用显示界面的显示分辨率。
其中，第三控件用于触发对应应用程序的应用显示界面基于第一显示分辨率显示，而非基于第一电子设备的屏幕分辨率显示；响应于第一输入，可以开启应用程序的显示分辨率切换功能。
在一个示例中，如图4所示，设置界面401可以包括APP1-APP5对应的第三控件，第一输入可以为用户对APP5对应的第三控件402的滑动输入。响应于该第一输入，当显示APP5的应用显示界面时，可以基于第一显示分辨率进行显示。
在本申请的一些实施例中，第一输入可以包括第一子输入和第二子输入，接收对应用程序的应用图标以及提示信息的第一输入，可以包括：接收对应用程序的应用图标的第一子输入；响应于该第一子输入，基于第一电子设备的屏幕分辨率显示应用程序的应用显示界面，应用显示界面包括提示信息；接收对提示信息的第二子输入。
在一个示例中，如图5所示，第一子输入可以为用户在桌面501对APP2的应用图标的点击输入，响应于该点击输入，基于第一电子设备的屏幕分辨率显示APP2的应用显示界面502，该应用显示界面502可以包括提示信息503。在此基础上，第一电子设备可以接收用户点击提示信息503中“确定”选项的第二子输入。
在本申请实施例中，用户可以在第一电子设备的设置界面，或者应用程序的应用显示界面进行显示分辨率的调整，通过接收用户输入，在再次显示该应用程序的应用显示界面时，可以基于第一显示分辨率在屏幕中部分区域进行显示，有效改善应用显示界面的显示效果。
在本申请的一些实施例中，图6是本申请实施例提供的另一种界面显示方法的流程示意图，如图6所示，步骤120响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，可以具体包括步骤610和步骤620。
步骤610，响应于第一输入，在第一电子设备为竖屏显示状态的情况下，根据第一电子设备和第二电子设备的屏幕像素密度计算第一比值。
需要说明的是，不同应用程序的应用显示界面适配的第二电子设备可以相同，也可以不同。第一电子设备可以在安装应用程序的情况下，获取与该应用程序关联的第二电子设备的设备信息。
可选地，该设备信息可以包括设备型号和屏幕像素密度，第一电子设备可以直接获取到第二电子设备的屏幕像素密度；或者，该设备信息可以包括屏幕分辨率和屏幕尺寸(即屏幕对角线的长度)，第一电子设备可以基于第二电子设备的屏幕分辨率和屏幕尺寸，利用公式(1)计算得到第二电子设备的屏幕像素密度PPI。
Figure PCTCN2022114405-appb-000001
其中，X为横向像素数，Y为纵向像素数，Z为屏幕尺寸。
示例性地，第二电子设备的屏幕分辨率为1080*1920，屏幕尺寸为5英寸，则X为1080，Y为1920，Z为5，PPI为440。
在另一个示例中，第一电子设备(竖屏)的屏幕分辨率为1536*2048，屏幕尺寸为9.7英寸，则X为1536，Y为2048，Z为9.7，PPI为264。
在一个实施例中，第一比值可以为第一电子设备与第二电子设备的屏幕像素密度比值。
参照上述示例，第一电子设备的屏幕像素密度可以为264，第二电子设备的屏幕像素密度可以为440，则第一比值可以为0.6。
步骤620，根据第一电子设备的屏幕分辨率和第一比值计算得到第一显示分辨率。
在一个实施例中，第一显示分辨率可以为第一电子设备的屏幕分辨率和第一比值的乘积。
继续参照上述示例，第一比值为0.6，第一电子设备的屏幕分辨率为1536*2048，则第一电子设备可以基于第一显示分辨率922*1229进行显示，也即，第一电子设备在显示应用程序的应用显示界面时的横向像素数为922，纵向像素数为1229。
在一个示例中，基于横向像素数922，纵向像素数1229，可以确定应用显示界面在第一电子设备屏幕中的显示区域，该显示区域横向像素数为922，纵向像素数为1229。
在另一个实施例中，第一显示分辨率可以为第一电子设备的屏幕分辨率与第一比值、预设系数的乘积。
在本申请实施例中，由于第一电子设备的屏幕分辨率大于第二电子设备，因此应用程序的应用显示界面在适配于第二电子设备的同时，无法适配于第一电子设备的屏幕尺寸，该应用显示界面在第一电子设备中显示时会被过度拉伸，导致显示效果不自然。基于此，第一电子设备可以根据第一电子设备与第二电子设备的屏幕像素密度，以及第一电子设备的屏幕分辨率确定第一显示分辨率，并基于该第一显示分辨率在第一电子设备中的屏幕部分区域显示应用程序的应用显示界面，该屏幕部分区域的像素数量与第一显示分辨率相对应，因此该屏幕部分区域的尺寸大小可以适配于应用程序的应用显示界 面，从而使应用显示界面在第一电子设备中的显示效果更加自然，有效提升了显示效果。
在本申请的一些实施例中，该方法还可以包括：在第一电子设备的第一区域显示第一控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；接收对第一控件的第二输入；响应于第二输入，基于与第一控件关联的预设显示方式显示应用程序的应用显示界面。
其中，第一控件可以关联预设显示方式，第二输入用于触发第一电子设备切换显示方式，该第二输入可以为用户对第一控件的点击输入、滑动输入、长按输入、双击输入等，本申请在此不做具体限定。
第二区域可以为应用显示界面的显示区域，参照上文所述，显示区域中的像素数量可以与第一显示分辨率相对应。
在本申请的一些实施例中，预设显示方式可以包括居中显示、靠左显示、靠右显示、全屏显示中的任意一项。
示例性地，如图7所示，第二区域702可以用于显示应用显示界面701，在屏幕70中除702以外的第一区域，可以显示靠左显示、靠右显示、居中显示、放大显示样式的第一控件。第二输入可以为用户对第一控件703的点击输入，响应于该点击输入，应用显示界面701切换为靠左显示。
在本申请实施例中，当第一电子设备接收到用户对第一控件的用户输入，可以响应于该用户输入，基于第一控件关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
需要说明的是，预设显示方式除了可以是居中显示、靠左显示、靠右显示、放大显示，还可以是靠上显示、靠下显示、悬浮显示、小屏显示、半透明显示等其他显示方式，本申请在此不做具体限定。
在本申请的一些实施例中，在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，该方法还可以包括下述步骤：接收对应用程序的应用显示界面的手势输入；响应于手势输入，基于与手势输 入关联的预设显示方式显示应用程序的应用显示界面。
在一个示例中，当接收到用户双指同时沿第一方向滑动的手势输入，可以响应于该手势输入，沿第一方向将应用显示界面移动到屏幕边缘。
在另一个示例中，当接收到用户双指同时沿相反方向滑动的手势输入，可以响应于该手势输入，放大显示应用显示界面。
需要说明的是，以上仅为通过手势输入触发第一电子设备切换应用显示界面的显示方式的几种示例，本申请还可以通过其他手势输入触发应用显示界面切换显示方式，在此不做具体限定。
在本申请实施例中，通过在应用程序的应用显示界面接收用户的手势输入，可以基于手势输入关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
在本申请的一些实施例中，在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，该方法还可以包括下述步骤：接收对应用程序的应用显示界面的第三输入；响应于第三输入，根据输入的第二显示分辨率显示应用程序的应用显示界面。
其中，该第三输入可以为用户填写第二显示分辨率的手写输入或键盘输入。
示例性地，该第三输入可以为用户填写第二显示分辨率830*1106的键盘输入，响应于该键盘输入，第一电子设备以830*1106显示应用程序的应用显示界面。
在本申请实施例中，第一电子设备可以根据用户输入的显示分辨率显示应用程序的应用显示界面，这样用户可以通过自定义显示分辨率，灵活调整应用程序的显示分辨率，用户具有更大的调整权限，自定义的程度更高，可以提升用户使用体验。
在本申请的一些实施例中，在第二显示分辨率大于第一显示分辨率的情况下，基于第二显示分辨率显示应用程序的应用显示界面，可以包括：基于 第二显示分辨率在第三区域显示应用程序的应用显示界面，其中，第三区域中的像素数量与第二显示分辨率对应。
示例性地，第一显示分辨率为922*1229，当接收到用户填写第二显示分辨率1000*1200的第三输入时，响应于该第三输入，可以在第三区域以第二显示分辨率1000*1200显示应用显示界面，该第三区域横向像素数为1000，纵向像素数为1200。
在本申请的另一些实施例中，第二区域中的像素数量与第一显示分辨率对应，在第二显示分辨率小于第一显示分辨率的情况下，基于第二显示分辨率显示应用程序的应用显示界面，可以包括以下任意一项：基于第二显示分辨率继续在第二区域显示应用程序的应用显示界面；基于第二显示分辨率在第三区域显示应用程序的应用显示界面，其中，第三区域中的像素数量与第二显示分辨率对应。
在一个示例中，第一显示分辨率为922*1229，则第二区域横向像素数为922，纵向像素数为1229。当接收到用户填写第二显示分辨率830*1106的第三输入时，响应于该第三输入，可以在第二区域以第二显示分辨率830*1106继续显示应用显示界面，此时横向922个像素点中仅有830个像素点具有对应像素值，即仅有830个像素点被点亮，纵向1229个像素点中仅有1106个像素点具有对应像素值。
在另一个示例中，第一显示分辨率为922*1229，则第二区域横向像素数为922，纵向像素数为1229。当接收到用户填写第二显示分辨率830*1106的第三输入时，响应于该第三输入，可以在第三区域以第二显示分辨率830*1106显示应用显示界面，该第三区域横向像素数为830，纵向像素数为1106。
在本申请的一些实施例中，该方法还可以包括下述步骤：在第一电子设备的第一区域显示至少一个参数选项控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；接收对至少一个参数选项控件中目标参数选项控件的第四输入；响应于第四输入，基于与目标参数选 项控件关联的预设显示分辨率显示应用程序的应用显示界面。
其中，参数选项控件用于表征显示分辨率，第四输入可以为用户从至少一个参数选项控件中选取目标参数选项控件的点击输入、双击输入、长按输入等，本申请在此不做具体限定。预设显示分辨率可以根据具体需求进行限定，本申请在此不做具体限定。
示例性地，如图8所示，第二区域802可以用于显示应用显示界面801，在屏幕80中除802以外的区域即第一区域，在该第一区域可以显示多个用于表征显示分辨率的参数选项控件。第四输入可以为用户对参数选项控件803的长按输入，响应于该长按输入，基于参数选项控件803关联的显示分辨率1075*1433显示应用显示界面801。
在本申请实施例中，第一电子设备可以提供用于表征显示分辨率的参数选项控件供用户选取，在用户不满意当前显示分辨率的情况下，可以通过对目标参数选项控件的输入，触发第一电子设备基于目标参数选项控件关联的预设显示分辨率显示应用程序的应用显示界面。这样，用户不需要自行手动调整显示分辨率，而是直接选择合适的参数选项控件即可，从而提高了用户进行显示分辨率设置时的便捷度和速度。
在本申请的另一些实施例中，第二区域中的像素数量与第一显示分辨率对应，基于第二显示分辨率显示应用程序的应用显示界面，可以包括以下任意一项：基于第二显示分辨率继续在第二区域显示应用程序的应用显示界面；基于第二显示分辨率在第三区域显示应用程序的应用显示界面，其中，第三区域中的像素数量与第二显示分辨率对应。
在本申请的一些实施例中，该方法还可以包括下述步骤：在第一电子设备的第一区域显示至少一个应用程序的图标，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；接收对至少一个应用程序中目标应用程序的图标的第五输入；响应于第五输入，根据第一电子设备和目标应用程序适配的第二电子设备的屏幕像素密度计算第一比值；根据第 一电子设备的屏幕分辨率和第一比值计算第一显示分辨率；基于第一显示分辨率显示目标应用程序的应用显示界面。
其中，第五输入可以为用户对目标应用程序的图标的点击输入、双击输入、长按输入等，本申请在此不做具体限定。
可选地，第一区域可以显示用户自定义选取的应用程序的图标，也可以显示已开启显示分辨率切换功能的应用程序的图标。
示例性地，第一电子设备为设备A，APP1适配的第二电子设备为设备B。如图8所示，第二区域802可以用于显示应用显示界面801，在屏幕80中除802以外的区域即第一区域，在该第一区域可以显示APP1、APP2、APP3的图标，第五输入可以为用户对目标应用程序APP1的图标的长按输入。响应于该第五输入，设备A可以基于设备A，以及APP1适配的设备B的屏幕像素密度计算第一比值，并根据设备A的屏幕分辨率和第一比值计算得到第一显示分辨率，最后基于该第一显示分辨率显示APP1的应用显示界面。
需要说明的是，本申请实施例提供的界面显示方法，执行主体可以为界面显示装置，或者该界面显示装置中的用于执行界面显示方法的控制模块。本申请实施例中以界面显示装置执行界面显示方法为例，说明本申请实施例提供的界面显示装置。下面对界面显示装置进行详细介绍。
图9是本申请提供的一种界面显示装置的结构示意图。
如图9所示，本申请实施例提供一种界面显示装置900，该界面显示装置900包括：接收模块910、显示模块920。
其中，接收模块910，用于接收对第一电子设备中的应用程序的第一输入，其中，应用程序的应用显示界面适配于第二电子设备；显示模块920，用于响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定。
本申请实施例提供的界面显示装置，在第一电子设备安装应用程序的情况下，由于该应用程序的应用显示界面适配于第二电子设备，因此当在第一 电子设备的屏幕显示该应用程序的应用显示界面时，会出现应用显示界面无法适配于第一电子设备导致显示效果较差的问题。因此，第一电子设备可以通过接收对应用程序的第一输入，响应于该第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的屏幕中的部分区域显示应用程序的应用显示界面。由于该第一显示分辨率是基于第一电子设备和第二电子设备的屏幕像素密度共同确定的，而屏幕像素密度受到屏幕尺寸和屏幕分辨率的影响，因此第一显示分辨率充分依据了第一电子设备、第二电子设备的屏幕尺寸和屏幕分辨率，以第一显示分辨率显示在屏幕部分区域的应用显示界面更加适配于第一电子设备的屏幕大小，有效避免了全屏显示导致的过度拉伸，从而改善应用显示界面的显示效果。
在本申请的一些实施例中，显示模块920包括：计算单元，用于响应于第一输入，在第一电子设备为竖屏显示状态的情况下，根据第一电子设备和第二电子设备的屏幕像素密度计算第一比值；计算单元，还用于根据第一电子设备的屏幕分辨率和第一比值计算得到第一显示分辨率。
在本申请实施例中，由于第一电子设备的屏幕分辨率大于第二电子设备，因此应用程序的应用显示界面在适配于第二电子设备的同时，无法适配于第一电子设备的屏幕尺寸，该应用显示界面在第一电子设备中显示时会被过度拉伸，导致显示效果不自然。基于此，第一电子设备可以根据第一电子设备与第二电子设备的屏幕像素密度，以及第一电子设备的屏幕分辨率确定第一显示分辨率，并基于该第一显示分辨率在第一电子设备中的屏幕部分区域显示应用程序的应用显示界面，该屏幕部分区域的像素数量与第一显示分辨率相对应，因此该屏幕部分区域的尺寸大小可以适配于应用程序的应用显示界面，从而使应用显示界面在第一电子设备中的显示效果更加自然，有效提升了显示效果。
在本申请的一些实施例中，显示模块920，还用于在第一电子设备的第一区域显示第一控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；接收模块910，还用于接收对第一控件的第二输入； 显示模块920，还用于响应于第二输入，基于与第一控件关联的预设显示方式显示应用程序的应用显示界面。
在本申请实施例中，当第一电子设备接收到用户对第一控件的用户输入，可以响应于该用户输入，基于第一控件关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
在本申请的一些实施例中，接收模块910具体用于以下任意一项：接收对设置界面中应用程序对应的第三控件的第一输入；接收对应用程序的应用图标以及提示信息的第一输入，提示信息用于提示用户切换应用程序的应用显示界面的显示分辨率。
在本申请实施例中，用户可以在第一电子设备的设置界面，或者应用程序的应用显示界面进行显示分辨率的调整，通过接收用户输入，在再次显示该应用程序的应用显示界面时，可以基于第一显示分辨率在屏幕中部分区域进行显示，有效改善应用显示界面的显示效果。
在本申请的一些实施例中，接收模块910，还用于在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，接收对应用程序的应用显示界面的手势输入；显示模块920，还用于响应于手势输入，基于与手势输入关联的预设显示方式显示应用程序的应用显示界面。
在本申请实施例中，通过在应用程序的应用显示界面接收用户的手势输入，可以基于手势输入关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
在本申请的一些实施例中，预设显示方式包括居中显示、靠左显示、靠右显示、全屏显示中的任意一项。
在本申请的一些实施例中，接收模块910，还用于在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，接收对应用程序的应用显示界面的第三输入；显示模块920，还用于响应于第三输入，根 据输入的第二显示分辨率显示应用程序的应用显示界面。
在本申请实施例中，第一电子设备可以根据用户输入的显示分辨率显示应用程序的应用显示界面，这样用户可以通过自定义显示分辨率，灵活调整应用程序的显示分辨率，用户具有更大的调整权限，自定义的程度更高，可以提升用户使用体验。
在本申请的一些实施例中，显示模块920，还用于在第一电子设备的第一区域显示至少一个参数选项控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；接收模块910，还用于接收对至少一个参数选项控件中目标参数选项控件的第四输入；显示模块920，还用于响应于第四输入，基于与目标参数选项控件关联的预设显示分辨率显示应用程序的应用显示界面。
在本申请实施例中，第一电子设备可以提供用于表征显示分辨率的参数选项控件供用户选取，在用户不满意当前显示分辨率的情况下，可以通过对目标参数选项控件的输入，触发第一电子设备基于目标参数选项控件关联的预设显示分辨率显示应用程序的应用显示界面。这样，用户不需要自行手动调整显示分辨率，而是直接选择合适的参数选项控件即可，从而提高了用户进行显示分辨率设置时的便捷度和速度。
本申请实施例提供的界面显示装置能够实现图1-图8的方法实施例中电子设备所实现的各个过程，为避免重复，这里不再赘述。
本申请实施例中的界面显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personal digital assistant，PDA)等，非移动电子设备可以为服务器、网络附属存储器(Network Attached Storage，NAS)、个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的界面显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为iOS操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
可选地，如图10所示，本申请实施例还提供一种电子设备1000，包括处理器1001，存储器1002，存储在存储器1002上并可在处理器1001上运行的程序或指令，该程序或指令被处理器1001执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要注意的是，本申请实施例中的电子设备包括上述的移动电子设备和非移动电子设备。
图11为本申请实施例的一种电子设备的硬件结构示意图。
该电子设备1100包括但不限于：射频单元1100、网络模块1102、音频输出单元1103、输入单元1104、传感器1105、显示单元1106、用户输入单元1107、接口单元1108、存储器1109、以及处理器1110等部件。
本领域技术人员可以理解，电子设备1100还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器1110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图11中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，用户输入单元1107，用于接收对第一电子设备中的应用程序的第一输入，其中，应用程序的应用显示界面适配于第二电子设备；显示单元1106，用于响应于第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面，其中，第一显示分辨率基于第一电子设备和第二电子设备的屏幕像素密度确定。
在本申请实施例中，在第一电子设备安装应用程序的情况下，由于该应用程序的应用显示界面适配于第二电子设备，因此当在第一电子设备的屏幕显示该应用程序的应用显示界面时，会出现应用显示界面无法适配于第一电 子设备导致显示效果较差的问题。因此，第一电子设备可以通过接收对应用程序的第一输入，响应于该第一输入，在第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在第一电子设备的屏幕中的部分区域显示应用程序的应用显示界面。由于该第一显示分辨率是基于第一电子设备和第二电子设备的屏幕像素密度共同确定的，而屏幕像素密度受到屏幕尺寸和屏幕分辨率的影响，因此第一显示分辨率充分依据了第一电子设备、第二电子设备的屏幕尺寸和屏幕分辨率，以第一显示分辨率显示在屏幕部分区域的应用显示界面更加适配于第一电子设备的屏幕大小，有效避免了全屏显示导致的过度拉伸，从而改善应用显示界面的显示效果。
在本申请的一些实施例中，处理器1110用于：响应于第一输入，在第一电子设备为竖屏显示状态的情况下，根据第一电子设备和第二电子设备的屏幕像素密度计算第一比值；根据第一电子设备的屏幕分辨率和第一比值计算得到第一显示分辨率。
在本申请实施例中，由于第一电子设备的屏幕分辨率大于第二电子设备，因此应用程序的应用显示界面在适配于第二电子设备的同时，无法适配于第一电子设备的屏幕尺寸，该应用显示界面在第一电子设备中显示时会被过度拉伸，导致显示效果不自然。基于此，第一电子设备可以根据第一电子设备与第二电子设备的屏幕像素密度，以及第一电子设备的屏幕分辨率确定第一显示分辨率，并基于该第一显示分辨率在第一电子设备中的屏幕部分区域显示应用程序的应用显示界面，该屏幕部分区域的像素数量与第一显示分辨率相对应，因此该屏幕部分区域的尺寸大小可以适配于应用程序的应用显示界面，从而使应用显示界面在第一电子设备中的显示效果更加自然，有效提升了显示效果。
在本申请的一些实施例中，显示单元1106，还用于在第一电子设备的第一区域显示第一控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；用户输入单元1107，还用于接收对第一控件的第二输入；显示单元1106，还用于响应于第二输入，基于与第一控件关联的 预设显示方式显示应用程序的应用显示界面。
在本申请实施例中，当第一电子设备接收到用户对第一控件的用户输入，可以响应于该用户输入，基于第一控件关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
在本申请的一些实施例中，用户输入单元1107具体用于以下任意一项：接收对设置界面中应用程序对应的第三控件的第一输入；接收对应用程序的应用图标以及提示信息的第一输入，提示信息用于提示用户切换应用程序的应用显示界面的显示分辨率。
在本申请实施例中，用户可以在第一电子设备的设置界面，或者应用程序的应用显示界面进行显示分辨率的调整，通过接收用户输入，在再次显示该应用程序的应用显示界面时，可以基于第一显示分辨率在屏幕中部分区域进行显示，有效改善应用显示界面的显示效果。
在本申请的一些实施例中，用户输入单元1107，还用于在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，接收对应用程序的应用显示界面的手势输入；显示单元1106，还用于响应于手势输入，基于与手势输入关联的预设显示方式显示应用程序的应用显示界面。
在本申请实施例中，通过在应用程序的应用显示界面接收用户的手势输入，可以基于手势输入关联的预设显示方式显示应用程序的应用显示界面，实现应用显示界面显示方式的切换，从而使用户可以灵活调整应用显示界面的显示方式，提升显示方式的多样性。
在本申请的一些实施例中，预设显示方式包括居中显示、靠左显示、靠右显示、全屏显示中的任意一项。
在本申请的一些实施例中，用户输入单元1107，还用于在基于第一显示分辨率在第一电子设备的部分区域显示应用程序的应用显示界面之后，接收对应用程序的应用显示界面的第三输入；显示单元1106，还用于响应于第三输入，根据输入的第二显示分辨率显示应用程序的应用显示界面。
在本申请实施例中，第一电子设备可以根据用户输入的显示分辨率显示应用程序的应用显示界面，这样用户可以通过自定义显示分辨率，灵活调整应用程序的显示分辨率，用户具有更大的调整权限，自定义的程度更高，可以提升用户使用体验。
在本申请的一些实施例中，显示单元1106，还用于在第一电子设备的第一区域显示至少一个参数选项控件，第一区域为除第二区域以外的区域，第二区域用于显示应用程序的应用显示界面；用户输入单元1107，还用于接收对至少一个参数选项控件中目标参数选项控件的第四输入；显示单元1106，还用于响应于第四输入，基于与目标参数选项控件关联的预设显示分辨率显示应用程序的应用显示界面。
在本申请实施例中，第一电子设备可以提供用于表征显示分辨率的参数选项控件供用户选取，在用户不满意当前显示分辨率的情况下，可以通过对目标参数选项控件的输入，触发第一电子设备基于目标参数选项控件关联的预设显示分辨率显示应用程序的应用显示界面。这样，用户不需要自行手动调整显示分辨率，而是直接选择合适的参数选项控件即可，从而提高了用户进行显示分辨率设置时的便捷度和速度。
应理解的是，本申请实施例中，输入单元1104可以包括图形处理器(Graphics Processing Unit，GPU)11041和麦克风11042，图形处理器11041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元1106可包括显示面板11061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板11061。用户输入单元1107包括触控面板11071以及其他输入设备11072。触控面板11071，也称为触摸屏。触控面板11071可包括触摸检测装置和触摸控制器两个部分。其他输入设备11072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器1109可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器1110可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作 系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1110中。
本申请实施例还提供一种可读存储介质，可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，处理器为上述实施例中的电子设备中的处理器。可读存储介质，包括计算机可读存储介质，计算机可读存储介质的示例包括非暂态计算机可读存储介质，如计算机只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片，芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行程序或指令，实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
上面参考根据本申请的实施例的方法、装置和计算机程序产品的流程图和/或框图描述了本申请的各方面。应当理解，流程图和/或框图中的每个方框 以及流程图和/或框图中各方框的组合可以由计算机程序指令实现。这些计算机程序指令可被提供给通用计算机、专用计算机、或其它可编程数据处理装置的处理器，以产生一种机器，使得经由计算机或其它可编程数据处理装置的处理器执行的这些指令使能对流程图和/或框图的一个或多个方框中指定的功能/动作的实现。这种处理器可以是但不限于是通用处理器、专用处理器、特殊应用处理器或者现场可编程逻辑电路。还可理解，框图和/或流程图中的每个方框以及框图和/或流程图中的方框的组合，也可以由执行指定的功能或动作的专用硬件来实现，或可由专用硬件和计算机指令的组合来实现。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (19)

  1. 一种界面显示方法，应用于第一电子设备，所述方法包括：
    接收对所述第一电子设备中的应用程序的第一输入，其中，所述应用程序的应用显示界面适配于第二电子设备；
    响应于所述第一输入，在所述第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面，其中，所述第一显示分辨率基于所述第一电子设备和所述第二电子设备的屏幕像素密度确定。
  2. 根据权利要求1所述的方法，其中，所述响应于所述第一输入，在所述第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面，包括：
    响应于所述第一输入，在所述第一电子设备为竖屏显示状态的情况下，根据所述第一电子设备和所述第二电子设备的屏幕像素密度计算第一比值；
    根据所述第一电子设备的屏幕分辨率和所述第一比值计算得到所述第一显示分辨率。
  3. 根据权利要求1所述的方法，所述方法还包括：
    在所述第一电子设备的第一区域显示第一控件，所述第一区域为除第二区域以外的区域，所述第二区域用于显示所述应用程序的应用显示界面；
    接收对所述第一控件的第二输入；
    响应于所述第二输入，基于与所述第一控件关联的预设显示方式显示所述应用程序的应用显示界面。
  4. 根据权利要求1所述的方法，其中，所述接收对所述第一电子设备中的应用程序的第一输入，包括以下任意一项：
    接收对设置界面中所述应用程序对应的第三控件的第一输入；
    接收对所述应用程序的应用图标以及提示信息的第一输入，所述提示信息用于提示用户切换所述应用程序的应用显示界面的显示分辨率。
  5. 根据权利要求1所述的方法，在所述基于第一显示分辨率在所述第一电 子设备的部分区域显示所述应用程序的应用显示界面之后，所述方法还包括：
    接收对所述应用程序的应用显示界面的手势输入；
    响应于所述手势输入，基于与所述手势输入关联的预设显示方式显示所述应用程序的应用显示界面。
  6. 根据权利要求1-5任意一项所述的方法，在所述基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面之后，所述方法还包括：
    接收对所述应用程序的应用显示界面的第三输入；
    响应于所述第三输入，根据输入的第二显示分辨率显示所述应用程序的应用显示界面。
  7. 根据权利要求1-5任意一项所述的方法，所述方法还包括：
    在所述第一电子设备的第一区域显示至少一个参数选项控件，所述第一区域为除第二区域以外的区域，所述第二区域用于显示所述应用程序的应用显示界面；
    接收对所述至少一个参数选项控件中目标参数选项控件的第四输入；
    响应于所述第四输入，基于与所述目标参数选项控件关联的预设显示分辨率显示所述应用程序的应用显示界面。
  8. 一种界面显示装置，应用于第一电子设备，所述装置包括：
    接收模块，用于接收对所述第一电子设备中的应用程序的第一输入，其中，所述应用程序的应用显示界面适配于第二电子设备；
    显示模块，用于响应于所述第一输入，在所述第一电子设备为竖屏显示状态的情况下，基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面，其中，所述第一显示分辨率基于所述第一电子设备和所述第二电子设备的屏幕像素密度确定。
  9. 根据权利要求8所述的装置，其中，所述显示模块包括：
    计算单元，用于响应于所述第一输入，在所述第一电子设备为竖屏显示状态的情况下，根据所述第一电子设备和所述第二电子设备的屏幕像素密度 计算第一比值；
    所述计算单元，还用于根据所述第一电子设备的屏幕分辨率和所述第一比值计算得到所述第一显示分辨率。
  10. 根据权利要求8所述的装置，其中：
    所述显示模块，还用于在所述第一电子设备的第一区域显示第一控件，所述第一区域为除第二区域以外的区域，所述第二区域用于显示所述应用程序的应用显示界面；
    所述接收模块，还用于接收对所述第一控件的第二输入；
    所述显示模块，还用于响应于所述第二输入，基于与所述第一控件关联的预设显示方式显示所述应用程序的应用显示界面。
  11. 根据权利要求8所述的装置，其中，所述接收模块具体用于一下任意一项：
    接收对设置界面中所述应用程序对应的第三控件的第一输入；
    接收对所述应用程序的应用图标以及提示信息的第一输入，所述提示信息用于提示用户切换所述应用程序的应用显示界面的显示分辨率。
  12. 根据权利要求8所述的装置，其中：
    所述接收模块，还用于在所述基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面之后，接收对所述应用程序的应用显示界面的手势输入；
    所述显示模块，还用于响应于所述手势输入，基于与所述手势输入关联的预设显示方式显示所述应用程序的应用显示界面。
  13. 根据权利要求8-12任意一项所述的装置，其中：
    所述接收模块，还用于在所述基于第一显示分辨率在所述第一电子设备的部分区域显示所述应用程序的应用显示界面之后，接收对所述应用程序的应用显示界面的第三输入；
    所述显示模块，还用于响应于所述第三输入，根据输入的第二显示分辨率显示所述应用程序的应用显示界面。
  14. 根据权利要求8-12任意一项所述的装置，所述装置还包括：
    所述显示模块，还用于在所述第一电子设备的第一区域显示至少一个参数选项控件，所述第一区域为除第二区域以外的区域，所述第二区域用于显示所述应用程序的应用显示界面；
    所述接收模块，还用于接收对所述至少一个参数选项控件中目标参数选项控件的第四输入；
    所述显示模块，还用于响应于所述第四输入，基于与所述目标参数选项控件关联的预设显示分辨率显示所述应用程序的应用显示界面。
  15. 一种电子设备，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述至少一个处理器执行时实现如权利要求1-8任一项所述的界面显示方法的步骤。
  16. 一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1-8任一项所述的界面显示方法的步骤。
  17. 一种计算机程序产品，所述程序产品被存储在非易失的存储介质中，所述程序产品被至少一个处理器执行以实现如权利要求1-8任一项所述的界面显示方法的步骤。
  18. 一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如权利要求1-8任一项所述的界面显示方法的步骤。
  19. 一种电子设备，用于执行如权利要求1-8任一项所述的界面显示方法的步骤。
PCT/CN2022/114405 2021-08-31 2022-08-24 界面显示方法和装置 WO2023030114A1 (zh)

Applications Claiming Priority (2)

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

Publications (1)

Publication Number Publication Date
WO2023030114A1 true WO2023030114A1 (zh) 2023-03-09

Family

ID=78658017

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/114405 WO2023030114A1 (zh) 2021-08-31 2022-08-24 界面显示方法和装置

Country Status (2)

Country Link
CN (1) CN113703630A (zh)
WO (1) WO2023030114A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置
CN117055779B (zh) * 2023-09-29 2024-04-19 荣耀终端有限公司 应用界面显示方法、终端设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105225201A (zh) * 2015-09-06 2016-01-06 网易（杭州）网络有限公司 一种显示对象自适应分辨率显示的方法及系统
CN108628656A (zh) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Ios设备上界面适配方法、装置、计算机设备及存储介质
CN108733336A (zh) * 2018-05-21 2018-11-02 北京字节跳动网络技术有限公司 页面显示方法和装置
CN110244996A (zh) * 2019-05-14 2019-09-17 苏宁智能终端有限公司 一种横屏显示终端适配竖屏应用程序的方法、装置及终端
CN110865758A (zh) * 2019-10-29 2020-03-06 维沃移动通信有限公司 一种显示方法及电子设备
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140267281A1 (en) * 2013-03-13 2014-09-18 Ericom Software Ltd. Method for displaying a remote desktop on a portable touch screen device
CN103473044A (zh) * 2013-08-20 2013-12-25 广东明创软件科技有限公司 适配不同分辨率移动终端的应用程序界面绘制方法
CN105760178B (zh) * 2016-03-17 2019-03-26 网易（杭州）网络有限公司 对界面控件进行适配的方法及装置
CN110764850B (zh) * 2018-07-26 2023-06-20 阿里巴巴集团控股有限公司 界面显示方法、参数赋值方法、系统及设备
CN111694530B (zh) * 2020-06-09 2023-05-23 阿波罗智联(北京)科技有限公司 一种屏幕适配的方法、装置、电子设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105225201A (zh) * 2015-09-06 2016-01-06 网易（杭州）网络有限公司 一种显示对象自适应分辨率显示的方法及系统
CN108628656A (zh) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Ios设备上界面适配方法、装置、计算机设备及存储介质
CN108733336A (zh) * 2018-05-21 2018-11-02 北京字节跳动网络技术有限公司 页面显示方法和装置
CN110244996A (zh) * 2019-05-14 2019-09-17 苏宁智能终端有限公司 一种横屏显示终端适配竖屏应用程序的方法、装置及终端
CN110865758A (zh) * 2019-10-29 2020-03-06 维沃移动通信有限公司 一种显示方法及电子设备
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置

Also Published As

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

Similar Documents

Publication Publication Date Title
US20200241746A1 (en) Multi-task management method and terminal device
US9207838B2 (en) Device, method, and graphical user interface for managing and interacting with concurrently open software applications
US8957865B2 (en) Device, method, and graphical user interface for manipulating a user interface object
US9477390B2 (en) Device and method for resizing user interface content
US9645699B2 (en) Device, method, and graphical user interface for adjusting partially off-screen windows
WO2023030114A1 (zh) 界面显示方法和装置
WO2022063022A1 (zh) 视频预览方法、装置及电子设备
US20120030624A1 (en) Device, Method, and Graphical User Interface for Displaying Menus
EP2772844A1 (en) Terminal device and method for quickly starting program
US20110163966A1 (en) Apparatus and Method Having Multiple Application Display Modes Including Mode with Display Resolution of Another Apparatus
US20120032891A1 (en) Device, Method, and Graphical User Interface with Enhanced Touch Targeting
US20110163967A1 (en) Device, Method, and Graphical User Interface for Changing Pages in an Electronic Document
WO2023005920A1 (zh) 分屏方法、装置及电子设备
WO2022048633A1 (zh) 显示方法、装置和电子设备
WO2023005828A1 (zh) 消息显示方法、装置和电子设备
WO2023061280A1 (zh) 应用程序显示方法、装置及电子设备
WO2023016463A1 (zh) 显示控制方法、装置、电子设备和介质
WO2023143430A1 (zh) 信息显示方法及装置
WO2023072061A1 (zh) 图标显示控制方法、装置、电子设备及存储介质
WO2023046101A1 (zh) 图标显示方法、装置及电子设备
WO2023056977A1 (zh) 应用程序启动方法, 装置及电子设备
WO2023025121A1 (zh) 显示方法、装置、电子设备及可读存储介质
CN112148167A (zh) 控件设置方法、装置和电子设备
CN112269501A (zh) 图标移动方法、装置及电子设备
WO2022068863A1 (zh) 后台任务显示方法和电子设备

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: 22863253

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE