一种显示控制方法及装置制造方法及图纸

本发明专利技术提供一种显示控制方法及装置，上述方法包括以下步骤：将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性；根据所述显示属性，对每一列的内容进行显示控制。上述技术方案中，通过将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性，使得第一列对不同宽度的显示内容进行自适应显示，大大增强了显示效果。

Display control method and device

The present invention provides a display control method and device, the method comprises the following steps: the first column display display attribute is set to display and set the width adaptive display properties of the remaining columns in the area; according to the display properties of the contents of each column display control. In the technical scheme, the display property of the first column in the display area is set as an adaptive width display, and the display attributes of the other columns are set, so that the first column can display the display content of different widths adaptively, and the display effect is greatly enhanced.

【技术实现步骤摘要】
一种显示控制方法及装置
本专利技术属于云计算
，尤其涉及一种显示控制方法及装置。
技术介绍
在现在的管理系统中，经常看到各式各样的盒子模型，其中，盒子模型又称为框模型(BoxModel)，包括了元素内容(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值失效，设为默认值。进一步地，若列的显示属性为自适应宽度显示，且设置了显示最大宽度，则所述列显示的内容小于或等于所述显示最大宽度。进一步地，若列的显示属性为自适应宽度显示，且设置了显示最小宽度，则所述列显示的内容大于或等于所述显示最小宽度。进一步地，若列的显示属性为固定宽度显示，则按照所述固定宽度对所述列中的内容进行显示。进一步地，若列的显示属性为占位宽度显示，则按照所述占位宽度对目标列中的内容进行显示；其中，选择一列作为目标列。优选地，所述占位宽度为盒子区域宽度减去剩余列宽度，其中，所述剩余列是指所述目标列外的其余列。进一步地，若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度，则按预设比例收缩所述所有列。进一步地，若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度，则按照每列对应的收缩比例，对每列进行收缩处理。本专利技术实施例提供的技术方案：将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性；根据所述显示属性，对每一列的内容进行显示控制。上述技术方案中，通过将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性，使得第一列对不同宽度的显示内容进行自适应显示，大大增强了显示效果。以上所述仅为本专利技术的优选实施例而已，并不用于限制本专利技术，对于本领域的技术人员来说，本专利技术可以有各种更改和变化。凡在本专利技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本专利技术的保护范围之内。本文档来自技高网...

【技术保护点】
一种显示控制方法，其特征在于，包括以下步骤：将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性；根据所述显示属性，对每一列的内容进行显示控制。

【技术特征摘要】
1.一种显示控制方法，其特征在于，包括以下步骤：将显示区域中第一列的显示属性设置为自适应宽度显示并设置其余列的显示属性；根据所述显示属性，对每一列的内容进行显示控制。2.根据权利要求1所述的显示控制方法，其特征在于，所述显示区域为盒子区域。3.根据权利要求1或2所述的显示控制方法，其特征在于，所述显示属性包括自适应宽度显示、固定宽度显示、占位宽度显示。4.根据权利要求3所述的显示控制方法，其特征在于，若列的显示属性为自适应宽度显示，且设置了显示最大宽度，则所述列显示的内容小于或等于所述显示最大宽度。5.根据权利要求3所述的显示控制方法，其特征在于，若列的显示属性为自适应宽度显示，且设置了显示最小宽度，则所述列显示的内容大于或等于所述显示最小宽度。6.根据权利要求3所述的显示控制方法，其特征在于，若列的显示属性为固定宽度显示，则按照所述固定宽度对所述列中的内容进行显示。7.根据权利要求3所述的显示控制方法，其特征在于，若列的显示属性为占位宽度显示，则按照所述占位宽度对目标列中的内容进行显示；其中，选择一列作为目标列。8.根据权利要求7所述的显示控制方法，其特征在于，所述占位宽度为盒子区域宽度减去剩余列宽度，其中，所述剩余列是指所述目标列外的其余列。9.根据权利要求2所述的显示控制方法，其特征在于，若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度，则按预设比例收缩所述所有列。10.根据权利要求2所述的显示控制方法，其特征在于，若所述盒子区域的所有列的宽度之和大于所述盒子区域总宽度，则按照每列对应的收缩比例，对每列进行收缩处理。11.一种显示控制装置，其特征在于，包括处理器，适于实现各...

【专利技术属性】
技术研发人员：马玄玄，
申请(专利权)人：郑州云海信息技术有限公司，
类型：发明
国别省市：河南,41