CN107368276A - 一种显示控制方法及装置 - Google Patents
一种显示控制方法及装置 Download PDFInfo
- Publication number
- CN107368276A CN107368276A CN201710754815.2A CN201710754815A CN107368276A CN 107368276 A CN107368276 A CN 107368276A CN 201710754815 A CN201710754815 A CN 201710754815A CN 107368276 A CN107368276 A CN 107368276A
- Authority
- CN
- China
- Prior art keywords
- row
- width
- display
- display control
- content
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 230000003044 adaptive effect Effects 0.000 claims abstract description 24
- 238000000151 deposition Methods 0.000 claims 1
- 230000000694 effects Effects 0.000 abstract description 7
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 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/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)
- Digital Computer Display Output (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供一种显示控制方法及装置,上述方法包括以下步骤:将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;根据所述显示属性,对每一列的内容进行显示控制。上述技术方案中,通过将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性,使得第一列对不同宽度的显示内容进行自适应显示,大大增强了显示效果。
Description
技术领域
本发明属于云计算技术领域,尤其涉及一种显示控制方法及装置。
背景技术
在现在的管理***中,经常看到各式各样的盒子模型,其中,盒子模型又称为框模型(Box Model),包括了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。例如,登录页面的账号密码及其紧接着的输入框就是一种使用盒子模型的经典案例。
通过盒子模型,对页面布局显示进行控制,常用的盒子模型分为以下几种:
第一,第一列设置一个固定宽度,而这个宽度要可以容纳下此列每一行的内容,第二列宽度100%,与盒子左侧的距离为上面的固定宽度,这样,就实现了两列内容占满全行不溢出的效果;
第二,第一列、第二列都设置一个固定宽度,各自所占不同的比例,和为100%;
第三,使用盒子模型的flex布局,第一列初始宽度固定并合理,与第一种方式相同,所占扩展比例为0,第二列所占扩展比例为1,初始宽度不设置,这样,也实现了与第一种相同的效果。
但是,上述三种方式存在以下技术问题:由于第一列设置一个固定宽度,当第一列的内容宽度发生变化时,固定宽度的设置会导致内容溢出或换行,这大大影响显示效果。
因此,迫切需要提供一种显示控制方案来解决上述技术问题。
发明内容
本发明提供一种显示控制方法及装置,以解决上述问题。
本发明实施例提供一种显示控制方法,包括以下步骤:将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
根据所述显示属性,对每一列的内容进行显示控制。
本发明实施例还提供一种显示控制装置,包括处理器,适于实现各指令;存储设备,适于存储多条指令,所述指令适于由所述处理器加载并执行;
将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
根据所述显示属性,对每一列的内容进行显示控制。
本发明实施例提供的技术方案:将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;根据所述显示属性,对每一列的内容进行显示控制。
上述技术方案中,通过将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性,使得第一列对不同宽度的显示内容进行自适应显示,大大增强了显示效果。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1所示为本发明实施例1的显示控制方法流程图;
图2所示为本发明实施例2的显示控制装置结构图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
图1所示为本发明实施例1的显示控制方法流程图,包括以下步骤:
步骤101:将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
进一步地,所述显示区域为盒子区域。
优选地,所述显示属性包括自适应宽度显示即self-adaptive显示、固定宽度显示即fixed显示、占位宽度显示即placeholder显示。
对于固定宽度显示而言,若不设置固定宽度,则fixed值失效,设为默认值。
步骤102:根据所述显示属性,对每一列的内容进行显示控制。
进一步地,若列的显示属性为自适应宽度显示,且设置了显示最大宽度,则所述列显示的内容小于或等于所述显示最大宽度。
进一步地,若列的显示属性为自适应宽度显示,且设置了显示最小宽度,则所述列显示的内容大于或等于所述显示最小宽度。
进一步地,若列的显示属性为固定宽度显示,则按照所述固定宽度对所述列中的内容进行显示。
进一步地,若列的显示属性为占位宽度显示,则按照所述占位宽度对目标列中的内容进行显示;其中,选择一列作为目标列。
优选地,所述占位宽度为盒子区域宽度减去剩余列宽度,其中,所述剩余列是指所述目标列外的其余列。
具体而言:
盒子的某一列(只支持一列)可以设置placeholder,则此列占位宽度为盒子区域宽度减去剩余列宽度,其中,所述剩余列是指所述目标列外的其余列,如果设置了多于一列为placeholder,则默认最后设置的placeholder为最终设置的值。
进一步地,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按预设比例收缩所述所有列。
进一步地,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按照每列对应的收缩比例,对每列进行收缩处理。
具体而言:
若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则默认所有列按预设比例收缩;如果不想按预设比例收缩,则再设置针对每一列的收缩比例fluid-shrink,对每列进行收缩处理。
图2所示为本发明实施例2的显示控制装置结构图,包括处理器,适于实现各指令;存储设备,适于存储多条指令,所述指令适于由所述处理器加载并执行;
将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
根据所述显示属性,对每一列的内容进行显示控制。
进一步地,所述显示区域为盒子区域。
优选地,所述显示属性包括自适应宽度显示即self-adaptive显示、固定宽度显示即fixed显示、占位宽度显示即placeholder显示。
对于固定宽度显示而言,若不设置固定宽度,则fixed值失效,设为默认值。
进一步地,若列的显示属性为自适应宽度显示,且设置了显示最大宽度,则所述列显示的内容小于或等于所述显示最大宽度。
进一步地,若列的显示属性为自适应宽度显示,且设置了显示最小宽度,则所述列显示的内容大于或等于所述显示最小宽度。
进一步地,若列的显示属性为固定宽度显示,则按照所述固定宽度对所述列中的内容进行显示。
进一步地,若列的显示属性为占位宽度显示,则按照所述占位宽度对目标列中的内容进行显示;其中,选择一列作为目标列。
优选地,所述占位宽度为盒子区域宽度减去剩余列宽度,其中,所述剩余列是指所述目标列外的其余列。
进一步地,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按预设比例收缩所述所有列。
进一步地,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按照每列对应的收缩比例,对每列进行收缩处理。
本发明实施例提供的技术方案:将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;根据所述显示属性,对每一列的内容进行显示控制。
上述技术方案中,通过将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性,使得第一列对不同宽度的显示内容进行自适应显示,大大增强了显示效果。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (20)
1.一种显示控制方法,其特征在于,包括以下步骤:
将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
根据所述显示属性,对每一列的内容进行显示控制。
2.根据权利要求1所述的显示控制方法,其特征在于,所述显示区域为盒子区域。
3.根据权利要求1或2所述的显示控制方法,其特征在于,所述显示属性包括自适应宽度显示、固定宽度显示、占位宽度显示。
4.根据权利要求3所述的显示控制方法,其特征在于,若列的显示属性为自适应宽度显示,且设置了显示最大宽度,则所述列显示的内容小于或等于所述显示最大宽度。
5.根据权利要求3所述的显示控制方法,其特征在于,若列的显示属性为自适应宽度显示,且设置了显示最小宽度,则所述列显示的内容大于或等于所述显示最小宽度。
6.根据权利要求3所述的显示控制方法,其特征在于,若列的显示属性为固定宽度显示,则按照所述固定宽度对所述列中的内容进行显示。
7.根据权利要求3所述的显示控制方法,其特征在于,若列的显示属性为占位宽度显示,则按照所述占位宽度对目标列中的内容进行显示;其中,选择一列作为目标列。
8.根据权利要求7所述的显示控制方法,其特征在于,所述占位宽度为盒子区域宽度减去剩余列宽度,其中,所述剩余列是指所述目标列外的其余列。
9.根据权利要求2所述的显示控制方法,其特征在于,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按预设比例收缩所述所有列。
10.根据权利要求2所述的显示控制方法,其特征在于,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按照每列对应的收缩比例,对每列进行收缩处理。
11.一种显示控制装置,其特征在于,包括处理器,适于实现各指令;存储设备,适于存储多条指令,所述指令适于由所述处理器加载并执行;
将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性;
根据所述显示属性,对每一列的内容进行显示控制。
12.根据权利要求11所述的显示控制装置,其特征在于,所述显示区域为盒子区域。
13.根据权利要求11或12所述的显示控制装置,其特征在于,所述显示属性包括自适应宽度显示、固定宽度显示、占位宽度显示。
14.根据权利要求13所述的显示控制方法,其特征在于,若列的显示属性为自适应宽度显示,且设置了显示最大宽度,则所述列显示的内容小于或等于所述显示最大宽度。
15.根据权利要求13所述的显示控制装置,其特征在于,若列的显示属性为自适应宽度显示,且设置了显示最小宽度,则所述列显示的内容大于或等于所述显示最小宽度。
16.根据权利要求13所述的显示控制装置,其特征在于,若列的显示属性为固定宽度显示,则按照所述固定宽度对所述列中的内容进行显示。
17.根据权利要求13所述的显示控制装置,其特征在于,若列的显示属性为占位宽度显示,则按照所述占位宽度对目标列中的内容进行显示;其中,选择一列作为目标列。
18.根据权利要求17所述的显示控制方法,其特征在于,所述占位宽度为盒子区域宽度减去剩余列宽度,其中,所述剩余列是指所述目标列外的其余列。
19.根据权利要求12所述的显示控制装置,其特征在于,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按预设比例收缩所述所有列。
20.根据权利要求12所述的显示控制装置,其特征在于,若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度,则按照每列对应的收缩比例,对每列进行收缩处理。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710754815.2A CN107368276B (zh) | 2017-08-28 | 2017-08-28 | 一种显示控制方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710754815.2A CN107368276B (zh) | 2017-08-28 | 2017-08-28 | 一种显示控制方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107368276A true CN107368276A (zh) | 2017-11-21 |
CN107368276B CN107368276B (zh) | 2020-09-08 |
Family
ID=60312383
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710754815.2A Active CN107368276B (zh) | 2017-08-28 | 2017-08-28 | 一种显示控制方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107368276B (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101315641A (zh) * | 2008-07-15 | 2008-12-03 | 四川长虹电器股份有限公司 | 嵌入式浏览器中table排版的方法 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
CN202904493U (zh) * | 2012-10-16 | 2013-04-24 | *** | 一种可自动收线的鼠标 |
CN103353889A (zh) * | 2013-07-03 | 2013-10-16 | 大连亿联科技股份有限公司 | Feeb双阵列网格*** |
CN103885682A (zh) * | 2012-12-21 | 2014-06-25 | 阿里巴巴集团控股有限公司 | 一种列表显示方法和装置 |
CN104346172A (zh) * | 2014-10-31 | 2015-02-11 | 亚信科技(南京)有限公司 | 一种不规则div动态布局方法 |
CN104516867A (zh) * | 2013-09-30 | 2015-04-15 | 北大方正集团有限公司 | 一种表格重排方法和*** |
CN104794116A (zh) * | 2014-01-16 | 2015-07-22 | 阿里巴巴集团控股有限公司 | 一种页面中元素的布局方法和装置 |
CN106708958A (zh) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | 浏览器内核的排版结构展现方法及装置 |
-
2017
- 2017-08-28 CN CN201710754815.2A patent/CN107368276B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101315641A (zh) * | 2008-07-15 | 2008-12-03 | 四川长虹电器股份有限公司 | 嵌入式浏览器中table排版的方法 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
CN202904493U (zh) * | 2012-10-16 | 2013-04-24 | *** | 一种可自动收线的鼠标 |
CN103885682A (zh) * | 2012-12-21 | 2014-06-25 | 阿里巴巴集团控股有限公司 | 一种列表显示方法和装置 |
CN103353889A (zh) * | 2013-07-03 | 2013-10-16 | 大连亿联科技股份有限公司 | Feeb双阵列网格*** |
CN104516867A (zh) * | 2013-09-30 | 2015-04-15 | 北大方正集团有限公司 | 一种表格重排方法和*** |
CN104794116A (zh) * | 2014-01-16 | 2015-07-22 | 阿里巴巴集团控股有限公司 | 一种页面中元素的布局方法和装置 |
CN104346172A (zh) * | 2014-10-31 | 2015-02-11 | 亚信科技(南京)有限公司 | 一种不规则div动态布局方法 |
CN106708958A (zh) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | 浏览器内核的排版结构展现方法及装置 |
Non-Patent Citations (7)
Title |
---|
传智播客高教产品研发部: "《网页设计与制作 HTML+CSS》", 31 August 2014 * |
吕冰: "《Web编程与设计教程》", 31 January 2012 * |
孙素华: "《中文版Dreamweaver CS5 Flash CS5 Photoshop CS5网页设计从入门到精通》", 31 December 2014 * |
张洪斌: "《网页制作与网站设计教程》", 31 August 2009 * |
李飞: "《2015版电脑短训班教程》", 31 March 2015 * |
王宾: "《Web标准网页制作实例教程》", 30 September 2014 * |
贺辉平: "《网站建设与管理》", 30 September 2016 * |
Also Published As
Publication number | Publication date |
---|---|
CN107368276B (zh) | 2020-09-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10282406B2 (en) | System for modifying a table | |
CN103631958B (zh) | 一种页面自动适配实现内容多屏展示的方法 | |
US9703834B2 (en) | Topological query in multi-tenancy environment | |
Tian et al. | Adaptive state-feedback stabilization for high-order stochastic non-linear systems with uncertain control coefficients | |
Ekroll et al. | The natural center of chromaticity space is not always achromatic: a new look at color induction | |
US20190065156A1 (en) | Overriding component attributes in a web application builder | |
DE102013017196A1 (de) | Fehlerkorrektur in Zeichenfolgen, die einen Wortbegrenzer enthalten | |
CN106534351A (zh) | 一种支持共享存储的云桌面***和方法 | |
US11232078B2 (en) | Multitenancy using an overlay file system | |
CN101159618A (zh) | 一种权限配置方法和设备 | |
CN107256259A (zh) | 页面显示方法、装置、电子设备以及存储介质 | |
DE202015101391U1 (de) | Einstellen einer Größe eines aktiven Bereiches innerhalb einer graphischen Nutzerschnittstelle | |
WO2024109510A1 (zh) | 一种画布图层的处理方法及装置、电子设备、存储介质 | |
CN112767891B (zh) | mura补偿方法、显示面板及显示装置 | |
CN105809021A (zh) | 一种用户权限的分配方法及装置 | |
CN105320662B (zh) | 网页生成方法及装置 | |
CN107368276A (zh) | 一种显示控制方法及装置 | |
CN102902500B (zh) | 一种数据矩阵信息的显示方法及装置 | |
CN107908380A (zh) | 基于组态的多屏显示方法、装置、终端设备及存储介质 | |
CN111191162B (zh) | 一种数据处理方法以及设备 | |
CN105389308A (zh) | 网页的显示处理方法及装置 | |
CN111291543B (zh) | 数据的显示方法及装置、存储介质及处理器 | |
WO2011053314A1 (en) | Arranging secondary images adjacent to a primary image | |
US10938586B2 (en) | Systems for peer-to-peer knowledge sharing platform | |
WO2021082652A1 (zh) | 显示信息的方法、装置及计算机可读存储介质 |
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 |
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. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |