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

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

Info

Publication number
CN109710121B
CN109710121B CN201910021537.9A CN201910021537A CN109710121B CN 109710121 B CN109710121 B CN 109710121B CN 201910021537 A CN201910021537 A CN 201910021537A CN 109710121 B CN109710121 B CN 109710121B
Authority
CN
China
Prior art keywords
display
height
displayed
screen
display area
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
Application number
CN201910021537.9A
Other languages
English (en)
Other versions
CN109710121A (zh
Inventor
张卫平
徐国庆
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Global Digital Group Co Ltd
Original Assignee
Globaltour Group Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Globaltour Group Ltd filed Critical Globaltour Group Ltd
Priority to CN201910021537.9A priority Critical patent/CN109710121B/zh
Publication of CN109710121A publication Critical patent/CN109710121A/zh
Application granted granted Critical
Publication of CN109710121B publication Critical patent/CN109710121B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

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

Description

一种自适应屏幕尺寸的排版显示方法
技术领域
本发明涉及终端技术领域，尤其涉及一种自适应屏幕尺寸的排版显示方法。
背景技术
不同型号自助机屏幕大小差别很大，主要体现在高度方面，高的是宽度的几倍，矮的高度比宽度小很多，如果同一个程序需要在在不同高度型号的自助机上运行，则屏幕出现空白或拉伸，整体显示效果无法保证，如果程序按矮的屏幕规格做则浪费了多出来的空间，如果屏幕按照高的做则可能因为压缩而导致界面因压缩没法使用。
现有技术中，很多应用程序开发针对于此问题的解决方法是，程序按照屏幕的高矮做多个版本来适应不同屏幕的显示，这样做导致程序开发和维护成本增加，且程序开发维护很麻烦，导致程序容易出错。
因此需要一种算法，充分利用自助机的显示空间，让程序自动适应不同尺寸的自助机屏幕，让程序的各项功能正常的显示又不影响用户的使用及操作。
发明内容
针对现有技术中存在的上述不足，本发明的目的在于提供一种自适应屏幕尺寸的排版显示方法，用以解决现有技术中为使用不同型号自助机显示需要进行多版本开发而导致应用程序端和服务器数据端两方面的开发和维护成本较高的问题，减少开发和维护的工作量。
为实现上述目的，本发明采用的技术方案是：
首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等；
获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表；
根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度；
根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。
进一步地，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。
进一步地，根据每个显示区域的高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当
Figure 100002_DEST_PATH_IMAGE002
将该区域放入待显示列表并跳转计算下一显示区域，当
Figure 100002_DEST_PATH_IMAGE004
直接跳转计算下一显示区域，当
Figure 100002_DEST_PATH_IMAGE006
将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure 100002_DEST_PATH_IMAGE008
为第i个显示区域的最低高度，
Figure 100002_DEST_PATH_IMAGE010
为之前i-1个放入待显示列表的显示区域的最低高度之和。
进一步地，可以预先设定判断依据为，当
Figure 100002_DEST_PATH_IMAGE012
将该区域放入待显示列表并跳转计算下一显示区域，当
Figure 100002_DEST_PATH_IMAGE014
直接跳转计算下一显示区域，当
Figure 100002_DEST_PATH_IMAGE016
将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure 100002_DEST_PATH_IMAGE018
为第i个显示区域的正常高度，
Figure 100002_DEST_PATH_IMAGE020
为之前i-1个放入待显示列表的显示区域的正常高度之和。
进一步地，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：
当待显示列表中所有显示区域的正常高度之和大于屏幕高度
Figure 100002_DEST_PATH_IMAGE022
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE024
/(
Figure DEST_PATH_IMAGE026
)，
Figure DEST_PATH_IMAGE028
；
当待显示列表中所有显示区域的正常高度之和小于屏幕高度
Figure DEST_PATH_IMAGE030
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE032
/(
Figure DEST_PATH_IMAGE034
)，
Figure DEST_PATH_IMAGE036
；
当
Figure DEST_PATH_IMAGE016A
，显示区域的最终显示高度
Figure DEST_PATH_IMAGE039
；
其中，
Figure DEST_PATH_IMAGE041
为第i个显示区域的最终显示高度，第P为屏幕总高度，p为屏幕剩余高度，
Figure DEST_PATH_IMAGE018A
为第i个显示区域的正常高度，
Figure DEST_PATH_IMAGE026A
为待显示列表的所有显示区域的正常高度与最低高度差之和，
Figure DEST_PATH_IMAGE044
为待显示列表的所有显示区域的最低高度之和，
Figure DEST_PATH_IMAGE034A
为待显示列表的所有显示区域的正常高度之和。
进一步地，所述显示区域可以被设置显示的前后顺序，显示时按照前后顺序关系显示。
进一步地，当显示屏幕宽度差异较大时所述高度可以替换为宽度。
本发明的有益效果是：可以使程序自适应屏幕尺寸，让程序的各项功能正常的显示又不影响用户的使用及操作，解决了为使用不同型号自助机显示需要进行多版本开发而导致应用程序端和服务器数据端两方面的开发和维护成本较高的问题。
附图说明
图1是本发明一种自适应屏幕尺寸的排版显示方法的流程示意图
具体实施方式
下列实施例是对本发明的进一步解释和补充，对本发明不构成任何限制。
参阅图1，本发明的自助机屏幕自适应显示方法，该方法包括如下步骤：
步骤S1，首先为程序每个功能模块规定显示区域，预设每个模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域类型为固定显示时两个高度的值相等。
在本实施例中，一开始就为程序每个功能模块规定好显示属性，每个显示区域有两个预设高度值包括最低高度、正常高度，每个功能模块是固定显示还是可拉伸显示，固定显示的模块最终以正常高度进行显示，可拉伸显示的模块以最终计算高度进行显示，固定显示模块在参与计算时所有高度属性的值是相同的。
步骤S2，获取要显示屏幕的尺寸，根据每个功能模块规定的显示区域判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表。
具体地，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。
根据每个显示区域的高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当
Figure DEST_PATH_IMAGE002A
将该区域放入待显示列表并跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE004A
直接跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE006A
将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure DEST_PATH_IMAGE008A
为第i个显示区域的最低高度，
Figure DEST_PATH_IMAGE010A
为之前i-1个放入待显示列表的显示区域的最低高度之和。
具体地，可以预先设定判断依据为，当
Figure DEST_PATH_IMAGE012A
将该区域放入待显示列表并跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE014A
直接跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE016AA
将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure DEST_PATH_IMAGE018AA
为第i个显示区域的正常高度，
Figure DEST_PATH_IMAGE020A
为之前i-1个放入待显示列表的显示区域的正常高度之和。
在本实施中，计算能否显示时以按照优先级从高到低进行计算，以最低高度为标准，看是否能放入屏幕，直到最后一个显示区域计算完。
一般情况下按优先级由高到低依次计算每个功能模块的显示区域是否能在屏幕中显示，取每个显示区域的最低高度进行计算，可以显示的放入待显示列表，当已在显示列表中及当前显示区域最低高度之和小于屏幕高度则将该显示区域放入待显示列表，跳转计算下一区域，当已在显示列表中及当前显示区域最低高度之和大于屏幕高度则跳转计算下一区域，当已在显示列表中及当前显示区域最低高度之和等于屏幕高度结束计算。
在本实施例中，如程序事先设定不接受压缩显示则可以取每个显示区域的正常高度进行计算，可以显示的放入待显示列表，当已在显示列表中及当前显示区域正常高度之和小于屏幕高度则将该显示区域放入待显示列表，跳转计算下一区域，当已在显示列表中及当前显示区域正常高度之和大于屏幕高度则跳转计算下一区域，当已在显示列表中及当前显示区域的所有显示区域正常高度之和等于屏幕高度结束计算。
步骤S3，根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度。
具体地，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：
当待显示列表中所有显示区域的正常高度之和大于屏幕高度
Figure DEST_PATH_IMAGE057
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE024A
/ (
Figure DEST_PATH_IMAGE026AA
)，
Figure DEST_PATH_IMAGE028A
；
当待显示列表中所有显示区域的正常高度之和小于屏幕高度
Figure DEST_PATH_IMAGE062
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE032A
/(
Figure DEST_PATH_IMAGE034AA
)，
Figure DEST_PATH_IMAGE036A
；
当
Figure DEST_PATH_IMAGE067
，显示区域的最终显示高度
Figure DEST_PATH_IMAGE039A
；
其中，
Figure DEST_PATH_IMAGE070
为第i个显示区域的最终显示高度，第P为屏幕总高度，p为屏幕剩余高度，
Figure DEST_PATH_IMAGE018AAA
为第i个显示区域的正常高度，
Figure DEST_PATH_IMAGE026AAA
为待显示列表的所有显示区域的正常高度与最低高度差之和，
Figure DEST_PATH_IMAGE044A
为待显示列表的所有显示区域的最低高度之和，
Figure DEST_PATH_IMAGE074
为待显示列表的所有显示区域的正常高度之和。
在本实施例中，判断程序在屏幕的的显示状态主要是看屏幕是否能正常显示，以每个显示区域正常显示为标准，当显示屏幕有多余显示空间时或当屏幕空间不足时需要通过计算来合理分配显示空间，使得画面显示更加和谐。
在本实施例中，如果当待显示区域的所有模块正常高度值和刚好等于屏幕高度则直接进入显示程序按照每个功能模块显示区域的正常高度进行显示，如果不能正常显示则需要进入下一步计算，是显示屏幕适当的显示功能模块，充分利用显示空间。
在本实施例中，当屏幕高度小于所有显示区域正常高度之和时，先将待显示列表中每个显示区域设为最低高度，然后按照比例分配剩余高度，具体按照最低高度与正常高度之间的差来计算分配权重，差值越高分配的高度越多。
在本实施例中，当屏幕高度大于所有显示区域正常高度之和时，先将待显示列表中每个显示区域设为正常高度，然后按照比例分配剩余高度，具体按照正常高度与整体正常高度占比来分配，占比越高分配的高度越多。
步骤S4，根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。
具体地，所述显示区域可以被设置显示的前后顺序，显示时按照前后顺序关系显示。
具体地，当显示屏幕宽度差异较大时所述高度可以替换为宽度。
这种分配算法能够合理的分配显示屏幕的高度或宽度，既充分利用了屏幕空间又使得每个功能模块的显示区域趋近于预设值，不会过度拉伸影响显示功能及效果。
尽管通过以上实施例对本发明进行了揭示，但本发明的保护范围并不局限于此，在不偏离本发明构思的条件下，对以上各构件所做的变形、替换等均将落入本发明的权利要求范围内。

Claims (6)

1.一种自适应屏幕尺寸的排版显示方法，其特征在于，包括如下步骤：
首先为程序的每个功能模块规定显示区域，预设每个功能模块显示区域的最低高度、正常高度，显示区域的显示类型包括固定显示和可拉伸显示，当显示区域的显示类型为固定显示时，两个高度的值相等；
获取显示屏幕的尺寸，根据每个功能模块规定的显示区域的高度判断每个模块是否可以在屏幕中显示，并将可以显示的模块放进待显示列表；
根据屏幕的剩余高度计算待显示列表中的各个显示区域的最终显示高度；
根据显示区域的最终显示高度调节每个要显示的功能模块进行屏幕显示。
2.如权利要求1所述的方法，其特征在于，按照优先级由高到低逐个判断每个模块是否可以在屏幕中显示。
3.如权利要求1所述的方法，其特征在于，根据每个显示区域的最低高度和屏幕高度差判断每个模块是否可以在屏幕中显示，当
Figure DEST_PATH_IMAGE001
时，将该区域放入待显示列表并跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE002
时，直接跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE003
时，将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure DEST_PATH_IMAGE004
为第i个显示区域的最低高度，
Figure DEST_PATH_IMAGE005
为之前i-1个放入待显示列表的显示区域的最低高度之和。
4.如权利要求3所述的方法，其特征在于，预先设定判断依据为，当
Figure DEST_PATH_IMAGE006
时，将该区域放入待显示列表并跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE007
时，直接跳转计算下一显示区域，当
Figure DEST_PATH_IMAGE008
时，将该区域放入待显示列表并结束计算；
其中，P为屏幕总高度，
Figure DEST_PATH_IMAGE009
为第i个显示区域的正常高度，
Figure DEST_PATH_IMAGE010
为之前i-1个放入待显示列表的显示区域的正常高度之和。
5.如权利要求1所述的方法，其特征在于，所述计算待显示列表中的各个显示区域的最终显示高度的算法为：
当待显示列表中所有显示区域的正常高度之和大于屏幕高度
Figure DEST_PATH_IMAGE011
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE012
；
当待显示列表中所有显示区域的正常高度之和小于屏幕高度
Figure DEST_PATH_IMAGE013
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE014
，
Figure DEST_PATH_IMAGE015
；
当
Figure DEST_PATH_IMAGE016
时，显示区域的最终显示高度
Figure DEST_PATH_IMAGE017
；
其中，
Figure DEST_PATH_IMAGE018
为第i个显示区域的最终显示高度，P为屏幕总高度，p为屏幕剩余高度，
Figure DEST_PATH_IMAGE019
为第i个显示区域的正常高度，
Figure DEST_PATH_IMAGE020
为待显示列表的所有显示区域的正常高度与最低高度差之和，
Figure DEST_PATH_IMAGE021
为待显示列表的所有显示区域的最低高度之和，
Figure DEST_PATH_IMAGE022
为待显示列表的所有显示区域的正常高度之和。
6.如权利要求1所述的方法，其特征在于，所述显示区域被设置显示的前后顺序，显示时按照前后顺序关系显示。
CN201910021537.9A 2019-01-10 2019-01-10 一种自适应屏幕尺寸的排版显示方法 Active CN109710121B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910021537.9A CN109710121B (zh) 2019-01-10 2019-01-10 一种自适应屏幕尺寸的排版显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910021537.9A CN109710121B (zh) 2019-01-10 2019-01-10 一种自适应屏幕尺寸的排版显示方法

Publications (2)

Publication Number Publication Date
CN109710121A CN109710121A (zh) 2019-05-03
CN109710121B true CN109710121B (zh) 2020-07-03

Family

ID=66260923

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910021537.9A Active CN109710121B (zh) 2019-01-10 2019-01-10 一种自适应屏幕尺寸的排版显示方法

Country Status (1)

Country Link
CN (1) CN109710121B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110263281B (zh) * 2019-06-17 2021-03-02 北京亚鸿世纪科技发展有限公司 一种数据可视化开发中页面分辨率自适应的装置及方法
CN117389672A (zh) * 2023-10-31 2024-01-12 江苏缤原力科技有限公司 一种页面自适应适配方法、电子设备及计算机可读介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101853293A (zh) * 2010-05-26 2010-10-06 卓望数码技术（深圳）有限公司 一种自适应分页的方法及装置
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN104063211A (zh) * 2013-03-15 2014-09-24 安捷伦科技有限公司 用于具有可变的显示屏尺寸和取向的设备的布局系统
CN108363571A (zh) * 2018-01-02 2018-08-03 武汉斗鱼网络科技有限公司 一种基于智能过滤的控件布局方法及系统

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2004068320A2 (en) * 2003-01-27 2004-08-12 Vincent Wen-Jeng Lue Method and apparatus for adapting web contents to different display area dimensions
US7409635B2 (en) * 2004-11-16 2008-08-05 Zalag Corporation Display/layout methods and apparatuses including content items and display containers
US20070266335A1 (en) * 2006-05-12 2007-11-15 Microsoft Corporation Providing a standard user interface (UI) across disparate display interfaces
US8161384B2 (en) * 2009-04-23 2012-04-17 Hewlett-Packard Development Company, L.P. Arranging graphic objects on a page with text
CN102650985B (zh) * 2011-02-25 2014-09-10 易搜比控股公司 一种显示画面的动态排版方法
CN102298495A (zh) * 2011-06-27 2011-12-28 上海北大方正科技电脑系统有限公司 一种android软件自适应不同屏幕密度的方法
CN103164197A (zh) * 2011-12-14 2013-06-19 中兴通讯股份有限公司 Ui布局自适应方法、移动设备以及布局生成设备
CN103186638B (zh) * 2011-12-31 2015-12-02 北大方正集团有限公司 一种图片布局方法及装置
CN105335445B (zh) * 2014-08-13 2018-07-24 北大方正集团有限公司 布局显示方法和装置
CN106649369A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 窗口显示的调整方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101853293A (zh) * 2010-05-26 2010-10-06 卓望数码技术（深圳）有限公司 一种自适应分页的方法及装置
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN104063211A (zh) * 2013-03-15 2014-09-24 安捷伦科技有限公司 用于具有可变的显示屏尺寸和取向的设备的布局系统
CN108363571A (zh) * 2018-01-02 2018-08-03 武汉斗鱼网络科技有限公司 一种基于智能过滤的控件布局方法及系统

Also Published As

Publication number Publication date
CN109710121A (zh) 2019-05-03

Similar Documents

Publication Publication Date Title
CN109710121B (zh) 一种自适应屏幕尺寸的排版显示方法
CN106156791B (zh) 业务数据分类方法和装置
US20170092340A1 (en) Method and device for adjusting hardware refresh rate of terminal
US20110055212A1 (en) Density-based data clustering method
US20130055055A1 (en) Systems and methods for layout of graphic objects for electronic display, print or other output
CN102402918B (zh) 改善画面画质的方法及lcd显示器
CN109102334A (zh) 商圈划分方法、装置及电子设备
CN112099887B (zh) 界面调整方法、装置、计算机设备及计算机可读存储介质
CN107016978B (zh) 一种界面展示技术及终端设备
CN110929487B (zh) 表格排版方法及装置、计算机设备和可读存储介质
JP6324393B2 (ja) コンピュータグラフィックスのポリゴンリダクションを最適化する方法
CN109783793A (zh) 页面编辑排版方法及装置
CN104461539B (zh) 一种图标底座自动配色方法
CN110413393A (zh) 集群资源管理方法、装置、计算机集群及可读存储介质
CN113780651B (zh) 基于改进混合bl策略的二维不规则排样方法
CN111967113B (zh) 一种云平台节点拓扑图布局方法及装置
CN111435589A (zh) 一种目标显示的方法、装置及目标显示系统
CN115293335A (zh) 基于隐式通用矩阵乘的图像识别方法及装置
CN114510172A (zh) 一种电子标牌显示的方法及电子设备
CN106598588A (zh) 一种加载页面元素的方法及装置
US10803566B2 (en) Method for dynamically adjusting image clarity and image processing device using the same
CN105843578A (zh) 一种拼接墙回显方法、装置及系统
CN112395058A (zh) 任务调控装置、方法和系统
WO2019205527A1 (zh) 显示面板的灰阶值确定方法及装置
US20210165395A1 (en) Quick dispatching rule screening method and apparatus

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
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: 518000 Guangdong, Shenzhen, Nanshan District, Guangdong Province, nine new 10 South Road, No. nine Shenzhen Bay science and Technology Park 10 B block 17 level No.

Patentee after: Global Digital Group Co.,Ltd.

Address before: 518000 Guangdong, Shenzhen, Nanshan District, Guangdong Province, nine new 10 South Road, No. nine Shenzhen Bay science and Technology Park 10 B block 17 level No.

Patentee before: GLOBALTOUR Group Ltd.