CN117111813B - Display adaptation method and device, electronic equipment and storage medium - Google Patents
Display adaptation method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN117111813B CN117111813B CN202311352802.4A CN202311352802A CN117111813B CN 117111813 B CN117111813 B CN 117111813B CN 202311352802 A CN202311352802 A CN 202311352802A CN 117111813 B CN117111813 B CN 117111813B
- Authority
- CN
- China
- Prior art keywords
- page
- display
- target
- newly added
- application
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 230000006978 adaptation Effects 0.000 title claims abstract description 26
- 230000000007 visual effect Effects 0.000 claims abstract description 67
- 230000004044 response Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 9
- 238000013507 mapping Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 abstract description 9
- 238000004891 communication Methods 0.000 abstract description 8
- 238000012545 processing Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000004913 activation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
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/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/04842—Selection of displayed objects or displayed text elements
-
- 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
-
- 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
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
The invention relates to the technical field of communication, in particular to a display adaptation method, a device, electronic equipment and a storage medium. The method provided by the application is applied to the horizontal screen equipment, after the first application is selected or touched in the application process of the horizontal screen equipment, the visual window is firstly blacked out, and then the generated first page with the preset vertical screen layout is adjusted by determining the target adjustment rule corresponding to the first application, so that the target display page is obtained. When partial applications only support vertical screen display and cannot automatically follow system rotation or partial applications do not do horizontal screen adaptation, content is displayed in a horizontal screen and vertical display mode, and different target adjustment rules are used for configuring proper adjustment for different applications, so that display adaptation degree is improved, and user experience is improved.
Description
Technical Field
The present invention relates to the field of communications technologies, and in particular, to a display adaptation method and apparatus, an electronic device, and a storage medium.
Background
With the development of science and technology, by virtue of the rapid development of internet technology and the activation coverage of networks, an intelligent display terminal has become an indispensable display tool in various fields of daily life, industrial manufacturing and the like of people.
The scheme adopted by the display terminal in the related art for realizing the switching between the horizontal screen display and the vertical screen display is that the data of the screen direction is acquired through an acceleration Sensor (G-Sensor) at the bottom layer of the system and is transmitted to a Window Management Service (WMS) for processing, so that the horizontal screen is switched, or when the application enters into the Activity, the direction required to be displayed by the screen is returned according to the direction required to be displayed by the application by calling a method in the WMS. If the application needs to display the vertical screen, the WMS will return the result that the screen needs to be rotated 90 degrees clockwise or counterclockwise, thus implementing a forced horizontal screen display.
However, in the practical application process, the related art has the following technical drawbacks:
partial applications only support vertical screen display, and cannot automatically rotate along with the system, so that a user faces inconvenience when using a horizontal screen;
and part of applications are not subjected to horizontal screen adaptation, and when the horizontal screen display is forced, the interface layout of the applications can be disordered, so that the user experience is poor. Meanwhile, the reduction of visual contents in the horizontal screen mode also limits the selection of a proper display mode in the use scene by the user.
Disclosure of Invention
In view of the above, the present invention aims to provide a display adaptation method, a display adaptation device, an electronic device and a storage medium.
In a first aspect, an embodiment of the present invention provides a display adaptation method, which is applied to a flat screen display device, where a visual window is provided in the flat screen display device, and at least one first application is provided in the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule;
the method comprises the following steps:
in response to selection or touch operation for a first application, black the visual window and generating a first page with a preset vertical screen layout;
embedding display content of the first application in the first page;
searching a target adjustment rule corresponding to the first application;
and adjusting the specification of the first page according to the target adjustment rule to obtain a target display page.
With reference to the first aspect, the target adjustment rule includes: a first adjustment rule;
according to the target adjustment rule, adjusting the specification of the first page to obtain a target display page, including:
according to the first adjustment rule, determining that the height value of the visual window is the target height value of the first page;
based on the target height value, adjusting the height of the first page to be equal to the target height value to obtain a target display page;
and centrally displaying the target display page in the visual window after being blacked out.
In combination with the first aspect, a plurality of newly added display areas are preset in the visual window along the first to second directions, and each newly added display area corresponds to one newly added page and is used for displaying the content of the newly added page; the target display page provides one or more first sub-applications;
after the step of displaying the target display page in the visual window after being blacked out, the method further comprises the following steps:
responding to selection or touch operation for the first sub-application, moving the target display page to a first newly-increased display area in a first direction, and generating a second display page with a preset vertical screen layout in a second newly-increased display area;
embedding display content corresponding to the first sub-application into the second display page;
and adjusting the height of the second display page to be equal to the target height value to obtain a second page.
With reference to the first aspect, the method further includes:
judging whether the number of the newly added pages is larger than the number of the newly added display areas or not;
if not, generating a current display page with a preset vertical screen layout in the current newly added display area;
and adjusting the height of the current displayed page to be equal to the target height value to obtain a current newly added page.
With reference to the first aspect, after the step of determining whether the number of the newly added pages is greater than the number of the newly added display areas, the method further includes:
if yes, calculating the difference value between the number of the newly added pages and the number of the newly added display areas;
hiding the newly added display pages with the difference values along the first direction to the second direction according to the difference values;
and sequentially moving the plurality of new display pages which are not hidden to a plurality of preset new display areas along the first direction to the second direction.
With reference to the first aspect, the method further includes:
and deleting the current newly added page and all newly added pages after the current newly added page in response to touch operation for a designated key.
With reference to the first aspect, the target adjustment rule includes a second adjustment rule; the target display page is provided with a display control;
according to the target adjustment rule, adjusting the specification of the first page to obtain a target display page, including:
according to the second adjustment rule, determining the width value of the visual window as a target width value;
based on the target width value, adjusting the width of the target display page to be equal to the target width value so that two side edges of the target display page coincide with two side edges of the visual window;
tiling the target display page on the visual window after the tiling;
and responding to the dragging operation of the display control of the target display page, and adjusting the display content of the target display page.
In a second aspect, the present application provides a display adaptation apparatus applied to a flat screen display device, where the flat screen display device is provided with a visual window, and at least one first application is provided in the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule; the device comprises:
the generation module is used for blackening the visual window in response to selection or touch operation for a first application and generating a first page with a preset vertical screen layout;
the creation module is used for embedding the display content of the first application into the first page;
the searching module is used for searching a target adjustment rule corresponding to the first application;
and the adjusting module is used for adjusting the specification of the first page according to the target adjusting rule to obtain a target display page.
In a third aspect, the present application provides an electronic device comprising a memory for storing a computer program and a processor that runs the computer program to cause the electronic device to perform the above-described method.
In a fourth aspect, the present application provides a readable storage medium having stored therein computer program instructions which, when read and executed by a processor, perform the method described above.
The embodiment of the invention has the following beneficial effects: the application provides a display adaptation method, a device, electronic equipment and a storage medium, wherein the method is applied to a transverse screen display device, the transverse screen display device is provided with a visual window, and at least one first application is provided in the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule; the method comprises the following steps: in response to selection or touch operation for a first application, black the visual window and generating a first page with a preset vertical screen layout; embedding display content of the first application in the first page; searching a target adjustment rule corresponding to the first application; and adjusting the specification of the first page according to the target adjustment rule to obtain a target display page.
The method provided by the application is applied to the horizontal screen equipment, after the first application is selected or touched in the application process of the horizontal screen equipment, the visual window is firstly blacked out, and then the generated first page with the preset vertical screen layout is adjusted by determining the target adjustment rule corresponding to the first application, so that the target display page is obtained. Therefore, when partial application only supports vertical screen display and can not automatically rotate along with the system or partial application does not make horizontal screen adaptation, the content is displayed in a horizontal screen and vertical display mode, and different target adjustment rules are used for configuring proper adjustment for different applications, so that the display adaptation degree is improved, and the user experience is improved.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
In order to make the above objects, features and advantages of the present invention more comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the embodiments of the invention or the technical solutions in the prior art, the drawings that are needed in the description of the embodiments or the prior art will be briefly described, it being obvious that the drawings in the description below are some embodiments of the invention and that other drawings may be obtained from these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a display adaptation method according to an embodiment of the present invention;
fig. 2 is a block diagram of a display adapter according to an embodiment of the present invention;
fig. 3 is a schematic structural diagram of an electronic device according to an embodiment of the present invention;
fig. 4 is a display example in the display adaptation method provided by the embodiment of the invention.
Reference numerals:
the system comprises a 10-generation module, a 20-creation module, a 30-search module, a 40-adjustment module, a 50-transverse screen display device, a 60-first newly added display area, a 70-second newly added display area and a 80-third newly added display area;
130-processor, 131-memory, 132-bus, 133-communication interface.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is apparent that the described embodiments are some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
In order to facilitate understanding of the present embodiment, the application scenario and the design concept of the embodiment of the present application are briefly described below.
With the development of intelligent technology, more and more users select to use terminals such as mobile phones and tablet computers to read, browse web pages, watch videos, play games and the like; in order to enable a user to have better experience, the terminal can be switched between a horizontal screen mode and a vertical screen mode according to the position state of the terminal in the using process.
However, during the application process of the flat screen display device, the related art has the following technical drawbacks:
partial applications only support vertical screen display, and cannot automatically rotate along with the system, so that a user faces inconvenience when using a horizontal screen;
and part of applications are not subjected to horizontal screen adaptation, and when the horizontal screen display is forced, the interface layout of the applications can be disordered, so that the user experience is poor. Meanwhile, the reduction of visual contents in the horizontal screen mode also limits the selection of a proper display mode in the use scene by the user.
According to the display adaptation method, the device, the electronic equipment and the storage medium, when partial applications only support vertical screen display and cannot automatically follow system rotation or partial applications do not do horizontal screen adaptation, content is displayed in a horizontal screen and vertical display mode, and appropriate adjustment is configured for different applications through different target adjustment rules, so that display adaptation degree is improved, and user experience is improved.
Example 1
The application provides a display adaptation method which is applied to a transverse screen display device, wherein the transverse screen display device is provided with a visual window, and at least one first application is provided in the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule;
referring to fig. 1, the method specifically includes:
s110, in response to selection or touch operation for the first application, the visual window is blacked out, and a first page with a preset vertical screen layout is generated.
S120, embedding the display content of the first application into the first page.
S130, searching a target adjustment rule corresponding to the first application.
And S140, adjusting the specification of the first page according to the target adjustment rule to obtain a target display page.
The method provided by the application is applied to the horizontal screen equipment, after the first application is selected or touched in the application process of the horizontal screen equipment, the visual window is firstly blacked out, and then the generated first page with the preset vertical screen layout is adjusted by determining the target adjustment rule corresponding to the first application, so that the target display page is obtained. When partial applications only support vertical screen display and cannot automatically follow system rotation or partial applications do not do horizontal screen adaptation, content is displayed in a horizontal screen and vertical display mode, and different target adjustment rules are used for configuring proper adjustment for different applications, so that display adaptation degree is improved, and user experience is improved.
Specifically, in step S110, after a user selects or touches a certain first application, the visual window of the horizontal screen device is first blacked out, and a first page with a preset vertical screen layout is generated, so that the vertical screen layout is still applied to the horizontal screen device, on one hand, the difficulty between page conversions can be reduced, on the other hand, the user operation habit is adapted, and the user experience is improved.
The target adjustment rule in step S130 includes: a first adjustment rule.
In combination with the first aspect, step S140 adjusts the specification of the first page according to the target adjustment rule, to obtain the target display page, which specifically includes:
s141, determining that the height value of the visual window is the target height value of the first page according to the first adjustment rule.
And S142, adjusting the height of the first page to be equal to the target height value based on the target height value to obtain a target display page.
And S143, the target display page is centrally displayed in the visual window after being paved.
In this embodiment, after the user selects or touches the first application in step S110, the visual window is blacked out to generate a new first page, and in step S120, the display content corresponding to the first application is embedded in the first page, then step S140 adjusts the height of the first page according to the first adjustment rule, so that the height of the first page is equal to the height value of the visual window, and then the target display page is centrally displayed in the blacked visual window.
Thus, the height of the first page is consistent with the height of the visual window, and the width is smaller than the width of the visual window. The first page is visually in the middle of the black visual window, and black edges are reserved on two sides of the width direction of the first page so as to distinguish the first page from the original visual window (in actual use, the visual window corresponds to the desktop of the horizontal screen display device).
In combination with the first aspect, a plurality of newly added display areas are preset in the visual window along the first to second directions, and each newly added display area corresponds to one newly added page and is used for displaying the content of the newly added page; the target display page provides one or more first sub-applications;
after the step of displaying the target display page centrally in the visual window after the blackout, step S143 further includes:
s144, responding to the selection or touch operation aiming at the first sub-application, moving the target display page to a first newly-increased display area in the first direction, and generating a second display page with a preset vertical screen layout in a second newly-increased display area.
S145, embedding the display content corresponding to the first sub-application into a second display page;
and S146, adjusting the height of the second display page to be equal to the target height value to obtain the second page.
In this embodiment, after the first application is opened, the selection or touch operation is performed again on the display content corresponding to the first application displayed on the first page by the user, so as to open the first sub-application in the first application. At this time, the first page is moved to the set position, and a second display page with a preset vertical screen layout is generated in the second newly added display area in the same manner as in step S110.
And then, the display content corresponding to the selected first sub-application is embedded in the second display page, and the height of the second display page is adjusted to be equal to the target height value.
The number of newly added pages may be preset, may be modified according to the usage habit, and is not limited herein. It should be noted that, only when the new page is first added, i.e. when the first application in the visual window is selected or touched in step S110, the new page (i.e. the first page) is centrally displayed. When the page is newly added for the second time or the nth time, the first page is moved to the first newly added display area, the newly added pages with corresponding times are sequentially generated in the previous n-1 newly added display areas, and the newly added pages with the nth time are generated in the nth newly added display area.
Meanwhile, in this embodiment, the height of the newly generated newly added page is identical to the height of the visual window, and the sum of the widths of the n newly added pages is smaller than or equal to the width of the visual window. Then, as the number of newly added pages increases, the width of the newly added pages decreases. In this embodiment, the number of newly added display areas is set to 3, and the width of each newly added page is one third of the width of the visible window. Therefore, by setting the proper width, the problem that the width of the newly added page is too small and reading is inconvenient is avoided. The setting can be changed by oneself in the practical application process. Referring to fig. 4, in the horizontal screen display device 50, the number of newly added display areas is 3, and when the number of newly added pages is 2 or 3, a first newly added page (i.e., a first page) is displayed on the first newly added display area 60, and a second newly added page (i.e., a second page) is displayed on the second newly added display area 70. When the number of the added pages is 3, a first added page (i.e., a first page) is displayed on the first added display area 60, a second added page (i.e., a second page) is displayed on the second added display area 70, and a third added page (i.e., a second page) is displayed on the third added display area 80.
With reference to the first aspect, the method further includes:
s210, judging whether the number of the newly added pages is larger than the number of the newly added display areas.
If not, go to step S220.
S220, generating a current display page with a preset vertical screen layout in the current newly added display area.
And S230, adjusting the height of the current display page to be equal to the target height value to obtain the current newly added page.
If yes, go to step S240.
S240, calculating the difference between the number of the newly added pages and the number of the newly added display areas.
S250, hiding the newly added display pages with the difference values along the first direction to the second direction according to the difference values.
S260, sequentially moving the plurality of new display pages which are not hidden to a plurality of preset new display areas along the first direction to the second direction.
In this embodiment, when the number of the newly added pages is smaller than or equal to the number of the newly added display areas, generating an nth current display page with a preset vertical screen layout in the nth current newly added display area, and adjusting the height of the page to be consistent with the height of the visible window; when the number of the newly added pages is larger than the number of the newly added display areas, calculating a difference delta n=n1-n 0; where n1 represents the number of currently added pages and n0 represents the number of newly added display areas. Then hiding the front delta n new added pages, and sequentially moving the plurality of new added display pages which are not hidden along the first direction to the second direction so as to fill the whole new added display area.
For example, the number of newly added display areas is preset to be 3, and 4 newly added display pages are available, and at this time, the difference Δn=1 is calculated. Hiding a first newly-added display page, namely the first page, and sequentially moving the newly-added display pages which are not hidden, so that a second newly-added display page is moved to a first newly-added display area, a third newly-added display page is moved to a second newly-added display area, and a fourth newly-added display page is moved to a third newly-added display area.
With reference to the first aspect, the method further includes:
and deleting the current newly added page and all newly added pages after the current newly added page in response to the touch operation for the designated key.
That is, when the designation key is touched on the nth new page, all the new pages after the nth page and the nth page are deleted, for example, 5 new pages are added in total, and when the designation key is touched on the 3 rd new page, the 3 rd, 4 th and 5 th new pages are deleted.
The specific key may be preset, and may be changed according to different usage habits, for example, using a specific key such as F3, back, and so on, and in this embodiment, the specific key is a "Back" key.
It should be noted that when n=1, the designated key is touched on the first page, all newly added display pages opened are deleted, the black page above the visual window is canceled, and the original interface of the visual window is returned. I.e. back to the display desktop of the flat screen display device.
Example 2
The target adjustment rule in this implementation includes a second adjustment rule; the target display page is provided with a display control;
step S140 adjusts the specification of the first page according to the target adjustment rule to obtain the target display page, and specifically includes:
s1401, determining, according to the second adjustment rule, the width value of the visual window as the target width value.
S1402, based on the target width value, adjusting the width of the target display page to be equal to the target width value so that the two side edges of the target display page coincide with the two side edges of the visual window.
S1403, tiling the target display page on the visual window after the tiling.
S1404, adjusting display content of the target display page in response to a drag operation of the display control for the target display page.
In this embodiment, the second adjustment rule is used to adjust the width of the target display page to be consistent with the width of the visual window. The height of the target display page can be set and adjusted according to the actual needs of the user, and can be larger than the height of the visual window, at the moment, the part exceeding the height of the visual window is not displayed temporarily, and the display content of the target display page is adjusted by dragging the display control. The process is similar to the process of looking at complete news and pictures by sliding up and down when looking at longer news and pictures by electronic devices for daily use. As another implementation way, the height of the target display page is equal to the height of the visual window, and at this time, the content with long space needs to be compressed, and adjustment can be realized by means of compressing fonts, spacing and the like; as another implementation manner, the height of the target display page is smaller than that of the visual window, at this time, the content with long space may need to be compressed, adjustment may be achieved by compressing fonts, spacing and the like, and display content may also be adjusted by dragging the display control.
Example 3
In a second aspect, the present application provides a display adaptation apparatus applied to a flat screen display device, the flat screen display device being provided with a visual window, at least one first application being provided within the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule; as shown in connection with fig. 2, the device comprises: the system comprises a generation module 10, a creation module 20, a search module 30 and an adjustment module 40.
The generating module 10 is configured to black the visual window in response to a selection or touch operation for the first application, and generate a first page with a preset vertical layout.
The creation module 20 is configured to embed the display content of the first application in the first page.
The searching module 30 is configured to search for a target adjustment rule corresponding to the first application.
The adjustment module 40 is configured to adjust the specification of the first page according to the target adjustment rule, so as to obtain a target display page.
In a third aspect, an embodiment of the present application provides an electronic device, as shown in fig. 3, where the electronic device includes a memory 131 and a processor 130, where the memory 131 is configured to store a computer program, and the processor 130 runs the computer program to cause the electronic device to execute the above method.
Further, the electronic device shown in connection with fig. 3 further comprises a bus 132 and a communication interface 133, and the processor 130, the communication interface 133 and the memory 131 are connected by the bus 132.
The memory 131 may include a high-speed random access memory (RAM, random Access Memory), and may further include a non-volatile memory (non-volatile memory), such as at least one magnetic disk memory. The communication connection between the system network element and at least one other network element is implemented via at least one communication interface 133 (which may be wired or wireless), and may use the internet, a wide area network, a local network, a metropolitan area network, etc. Bus 132 may be an ISA bus, a PCI bus, an EISA bus, or the like. The buses may be divided into address buses, data buses, control buses, etc. For ease of illustration, only one bi-directional arrow is shown in FIG. 3, but not only one bus or type of bus.
The processor 130 may be an integrated circuit chip with signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuitry in hardware or instructions in software in processor 130. The processor 130 may be a general-purpose processor, including a central processing unit (Central Processing Unit, CPU for short), a network processor (Network Processor, NP for short), etc.; but may also be a digital signal processor (Digital Signal Processing, DSP for short), application specific integrated circuit (Application Specific Integrated Circuit, ASIC for short), off-the-shelf programmable gate array (Field-Programmable Gate Array, FPGA for short), or other programmable logic device, discrete gate or transistor logic device, discrete hardware components. The disclosed methods, steps, and logic blocks in the embodiments of the present invention may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of the method disclosed in connection with the embodiments of the present invention may be embodied directly in the execution of a hardware decoding processor, or in the execution of a combination of hardware and software modules in a decoding processor. The software modules may be located in a random access memory, flash memory, read only memory, programmable read only memory, or electrically erasable programmable memory, registers, etc. as well known in the art. The storage medium is located in the memory 131, and the processor 130 reads the information in the memory 131, and in combination with its hardware, performs the steps of the method of the foregoing embodiment.
In a fourth aspect, embodiments of the present application provide a readable storage medium having stored therein computer program instructions that, when read and executed by a processor, perform the method described above.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described system and apparatus may refer to corresponding procedures in the foregoing method embodiments, which are not described herein again.
In addition, in the description of embodiments of the present invention, unless explicitly stated and limited otherwise, the terms "mounted," "connected," and "connected" are to be construed broadly, and may be, for example, fixedly connected, detachably connected, or integrally connected; can be mechanically or electrically connected; can be directly connected or indirectly connected through an intermediate medium, and can be communication between two elements. The specific meaning of the above terms in the present invention will be understood by those skilled in the art in specific cases.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In the description of the present invention, it should be noted that the directions or positional relationships indicated by the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc. are based on the directions or positional relationships shown in the drawings, are merely for convenience of describing the present invention and simplifying the description, and do not indicate or imply that the devices or elements referred to must have a specific orientation, be configured and operated in a specific orientation, and thus should not be construed as limiting the present invention. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance.
Finally, it should be noted that: the above examples are only specific embodiments of the present invention for illustrating the technical solution of the present invention, but not for limiting the scope of the present invention, and although the present invention has been described in detail with reference to the foregoing examples, it will be understood by those skilled in the art that the present invention is not limited thereto: any person skilled in the art may modify or easily conceive of the technical solution described in the foregoing embodiments, or perform equivalent substitution of some of the technical features, while remaining within the technical scope of the present disclosure; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention, and are intended to be included in the scope of the present invention. Therefore, the protection scope of the invention is subject to the protection scope of the claims.
Claims (8)
1. A display adaptation method, characterized by being applied to a flat screen display device, the flat screen display device being provided with a visual window, at least one first application being provided in the visual window; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule; a plurality of newly added display areas are preset in the visual window along the first direction to the second direction, and each newly added display area corresponds to one newly added page and is used for displaying the content of the newly added page;
the method comprises the following steps:
in response to selection or touch operation for a first application, black the visual window and generating a first page with a preset vertical screen layout;
embedding display content of the first application in the first page;
searching a target adjustment rule corresponding to the first application; the target adjustment rule includes: a first adjustment rule;
according to the target adjustment rule, determining that the height value of the visual window is the target height value of the first page;
based on the target height value, adjusting the height of the first page to be equal to the target height value to obtain a target display page; the target display page provides one or more first sub-applications;
the target display page is centrally displayed in the visual window after being blacked out;
responding to selection or touch operation for the first sub-application, moving the target display page to a first newly-increased display area in a first direction, and generating a second display page with a preset vertical screen layout in a second newly-increased display area;
embedding display content corresponding to the first sub-application into the second display page;
and adjusting the height of the second display page to be equal to the target height value to obtain a second page.
2. The method according to claim 1, wherein the method further comprises:
judging whether the number of the newly added pages is larger than the number of the newly added display areas or not;
if not, generating a current display page with a preset vertical screen layout in the current newly added display area;
and adjusting the height of the current displayed page to be equal to the target height value to obtain a current newly added page.
3. The method of claim 2, wherein after the step of determining whether the number of newly added pages is greater than the number of newly added display areas, further comprising:
if yes, calculating the difference value between the number of the newly added pages and the number of the newly added display areas;
hiding the newly added display pages with the difference values along the first direction to the second direction according to the difference values;
and sequentially moving the plurality of new display pages which are not hidden to a plurality of preset new display areas along the first direction to the second direction.
4. The method according to claim 1, wherein the method further comprises:
and deleting the current newly added page and all newly added pages after the current newly added page in response to touch operation for a designated key.
5. The method of claim 1, wherein the target adjustment rule comprises a second adjustment rule; the target display page is provided with a display control;
according to the target adjustment rule, adjusting the specification of the first page to obtain a target display page, including:
according to the second adjustment rule, determining the width value of the visual window as a target width value;
based on the target width value, adjusting the width of the target display page to be equal to the target width value so that two side edges of the target display page coincide with two side edges of the visual window;
tiling the target display page on the visual window after the tiling;
and responding to the dragging operation of the display control of the target display page, and adjusting the display content of the target display page.
6. A display adaptation device, characterized by being applied to a flat screen display device provided with a visual window, in which at least one first application is provided; the transverse screen display device also provides a mapping relation between each first application and the adjustment rule; a plurality of newly added display areas are preset in the visual window along the first direction to the second direction, and each newly added display area corresponds to one newly added page and is used for displaying the content of the newly added page;
the device comprises:
the generation module is used for blackening the visual window in response to selection or touch operation for a first application and generating a first page with a preset vertical screen layout;
the creation module is used for embedding the display content of the first application into the first page;
the searching module is used for searching a target adjustment rule corresponding to the first application; the target adjustment rule includes: a first adjustment rule;
the adjusting module is used for determining that the height value of the visual window is the target height value of the first page according to the target adjusting rule; based on the target height value, adjusting the height of the first page to be equal to the target height value to obtain a target display page; the target display page provides one or more first sub-applications; the target display page is centrally displayed in the visual window after being blacked out; responding to selection or touch operation for the first sub-application, moving the target display page to a first newly-increased display area in a first direction, and generating a second display page with a preset vertical screen layout in a second newly-increased display area; embedding display content corresponding to the first sub-application into the second display page; and adjusting the height of the second display page to be equal to the target height value to obtain a second page.
7. An electronic device comprising a memory for storing a computer program and a processor that runs the computer program to cause the electronic device to perform the method of any one of claims 1 to 5.
8. A storage medium having stored therein computer program instructions which, when read and executed by a processor, perform the method of any of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311352802.4A CN117111813B (en) | 2023-10-19 | 2023-10-19 | Display adaptation method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311352802.4A CN117111813B (en) | 2023-10-19 | 2023-10-19 | Display adaptation method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117111813A CN117111813A (en) | 2023-11-24 |
| CN117111813B true CN117111813B (en) | 2024-02-20 |
Family
ID=88805797
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311352802.4A Active CN117111813B (en) | 2023-10-19 | 2023-10-19 | Display adaptation method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117111813B (en) |
Citations (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107256142A (en) * | 2017-04-21 | 2017-10-17 | 腾讯科技（深圳）有限公司 | Method and terminal that a kind of page is shown |
| CN110324489A (en) * | 2015-12-24 | 2019-10-11 | 华为技术有限公司 | A kind of mobile terminal shows the method and mobile terminal of multiple application widgets |
| CN110347317A (en) * | 2019-06-11 | 2019-10-18 | 广州视源电子科技股份有限公司 | Window switching method and device, storage medium and interactive intelligent panel |
| CN110427150A (en) * | 2019-08-08 | 2019-11-08 | 北京字节跳动网络技术有限公司 | Display methods, device, electronic equipment and the computer-readable medium of application program |
| CN111338533A (en) * | 2020-02-28 | 2020-06-26 | 维沃移动通信有限公司 | Application program starting method and electronic equipment |
| CN111694533A (en) * | 2020-06-12 | 2020-09-22 | 深圳新智联软件有限公司 | Screen projection display method and device applied to horizontal and vertical screens, computer equipment and storage medium |
| CN112114912A (en) * | 2019-06-19 | 2020-12-22 | 华为技术有限公司 | User interface layout method and electronic equipment |
| JP2021002363A (en) * | 2020-09-02 | 2021-01-07 | 華為技術有限公司Ｈｕａｗｅｉ Ｔｅｃｈｎｏｌｏｇｉｅｓ Ｃｏ．，Ｌｔｄ． | Method for displaying multiple application windows by mobile terminal and mobile terminal |
| CN112486380A (en) * | 2020-11-13 | 2021-03-12 | 北京安博盛赢教育科技有限责任公司 | Display interface processing method, device, medium and electronic equipment |
| CN113220399A (en) * | 2021-05-17 | 2021-08-06 | 百度在线网络技术（北京）有限公司 | Interface display method and device, intelligent screen equipment and storage medium |
| CN114397978A (en) * | 2018-11-26 | 2022-04-26 | 华为技术有限公司 | Application display method and electronic equipment |
| CN114564263A (en) * | 2022-02-18 | 2022-05-31 | 维沃移动通信有限公司 | Page layout adjusting method and device |
| CN114816602A (en) * | 2021-01-27 | 2022-07-29 | 华为技术有限公司 | Application display method, device, chip system, medium and program product |
| CN114880606A (en) * | 2022-06-01 | 2022-08-09 | 北京字跳网络技术有限公司 | Page display method, device, equipment, medium and program product |
| CN115080140A (en) * | 2022-04-26 | 2022-09-20 | 网易（杭州）网络有限公司 | Display control method and device and electronic equipment |
| CN115237522A (en) * | 2022-07-22 | 2022-10-25 | 上海哔哩哔哩科技有限公司 | Page self-adaptive display method and device |
| CN115480849A (en) * | 2021-05-27 | 2022-12-16 | 华为技术有限公司 | User interface layout method and related equipment |
| CN115686407A (en) * | 2022-06-30 | 2023-02-03 | 荣耀终端有限公司 | Display method and electronic equipment |
| WO2023029171A1 (en) * | 2021-09-06 | 2023-03-09 | 掌阅科技股份有限公司 | Page layout adaptive adjustment method, and computing device |
| CN115934230A (en) * | 2022-12-09 | 2023-04-07 | 深圳市网旭科技有限公司 | Display adaptation method and device, computer readable storage medium and electronic equipment |
| CN116263686A (en) * | 2021-12-15 | 2023-06-16 | 比亚迪股份有限公司 | Display method of terminal and display device of terminal |
| WO2023130921A1 (en) * | 2022-01-05 | 2023-07-13 | 华为技术有限公司 | Method for page layout adapted to multiple devices, and electronic device |
| CN116466849A (en) * | 2022-11-21 | 2023-07-21 | 荣耀终端有限公司 | Application interface display method, electronic device and storage medium |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8872855B2 (en) * | 2011-07-21 | 2014-10-28 | Flipboard, Inc. | Adjusting orientation of content regions in a page layout |
| CN108491127B (en) * | 2018-03-12 | 2020-02-07 | Oppo广东移动通信有限公司 | Input method interface display method, device, terminal and storage medium |
| KR20210073912A (en) * | 2019-12-11 | 2021-06-21 | 삼성전자주식회사 | Electronic device and method for configuring layout thereof |
-
2023
- 2023-10-19 CN CN202311352802.4A patent/CN117111813B/en active Active
Patent Citations (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110324489A (en) * | 2015-12-24 | 2019-10-11 | 华为技术有限公司 | A kind of mobile terminal shows the method and mobile terminal of multiple application widgets |
| CN107256142A (en) * | 2017-04-21 | 2017-10-17 | 腾讯科技（深圳）有限公司 | Method and terminal that a kind of page is shown |
| CN114397978A (en) * | 2018-11-26 | 2022-04-26 | 华为技术有限公司 | Application display method and electronic equipment |
| CN110347317A (en) * | 2019-06-11 | 2019-10-18 | 广州视源电子科技股份有限公司 | Window switching method and device, storage medium and interactive intelligent panel |
| CN112114912A (en) * | 2019-06-19 | 2020-12-22 | 华为技术有限公司 | User interface layout method and electronic equipment |
| CN110427150A (en) * | 2019-08-08 | 2019-11-08 | 北京字节跳动网络技术有限公司 | Display methods, device, electronic equipment and the computer-readable medium of application program |
| CN111338533A (en) * | 2020-02-28 | 2020-06-26 | 维沃移动通信有限公司 | Application program starting method and electronic equipment |
| CN111694533A (en) * | 2020-06-12 | 2020-09-22 | 深圳新智联软件有限公司 | Screen projection display method and device applied to horizontal and vertical screens, computer equipment and storage medium |
| JP2021002363A (en) * | 2020-09-02 | 2021-01-07 | 華為技術有限公司Ｈｕａｗｅｉ Ｔｅｃｈｎｏｌｏｇｉｅｓ Ｃｏ．，Ｌｔｄ． | Method for displaying multiple application windows by mobile terminal and mobile terminal |
| CN112486380A (en) * | 2020-11-13 | 2021-03-12 | 北京安博盛赢教育科技有限责任公司 | Display interface processing method, device, medium and electronic equipment |
| CN114816602A (en) * | 2021-01-27 | 2022-07-29 | 华为技术有限公司 | Application display method, device, chip system, medium and program product |
| CN113220399A (en) * | 2021-05-17 | 2021-08-06 | 百度在线网络技术（北京）有限公司 | Interface display method and device, intelligent screen equipment and storage medium |
| CN115480849A (en) * | 2021-05-27 | 2022-12-16 | 华为技术有限公司 | User interface layout method and related equipment |
| WO2023029171A1 (en) * | 2021-09-06 | 2023-03-09 | 掌阅科技股份有限公司 | Page layout adaptive adjustment method, and computing device |
| CN116263686A (en) * | 2021-12-15 | 2023-06-16 | 比亚迪股份有限公司 | Display method of terminal and display device of terminal |
| WO2023130921A1 (en) * | 2022-01-05 | 2023-07-13 | 华为技术有限公司 | Method for page layout adapted to multiple devices, and electronic device |
| CN114564263A (en) * | 2022-02-18 | 2022-05-31 | 维沃移动通信有限公司 | Page layout adjusting method and device |
| CN115080140A (en) * | 2022-04-26 | 2022-09-20 | 网易（杭州）网络有限公司 | Display control method and device and electronic equipment |
| CN114880606A (en) * | 2022-06-01 | 2022-08-09 | 北京字跳网络技术有限公司 | Page display method, device, equipment, medium and program product |
| CN115686407A (en) * | 2022-06-30 | 2023-02-03 | 荣耀终端有限公司 | Display method and electronic equipment |
| CN115237522A (en) * | 2022-07-22 | 2022-10-25 | 上海哔哩哔哩科技有限公司 | Page self-adaptive display method and device |
| CN116466849A (en) * | 2022-11-21 | 2023-07-21 | 荣耀终端有限公司 | Application interface display method, electronic device and storage medium |
| CN115934230A (en) * | 2022-12-09 | 2023-04-07 | 深圳市网旭科技有限公司 | Display adaptation method and device, computer readable storage medium and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117111813A (en) | 2023-11-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107463627B (en) | Picture loading method and terminal | |
| KR101541811B1 (en) | Apparatus and method for providing bookmark service in communication terminal | |
| US10228835B2 (en) | Method for displaying information, and terminal equipment | |
| JP2020504865A (en) | Application data processing method, apparatus, and storage medium | |
| CN107256259B (en) | Page display method and device, electronic equipment and storage medium | |
| CN109783757B (en) | Method, device and system for rendering webpage, storage medium and electronic device | |
| CN109842818A (en) | A kind of video broadcasting method, device, computer equipment and storage medium | |
| CN105630454A (en) | Information display method and terminal equipment | |
| CN108475182A (en) | Data processing method and electric terminal | |
| CN114489648A (en) | Page generation method, system, terminal and medium | |
| CN117111813B (en) | Display adaptation method and device, electronic equipment and storage medium | |
| CN107391148B (en) | View element saving method and device, electronic equipment and computer storage medium | |
| CN114265653A (en) | Interface display method, device, equipment, storage medium and program product | |
| CN106354275A (en) | Information input method and mobile terminal | |
| CN108376173B (en) | Display method and device of enterprise portal page and terminal equipment | |
| CN110191226A (en) | Notification message display method and device, terminal and readable storage medium | |
| CN115640782A (en) | Method, device, equipment and storage medium for document demonstration | |
| CN114742013A (en) | Online document display method and device and electronic equipment | |
| CN114995699A (en) | Interface interaction method and device | |
| CN108287680A (en) | Method for playing music, device, electronic equipment and storage medium | |
| WO2021248493A1 (en) | Message display method, mobile terminal, and computer-readable storage medium | |
| CN114518815A (en) | Method, device, equipment, medium and program product for displaying construction drawing | |
| CN106598381A (en) | Parallax error animation realization method and terminal of realizing parallax error animation | |
| CN108920233B (en) | Panoramic page skipping method and device and storage medium | |
| CN112433723A (en) | Personalized list development method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |