CN107368276B - Display control method and device - Google Patents
Display control method and device Download PDFInfo
- Publication number
- CN107368276B CN107368276B CN201710754815.2A CN201710754815A CN107368276B CN 107368276 B CN107368276 B CN 107368276B CN 201710754815 A CN201710754815 A CN 201710754815A CN 107368276 B CN107368276 B CN 107368276B
- Authority
- CN
- China
- Prior art keywords
- display
- column
- width
- attribute
- display control
- 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 19
- 230000008602 contraction Effects 0.000 claims description 13
- 230000003044 adaptive effect Effects 0.000 claims description 12
- 230000000694 effects Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
Abstract
The invention provides a display control method and a device, wherein the method comprises the following steps: setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns; and performing display control on the content of each column according to the display attribute. In the technical scheme, the display attribute of the first column in the display area is set to be self-adaptive width for display and the display attributes of the rest columns are set, so that the first column can be used for self-adaptively displaying the display contents with different widths, and the display effect is greatly enhanced.
Description
Technical Field
The invention belongs to the technical field of cloud computing, and particularly relates to a display control method and device.
Background
In the management system of the present invention, various Box models are often seen, wherein a Box Model is also called a Box Model (Box Model) and includes several elements of element content (content), inner margin (padding), border (border), and outer margin (margin). For example, the account password of the login page and its immediate input box is a classic case of using the box model.
The page layout display is controlled through a box model, and the commonly used box models are divided into the following types:
firstly, a fixed width is set in the first column, the width can accommodate the contents in each row of the following column, the width of the second column is 100%, the distance from the left side of the box is the fixed width of the upper row, and therefore the effect that the contents in the two columns occupy the whole row and do not overflow is achieved;
secondly, the first row and the second row are both provided with a fixed width, and the sum of the fixed width and the fixed width is 100 percent;
thirdly, using the flex layout of the box model, the initial width of the first column is fixed and reasonable, and is the same as the first mode, the occupied expansion ratio is 0, the occupied expansion ratio of the second column is 1, and the initial width is not set, thus, the same effect as the first mode is also realized.
However, the three methods have the following technical problems: since the first column is set to have a fixed width, when the content width of the first column changes, the setting of the fixed width may cause content overflow or line feed, which greatly affects the display effect.
Therefore, it is desirable to provide a display control scheme to solve the above technical problems.
Disclosure of Invention
The invention provides a display control method and a display control device, which are used for solving the problems.
The embodiment of the invention provides a display control method, which comprises the following steps: setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
and performing display control on the content of each column according to the display attribute.
The embodiment of the invention also provides a display control device, which comprises a processor, a display control module and a display control module, wherein the processor is suitable for realizing each instruction; a storage device adapted to store a plurality of instructions, the instructions adapted to be loaded and executed by the processor;
setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
and performing display control on the content of each column according to the display attribute.
The technical scheme provided by the embodiment of the invention is as follows: setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns; and performing display control on the content of each column according to the display attribute.
In the technical scheme, the display attribute of the first column in the display area is set to be self-adaptive width for display and the display attributes of the rest columns are set, so that the first column can be used for self-adaptively displaying the display contents with different widths, and the display effect is greatly enhanced.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:
FIG. 1 is a flowchart of a display control method according to embodiment 1 of the present invention;
fig. 2 is a structural diagram of a display control apparatus according to embodiment 2 of the present invention.
Detailed Description
The invention will be described in detail hereinafter with reference to the accompanying drawings in conjunction with embodiments. It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict.
Fig. 1 is a flowchart of a display control method according to embodiment 1 of the present invention, including the following steps:
step 101: setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
further, the display area is a box area.
Preferably, the display properties include an adaptive width display or self-adaptive display, a fixed width display or fixed display, and a place-occupying width display or placeholder display.
For fixed width display, if the fixed width is not set, the fixed value is invalid and set as a default value.
Step 102: and performing display control on the content of each column according to the display attribute.
Further, if the display attribute of the column is adaptive width display and the maximum display width is set, the content displayed by the column is less than or equal to the maximum display width.
Further, if the display attribute of the column is adaptive width display and a display minimum width is set, the content displayed by the column is greater than or equal to the display minimum width.
Further, if the display attribute of the column is fixed width display, displaying the content in the column according to the fixed width.
Further, if the display attribute of the column is occupied width display, displaying the content in the target column according to the occupied width; wherein one column is selected as the target column.
Preferably, the footprint width is a box area width minus a remaining column width, wherein the remaining column refers to a remaining column outside the target column.
Specifically, the method comprises the following steps:
and if more than one column is set as the placeholder, the last set placeholder is defaulted to be the finally set value.
Further, if the sum of the widths of all the columns of the box area is greater than the total width of the box area, all the columns are shrunk according to a preset proportion.
Further, if the sum of the widths of all the columns of the box area is greater than the total width of the box area, performing contraction processing on each column according to the contraction proportion corresponding to each column.
Specifically, the method comprises the following steps:
if the sum of the widths of all the columns of the box area is larger than the total width of the box area, defaulting that all the columns shrink according to a preset proportion; if the contraction is not wanted to be carried out according to the preset proportion, the contraction proportion fluid-shock for each column is set, and the contraction treatment is carried out on each column.
Fig. 2 is a structural diagram of a display control apparatus according to embodiment 2 of the present invention, including a processor adapted to implement instructions; a storage device adapted to store a plurality of instructions, the instructions adapted to be loaded and executed by the processor;
setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
and performing display control on the content of each column according to the display attribute.
Further, the display area is a box area.
Preferably, the display properties include an adaptive width display or self-adaptive display, a fixed width display or fixed display, and a place-occupying width display or placeholder display.
For fixed width display, if the fixed width is not set, the fixed value is invalid and set as a default value.
Further, if the display attribute of the column is adaptive width display and the maximum display width is set, the content displayed by the column is less than or equal to the maximum display width.
Further, if the display attribute of the column is adaptive width display and a display minimum width is set, the content displayed by the column is greater than or equal to the display minimum width.
Further, if the display attribute of the column is fixed width display, displaying the content in the column according to the fixed width.
Further, if the display attribute of the column is occupied width display, displaying the content in the target column according to the occupied width; wherein one column is selected as the target column.
Preferably, the footprint width is a box area width minus a remaining column width, wherein the remaining column refers to a remaining column outside the target column.
Further, if the sum of the widths of all the columns of the box area is greater than the total width of the box area, all the columns are shrunk according to a preset proportion.
Further, if the sum of the widths of all the columns of the box area is greater than the total width of the box area, performing contraction processing on each column according to the contraction proportion corresponding to each column.
The technical scheme provided by the embodiment of the invention is as follows: setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns; and performing display control on the content of each column according to the display attribute.
In the technical scheme, the display attribute of the first column in the display area is set to be self-adaptive width for display and the display attributes of the rest columns are set, so that the first column can be used for self-adaptively displaying the display contents with different widths, and the display effect is greatly enhanced.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (14)
1. A display control method, characterized by comprising the steps of:
setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
performing display control on the content of each column according to the display attribute,
the display area is a box area,
setting a contraction proportion aiming at each column, and if the sum of the widths of all the columns of the box area is greater than the total width of the box area, performing contraction treatment on each column according to the corresponding contraction proportion of each column.
2. The display control method according to claim 1, wherein the display properties include an adaptive width display, a fixed width display, and a footprint width display.
3. The display control method according to claim 2, wherein if the display attribute of a column is an adaptive width display and a display maximum width is set, the content of the column display is less than or equal to the display maximum width.
4. The display control method according to claim 2, wherein if the display attribute of a column is an adaptive width display and a display minimum width is set, the content of the column display is greater than or equal to the display minimum width.
5. The display control method according to claim 2, wherein if the display attribute of a column is a fixed-width display, the contents in the column are displayed in accordance with the fixed width.
6. The display control method according to claim 2, wherein if the display attribute of the column is the display of the space occupying width, the content in the target column is displayed according to the space occupying width; wherein one column is selected as the target column.
7. The display control method according to claim 6, wherein the footprint width is a box area width minus a remaining column width, wherein the remaining column is the remaining column outside the target column.
8. A display control apparatus comprising a processor adapted to implement instructions; a storage device adapted to store a plurality of instructions, the instructions adapted to be loaded and executed by the processor;
setting the display attribute of the first column in the display area to be self-adaptive width display and setting the display attributes of the rest columns;
performing display control on the content of each column according to the display attribute,
the display area is a box area,
setting a contraction proportion aiming at each column, and if the sum of the widths of all the columns of the box area is greater than the total width of the box area, performing contraction treatment on each column according to the corresponding contraction proportion of each column.
9. The display control apparatus according to claim 8, wherein the display properties include an adaptive width display, a fixed width display, and a footprint width display.
10. The apparatus according to claim 9, wherein if the display attribute of the column is an adaptive width display and a display maximum width is set, the content of the column display is less than or equal to the display maximum width.
11. The apparatus according to claim 9, wherein if the display attribute of the column is an adaptive width display and a display minimum width is set, the content of the column display is greater than or equal to the display minimum width.
12. The display control apparatus according to claim 9, wherein if the display attribute of a column is a fixed width display, the contents in the column are displayed in accordance with the fixed width.
13. The display control device according to claim 9, wherein if the display attribute of a column is a display of a space occupying width, the content in the target column is displayed according to the space occupying width; wherein one column is selected as the target column.
14. The display control device of claim 13, wherein the footprint width is a box area width minus a remaining column width, wherein the remaining column is the remaining column outside the target column.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710754815.2A CN107368276B (en) | 2017-08-28 | 2017-08-28 | Display control method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710754815.2A CN107368276B (en) | 2017-08-28 | 2017-08-28 | Display control method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107368276A CN107368276A (en) | 2017-11-21 |
| CN107368276B true CN107368276B (en) | 2020-09-08 |
Family
ID=60312383
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710754815.2A Active CN107368276B (en) | 2017-08-28 | 2017-08-28 | Display control method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107368276B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101315641A (en) * | 2008-07-15 | 2008-12-03 | 四川长虹电器股份有限公司 | Table layout method of built-in browser |
| CN102012787A (en) * | 2010-11-19 | 2011-04-13 | 互动在线（北京）科技有限公司 | Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet |
| CN202904493U (en) * | 2012-10-16 | 2013-04-24 | 刘建华 | Mouse capable of winding automatically |
| CN106708958A (en) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | Typesetting structure display method and device for rendering engine |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103885682A (en) * | 2012-12-21 | 2014-06-25 | 阿里巴巴集团控股有限公司 | List displaying method and list displaying device |
| CN103353889A (en) * | 2013-07-03 | 2013-10-16 | 大连亿联科技股份有限公司 | FEEB double-array gridding system |
| CN104516867A (en) * | 2013-09-30 | 2015-04-15 | 北大方正集团有限公司 | Table reordering method and table reordering system |
| CN104794116B (en) * | 2014-01-16 | 2019-03-19 | 阿里巴巴集团控股有限公司 | The layout method and device of element in a kind of page |
| CN104346172B (en) * | 2014-10-31 | 2017-08-01 | 湖南亚信软件有限公司 | A kind of irregular DIV Dynamic Distributions method |
-
2017
- 2017-08-28 CN CN201710754815.2A patent/CN107368276B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101315641A (en) * | 2008-07-15 | 2008-12-03 | 四川长虹电器股份有限公司 | Table layout method of built-in browser |
| CN102012787A (en) * | 2010-11-19 | 2011-04-13 | 互动在线（北京）科技有限公司 | Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet |
| CN202904493U (en) * | 2012-10-16 | 2013-04-24 | 刘建华 | Mouse capable of winding automatically |
| CN106708958A (en) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | Typesetting structure display method and device for rendering engine |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107368276A (en) | 2017-11-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20190164037A1 (en) | Apparatus for processing convolutional neural network using systolic array and method thereof | |
| CN108804483B (en) | Rendering method of cell page, server and computer-readable storage medium | |
| US20180300422A1 (en) | Staticized-Page Processing Method and Apparatus | |
| US5588099A (en) | Method and system for automatically resizing tables | |
| US9041742B2 (en) | Displaying an image based on layers of a layer tree | |
| US11645357B2 (en) | Convolution operation method and apparatus, computer device, and computer-readable storage medium | |
| CN103150302A (en) | Type setting method and device | |
| CN102346619A (en) | Network television for user to customize user interface (UI) and customization method for network television | |
| CN104598185A (en) | Character font correction method and system | |
| CN106168959B (en) | Webpage layout method and device | |
| CN107766528B (en) | Data loading method and terminal for waterfall flow page and computer readable storage medium | |
| EP2843626A2 (en) | Image rendering method using layers | |
| CN106204439A (en) | The method and system of picture self-adaptive processing | |
| CN107368276B (en) | Display control method and device | |
| CN110020291B (en) | Webpage layout processing method and device | |
| CN107562455B (en) | A kind of HTML list self-adaptive layout method and device | |
| US20130283152A1 (en) | Arranging text into columns | |
| US20140289615A1 (en) | Method and device for typesetting | |
| CN105204883B (en) | A kind of plug-in unit loading processing method and device | |
| CN107977923B (en) | Image processing method, image processing device, electronic equipment and computer readable storage medium | |
| CN113867862B (en) | List page layout method and computing device | |
| CN109213548B (en) | Method and device for controlling progress bar | |
| CN103309878A (en) | Method and device used for layout in webpage displaying | |
| CN104572604B (en) | Word subfield processing method and processing device | |
| CN107590240B (en) | Method and device for adjusting size of characters for page rendering |
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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200722 Address after: 215100 No. 1 Guanpu Road, Guoxiang Street, Wuzhong Economic Development Zone, Suzhou City, Jiangsu Province Applicant after: SUZHOU LANGCHAO INTELLIGENT TECHNOLOGY Co.,Ltd. Address before: 450018 Henan province Zheng Dong New District of Zhengzhou City Xinyi Road No. 278 16 floor room 1601 Applicant before: ZHENGZHOU YUNHAI INFORMATION TECHNOLOGY Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |