CN109710121A - 一种自适应屏幕尺寸的排版显示方法 - Google Patents

Abstract

本发明提供了一种自适应屏幕尺寸的排版显示方法，该方法包括：首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等；获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表；根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度；根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。本发明让程序自适应屏幕尺寸且各项功能正常的显示，解决了为适配不同型号自助机设计多个版本而导致开发和维护成本较高的问题。

Description

一种自适应屏幕尺寸的排版显示方法

技术领域

本发明涉及终端技术领域，尤其涉及一种自适应屏幕尺寸的排版显示方法。

背景技术

不同型号自助机屏幕大小差别很大，主要体现在高度方面，高的是宽度的几倍，矮的高度比宽度小很多，如果同一个程序需要在在不同高度型号的自助机上运行，则屏幕出现空白或拉伸，整体显示效果无法保证，如果程序按矮的屏幕规格做则浪费了多出来的空间，如果屏幕按照高的做则可能因为压缩而导致界面因压缩没法使用。

现有技术中，很多应用程序开发针对于此问题的解决方法是，程序按照屏幕的高矮做多个版本来适应不同屏幕的显示，这样做导致程序开发和维护成本增加，且程序开发维护很麻烦，导致程序容易出错。

因此需要一种算法，充分利用自助机的显示空间，让程序自动适应不同尺寸的自助机屏幕，让程序的各项功能正常的显示又不影响用户的使用及操作。

发明内容

针对现有技术中存在的上述不足，本发明的目的在于提供一种自适应屏幕尺寸的排版显示方法，用以解决现有技术中为使用不同型号自助机显示需要进行多版本开发而导致应用程序端和服务器数据端两方面的开发和维护成本较高的问题，减少开发和维护的工作量。

为实现上述目的，本发明采用的技术方案是：

首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等；

获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表；

根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度；

根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。

进一步地，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。

进一步地，根据每个显示区域的高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当(∑(j∈(1，i-1))hj+hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，hi为第i个显示区域的最低高度，∑(j∈(1，i-1))hj为之前i-1个放入待显示列表的显示区域的最低高度之和。

进一步地，可以预先设定判断依据为，当(∑(j∈(1，i-1))Hj+Hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1，i-1))Hj+Hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))Hj+Hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，Hi为第i个显示区域的正常高度，∑(j∈(1，i-1))Hj为之前i-1个放入待显示列表的显示区域的正常高度之和。

进一步地，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：

当待显示列表中所有显示区域的正常高度之和大于屏幕高度∑(j∈(1，i))Hj>P时，显示区域的最终显示高度hi’=hi+p*(Hi-hi)/ ∑(j∈(1，i))(Hj-hj)，p= P-∑(j∈(1，i))hj；

当待显示列表中所有显示区域的正常高度之和小于屏幕高度∑(j∈(1，i))Hj <P时，显示区域的最终显示高度hi’=Hi+p*Hi/∑(j∈(1，i))Hj，p= P-∑(j∈(1，i))Hj；

当(∑(j∈(1，i-1))Hj+Hi)=P，显示区域的最终显示高度hi’=Hi；

其中，hi’为第i个显示区域的最终显示高度，第P为屏幕总高度，p为屏幕剩余高度，Hi为第i个显示区域的正常高度， ∑(j∈(1，i))(Hj-hj) 为待显示列表的所有显示区域的正常高度与最低高度差之和，∑(j∈(1，i)) hj为待显示列表的所有显示区域的最低高度之和，∑(j∈(1，i))Hj为待显示列表的所有显示区域的正常高度之和。

进一步地，所述显示区域可以被设置显示的前后顺序，显示时按照前后顺序关系显示。

进一步地，当显示屏幕宽度差异较大时所述高度可以替换为宽度。

本发明的有益效果是：可以使程序自适应屏幕尺寸，让程序的各项功能正常的显示又不影响用户的使用及操作，解决了为使用不同型号自助机显示需要进行多版本开发而导致应用程序端和服务器数据端两方面的开发和维护成本较高的问题。

附图说明

图1是本发明提供的一种自适应屏幕尺寸的排版显示方法的流程示意图。

具体实施方式

下列实施例是对本发明的进一步解释和补充，对本发明不构成任何限制。

参阅图1，本发明的自助机屏幕自适应显示方法，该方法包括如下步骤：

步骤S1，首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等。

在本实施例中，一开始就为程序每个功能模块规定好显示属性，每个显示区域有两个预设高度值包括最低高度、正常高度，每个功能模块是固定显示还是可拉伸显示，固定显示的模块最终以正常高度进行显示，可拉伸显示的模块以最终计算高度进行显示，固定显示模块在参与计算时所有高度属性的值是相同的。

步骤S2，获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表。

具体地，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。

根据每个显示区域的高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当(∑(j∈(1，i-1))hj+hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，hi为第i个显示区域的最低高度，∑(j∈(1，i-1))hj为之前i-1个放入待显示列表的显示区域的最低高度之和。

具体地，可以预先设定判断依据为，当(∑(j∈(1，i-1))Hj+Hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1，i-1))Hj+Hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))Hj+Hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，Hi为第i个显示区域的正常高度，∑(j∈(1，i-1))Hj为之前i-1个放入待显示列表的显示区域的正常高度之和。

在本实施中，计算能否显示时以按照优先级从高到低进行计算，以最低高度为标准，看是否能放入屏幕，直到最后一个显示区域计算完。

一般情况下按优先级由高到低依次计算每个功能模块的显示区域是否能在屏幕中显示，取每个显示区域的最低高度进行计算，可以显示的放入待显示列表，当已在显示列表中及当前显示区域最低高度之和小于屏幕高度则将该显示区域放入待显示列表，跳转计算下一区域，当已在显示列表中及当前显示区域最低高度之和大于屏幕高度则跳转计算下一区域，当已在显示列表中及当前显示区域最低高度之和等于屏幕高度结束计算。

在本实施例中，如程序事先设定不接受压缩显示则可以取每个显示区域的正常高度进行计算，可以显示的放入待显示列表，当已在显示列表中及当前显示区域正常高度之和小于屏幕高度则将该显示区域放入待显示列表，跳转计算下一区域，当已在显示列表中及当前显示区域正常高度之和大于屏幕高度则跳转计算下一区域，当已在显示列表中及当前显示区域的所有显示区域正常高度之和等于屏幕高度结束计算。

步骤S3，根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度。

具体地，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：

当待显示列表中所有显示区域的正常高度之和大于屏幕高度∑(j∈(1，i))Hj>P时，显示区域的最终显示高度hi’=hi+p*(Hi-hi)/ ∑(j∈(1，i))(Hj-hj)，p= P-∑(j∈(1，i))hj；

当待显示列表中所有显示区域的正常高度之和小于屏幕高度∑(j∈(1，i))Hj <P时，显示区域的最终显示高度hi’=Hi+p*Hi/∑(j∈(1，i))Hj，p= P-∑(j∈(1，i))Hj；

当(∑(j∈(1，i-1))Hj+Hi)=P，显示区域的最终显示高度hi’=Hi；

其中，hi’为第i个显示区域的最终显示高度，第P为屏幕总高度，p为屏幕剩余高度，Hi为第i个显示区域的正常高度， ∑(j∈(1，i))(Hj-hj) 为待显示列表的所有显示区域的正常高度与最低高度差之和，∑(j∈(1，i)) hj为待显示列表的所有显示区域的最低高度之和，∑(j∈(1，i))Hj为待显示列表的所有显示区域的正常高度之和。

在本实施例中，判断程序在屏幕的的显示状态主要是看屏幕是否能正常显示，以每个显示区域正常显示为标准，当显示屏幕有多余显示空间时或当屏幕空间不足时需要通过计算来合理分配显示空间，使得画面显示更加和谐。

在本实施例中，如果当待显示区域的所有模块正常高度值和刚好等于屏幕高度则直接进入显示程序按照每个功能模块显示区域的正常高度进行显示，如果不能正常显示则需要进入下一步计算，是显示屏幕适当的显示功能模块，充分利用显示空间。

在本实施例中，当屏幕高度小于所有显示区域正常高度之和时，先将待显示列表中每个显示区域设为最低高度，然后按照比例分配剩余高度，具体按照最低高度与正常高度之间的差来计算分配权重，差值越高分配的高度越多。

在本实施例中，当屏幕高度大于所有显示区域正常高度之和时，先将待显示列表中每个显示区域设为正常高度，然后按照比例分配剩余高度，具体按照正常高度与整体正常高度占比来分配，占比越高分配的高度越多。

步骤S4，根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。

具体地，所述显示区域可以被设置显示的前后顺序，显示时按照前后顺序关系显示。

具体地，当显示屏幕宽度差异较大时所述高度可以替换为宽度。

这种分配算法能够合理的分配显示屏幕的高度或宽度，既充分利用了屏幕空间又使得每个功能模块的显示区域趋近于预设值，不会过度拉伸影响显示功能及效果。

尽管通过以上实施例对本发明进行了揭示，但本发明的保护范围并不局限于此，在不偏离本发明构思的条件下，对以上各构件所做的变形、替换等均将落入本发明的权利要求范围内。

Claims (7)

1.一种自适应屏幕尺寸的排版显示方法，其特征在于，包括如下步骤：

首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等；

获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表；

根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度；

根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。

2.如权利要求1所述的方法，其特征在于，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。

3.如权利要求1所述的方法，其特征在于，根据每个显示区域的高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当(∑(j∈(1，i-1))hj+hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))hj+hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，hi为第i个显示区域的最低高度，∑(j∈(1，i-1))hj为之前i-1个放入待显示列表的显示区域的最低高度之和。

4.如权利要求3所述的方法，其特征在于，可以预先设定判断依据为，当(∑(j∈(1，i-1))Hj+Hi)<P将该区域放入待显示列表并跳转计算下一显示区域，当(∑(j∈(1,i-1))Hj+Hi)>P直接跳转计算下一显示区域，当(∑(j∈(1，i-1))Hj+Hi)=P将该区域放入待显示列表并结束计算；

其中，P为屏幕总高度，Hi为第i个显示区域的正常高度，∑(j∈(1，i-1))Hj为之前i-1个放入待显示列表的显示区域的正常高度之和。

5.如权利要求1所述的方法，其特征在于，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：

当待显示列表中所有显示区域的正常高度之和大于屏幕高度∑(j∈(1，i))Hj>P时，显示区域的最终显示高度hi’=hi+p*(Hi-hi)/ ∑(j∈(1，i))(Hj-hj)，p= P-∑(j∈(1，i))hj；

当待显示列表中所有显示区域的正常高度之和小于屏幕高度∑(j∈(1，i))Hj <P时，显示区域的最终显示高度hi’=Hi+p*Hi/∑(j∈(1，i))Hj，p= P-∑(j∈(1，i))Hj；

当(∑(j∈(1，i-1))Hj+Hi)=P，显示区域的最终显示高度hi’=Hi；

其中，hi’为第i个显示区域的最终显示高度，第P为屏幕总高度，p为屏幕剩余高度，Hi为第i个显示区域的正常高度， ∑(j∈(1，i))(Hj-hj) 为待显示列表的所有显示区域的正常高度与最低高度差之和，∑(j∈(1，i)) hj为待显示列表的所有显示区域的最低高度之和，∑(j∈(1，i))Hj为待显示列表的所有显示区域的正常高度之和。

6.如权利要求1所述的方法，其特征在于，所述显示区域可以被设置显示的前后顺序，显示时按照前后顺序关系显示。

7.如权利要求1-6所述的方法，其特征在于，当显示屏幕宽度差异较大时所述高度可以替换为宽度。