CN112148403A - 显示界面的适配方法、装置、计算机设备和存储介质 - Google Patents
显示界面的适配方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112148403A CN112148403A CN202010889273.1A CN202010889273A CN112148403A CN 112148403 A CN112148403 A CN 112148403A CN 202010889273 A CN202010889273 A CN 202010889273A CN 112148403 A CN112148403 A CN 112148403A
- Authority
- CN
- China
- Prior art keywords
- adaptation
- display
- grade
- multiplying power
- interface
- 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
- 230000006978 adaptation Effects 0.000 title claims abstract description 342
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000003860 storage Methods 0.000 title claims abstract description 14
- 238000004590 computer program Methods 0.000 claims description 31
- 230000000694 effects Effects 0.000 claims description 20
- 238000012545 processing Methods 0.000 claims description 20
- 238000007635 classification algorithm Methods 0.000 claims description 18
- 238000012360 testing method Methods 0.000 claims description 16
- 238000004364 calculation method Methods 0.000 claims description 11
- 230000003044 adaptive effect Effects 0.000 claims description 9
- 238000010606 normalization Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 10
- 230000000007 visual effect Effects 0.000 description 5
- 238000011161 development Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000004422 calculation algorithm Methods 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 239000011159 matrix material Substances 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 208000037265 diseases, disorders, signs and symptoms Diseases 0.000 description 1
- 230000003631 expected effect Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000010191 image analysis Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 210000000697 sensory organ Anatomy 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
- 208000029257 vision disease Diseases 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F18/00—Pattern recognition
- G06F18/20—Analysing
- G06F18/24—Classification techniques
- G06F18/241—Classification techniques relating to the classification model, e.g. parametric or non-parametric approaches
- G06F18/2413—Classification techniques relating to the classification model, e.g. parametric or non-parametric approaches based on distances to training or reference patterns
- G06F18/24147—Distances to closest patterns, e.g. nearest neighbour classification
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Life Sciences & Earth Sciences (AREA)
- Artificial Intelligence (AREA)
- Bioinformatics & Cheminformatics (AREA)
- Bioinformatics & Computational Biology (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Evolutionary Biology (AREA)
- Evolutionary Computation (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
- Signal Processing For Digital Recording And Reproducing (AREA)
Abstract
本申请涉及一种显示界面的适配方法、装置、计算机设备和存储介质。所述方法包括：获取待适配显示界面中的待适配组件；确定待适配组件中的待适配界面元素；根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；根据等级适配倍率对待适配界面元素进行适配调整。采用本方法能够在不同显示等级下根据等级适配倍率对组件中的待适配界面元素进行快速、高效地适配调整，不需要分别在不同显示等级下对组件中的每一个界面元素逐一进行尺寸调整，减少了界面元素调整时间，大大提高了显示界面的适配效率。
Description
技术领域
本申请涉及计算机技术领域，特别是涉及一种显示界面的适配方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的发展，基于移动客户端进行开发的应用软件层出不穷，因受众群体的视觉识别能不同，受众群体对于应用软件UI界面中显示的文字、图片等的大小、比例等具有不同的要求，这就需要对不同显示等级下的UI界面进行适配，从而大大增加了开发者的工作量。
然而，传统技术中的原生系统软件只能单纯通过缩小屏幕视图分辨率来让视图视觉上增大，或根据屏幕适配单位设置默认字体大小。因此，传统技术开发者需要设置显示等级，并单独去调整界面中内容(字体、图片、间距等)的大小，由于各组件间存在差异，组件中哪些元素可变哪些元素固定也并不明确，各等级之间也没有明确的变化规律，不仅需要根据之前开发的版本进行数据迭代，而且需要分别在不同等级下对组件中的每一个元素逐一进行尺寸调整，大大降低了显示界面适配的效率。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高显示界面的适配效率的方法、装置、计算机设备和存储介质。
一种显示界面的适配方法，上述方法包括：
获取待适配显示界面中的待适配组件；
确定待适配组件中的待适配界面元素；
根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；
根据等级适配倍率对待适配界面元素进行适配调整。
在一个实施例中，确定待适配组件中的待适配界面元素，包括：
确定待适配组件中的待适配界面元素，包括：根据待适配组件的布局类型从待适配组件的界面元素中获取局部变量；将局部变量作为待适配界面元素。
在一个实施例中，等级适配倍率的确定方法包括：
获取样本应用的显示界面在不同显示等级下的图像；
获取各图像中随显示等级改变的变量元素的显示数据；
根据显示数据计算变量元素的样本等级适配倍率；
根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率。
在一个实施例中，根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率之后，等级适配倍率的确定方法还包括：
利用等级适配倍率对预设界面进行适配测试；
若预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
在一个实施例中，显示数据包括面积，根据显示数据计算变量元素的样本等级适配倍率，包括：
从多个显示等级中确定基准显示等级；
获取变量元素在基准显示等级下的第一面积，以及变量元素在非基准显示等级的其他显示等级下的第二面积；
根据第二面积与第一面积的比值计算样本等级适配倍率。
在一个实施例中，变量元素包括文字、图片或图标。
在一个实施例中，变量元素为多个，样本等级适配倍率为多组，各变量元素对应一个样本等级适配倍率组，且各样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率，包括：
采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到待适配界面元素的各显示等级对应的等级适配倍率。
在一个实施例中，采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，包括：
将各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
在一个实施例中，根据等级适配倍率对待适配界面元素进行适配调整，包括：
获取待适配组件的适配参数表，其中，适配参照表中包含根据待适配组件的布局类型预先定义的局部变量，以及局部变量在预先定义的显示等级下的参照尺寸，各参照尺寸根据局部变量在定义的基准显示等级下的基准尺寸以及等级适配倍率计算得到；
从适配参数表中获取待适配界面元素对应的参照尺寸，根据待适配界面元素对应的参照尺寸对待适配界面元素进行适配调整。
在一个实施例中，获取待适配组件的适配参数表，包括：
确定待适配组件所属的布局类型；
根据布局类型获取对应的适配参照表。
在一个实施例中，根据等级适配倍率对待适配界面元素进行适配调整之后，上述方法还包括：
在待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
一种显示界面的适配装置，装置包括：
组件获取模块，用于获取待适配显示界面中的待适配组件，
变量确定模块，用于确定待适配组件中的待适配界面元素；
倍率获取模块，用于根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；
适配调整模块，用于根据等级适配倍率对待适配界面元素进行适配调整。
一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述任一项的方法的步骤。
一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述任一项的方法的步骤。
上述显示界面的适配方法、装置、计算机设备和存储介质，根据从待适配组件中确定出的待适配界面元素以及预先计算的适用于所述待适配界面元素的等级适配倍率，可以在不同显示等级下根据等级适配倍率对组件中的待适配界面元素进行快速、高效地适配调整，不需要分别在不同显示等级下对组件中的每一个界面元素逐一进行尺寸调整，减少了界面元素调整时间，大大提高了显示界面的适配效率。
附图说明
图1为一个实施例中显示界面的适配方法的应用环境图；
图2为一个实施例中显示界面的适配方法的流程示意图；
图3为一个应用实例中显示界面的适配方法的流程示意图；
图4A为未采用本发明涉及的显示界面的适配方法适配的界面效果图；
图4B为采用本发明涉及的显示界面的适配方法适配后的界面效果图；
图5为一个实施例中显示界面的适配装置的结构框图；
图6为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的显示界面的适配方法，可以应用于如图1所示的应用环境中。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，终端102上设置有待适配显示界面，待适配显示界面上设置有待适配组件，以及待适配组件上设置有待适配界面元素；服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。服务器104可以用于计算并确定适用于待适配界面元素的等级适配倍率。可以是由开发人员通过应用或程序的开发将该等级适配倍率写入终端102的系统中，也可以是由服务器104向终端102发送等级适配倍率，终端102将接收到的等级适配倍率存入终端102的系统中。终端102在执行本申请的一种显示界面的适配方法时，终端102的系统获取待适配显示界面中的待适配组件，确定待适配组件中的待适配界面元素，根据待适配界面元素获取预先存储的由服务器104计算得到的等级适配倍率，根据等级适配倍率对待适配界面元素进行适配调整。
在一个实施例中，如图2所示，提供了一种显示界面的适配方法，以该方法应用于图1所示的终端设备为例进行说明，包括以下步骤：
步骤S10：获取待适配显示界面中的待适配组件。
其中，显示界面可以是移动终端的显示界面，移动终端包括但不限于个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。待适配显示界面指的是在显示等级改变时需要根据显示等级进行相应适配调整的界面。组件指的是显示界面中的功能模块，待适配组件指的是待适配显示界面中需要根据显示等级的改变做相应适配调整的模块。
具体地，识别显示界面中的各组件，将需要随等级该变而改变的组件确定为待适配组件。显示界面中可以包括至少一个组件，组件可以为列表、表单、表格、头部导航、底部导航等。
步骤S20：确定待适配组件中的待适配界面元素。
其中，组件中包含至少一个界面元素，例如，若组件为一行列表，界面元素可以是该行列表中的头像、标题和/或日期等。待适配界面元素指的是待适配组件中需要根据显示等级的改变做相应尺寸调整的界面元素。具体地，待适配界面元素可以是待适配组件中的局部变量。
具体地，组件不同界面元素的数量和所属种类一般也不同。一般而言，基本组件中可以包括全局变量、局部变量和定值三类界面元素，特殊业务场景的组件中还可以包括其他种类的界面元素。全局变量，例如边距，会随显示等级变化按照指定规律变化而与整体比例无关；局部变量，例如图片、文字等会随显示等级变化按照某种倍率比进行变化；定值，例如图片与文字的间距一般不随显示等级的改变而改变。
因此，本步骤的主要目的是从多种界面元素中明确地确定出需要进行适配调整的待适配变量元素。
在一个实施例中，确定待适配组件中的待适配界面元素，包括：根据待适配组件的布局类型从待适配组件的界面元素中获取局部变量；将局部变量作为待适配界面元素。
在本实施例中，布局类型可以为单行多行混排、单行或Grid布局等。具体地，可以根据待适配组件的布局类型分析待适配组件的布局特征，确定出在显示等级改变时，组件中哪些界面元素变化哪些界面元素不变才能保持该组件的布局不出现显示错乱，将该组件中可能会导致界面错乱的界面元素定义为局部变量，获取局部变量作为待适配变量。
本实施例，由于在不同的布局类型下，界面元素之间会有不同的比例关系。界面元素的定义也会随着布局类型的不同发生改变。例如，在一布局类型中某一界面元素被定义为全局变量，在另一布局类型中其可能被定义为局部变量，即被定义为全局变量、局部变量和定值的界面元素会随着组件布局类型的不同而存在差异。
所以需要根据待适配组件的布局类型确定待适配组件中哪些界面元素是可以适用等级适配倍率进行等级调整的局部变量，将该局部变量作为待适配界面元素可以提高适配的准确性，避免无差别改变所有界面元素导致的界面布局混乱的发生。
步骤S30：根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率。
本步骤中，等级适配倍率可以是预先通过根据样本应用的显示界面的图像分析并计算出的适用于待适配显示界面、待适配组件或待适配界面元素的等级适配倍率。等级适配倍率的个数由预设的显示等级的级数确定，可以首先定义一个基准显示等级，等级适配倍率为各个显示等级相对于该基准显示等级的缩放倍率。
步骤S40：根据等级适配倍率对待适配界面元素进行适配调整。
具体地，可以通过待适配界面元素在当前显示等级下的尺寸以及等级适配倍率换算出待适配界面元素在其他显示等级下的显示尺寸，并根据该尺寸对待适配界面元素进行适配调整；也可以通过预先基于待适配界面元素在基准显示等级下的基准尺寸以及等级适配倍率计算的适配参照表对待适配界面元素的尺寸进行调整。
上述显示界面的适配方法，根据从待适配组件中确定出的待适配界面元素以及预先计算的适用于所述待适配界面元素的等级适配倍率，可以在不同显示等级下根据等级适配倍率对组件中的待适配界面元素进行快速、高效地适配调整，不需要分别在不同显示等级下对组件中的每一个界面元素逐一进行尺寸调整，减少了界面元素调整时间，大大提高了显示界面的适配效率。
在一个实施例中，等级适配倍率的确定方法包括：获取样本应用的显示界面在不同显示等级下的图像；获取各图像中随显示等级改变的变量元素的显示数据；根据显示数据计算变量元素的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率。
在本实施例中，等级适配倍率可以是预先通过样本应用的显示界面在不同显示等级下的图像数据计算得到的，其计算和确定的过程可以在服务器端实现。样本应用的种类不限，可以是适用于移动终端上的各种应用软件，例如即时通信软件等。
具体地，可以收集样本应用的至少一个显示界面在不同显示等级下的图像，通过观察收集的图像数据，筛选出图像中随等级改变而显示尺寸发生变化的变量元素，调取或测量这些变量元素在各个显示等级下的图像中的显示数据，通过对显示数据进行处理后得到样本等级适配倍率，根据大量的样本等级适配倍率确定出能够适用于待适配界面元素的优选的等级适配倍率。
本实施例，在大量人机工程学数据和实践数据缺乏的情况下，利用现有的样本应用的数据作为基础研究数据，通过对数据进行分析处理后得到合适且基本通用的等级适配倍率，不需要基于长期迭代的用户体验反馈进行逐一调试，避免了对应用软件进行长期版本迭代的操作，可以应用于各种场景和版本下的软件界面，开拓了应用场景的同时提高的界面的适配效率。
进一步，还可以分析样本显示倍率，由于变量元素随显示等级的显示数值的变化存在极值点，即到达极值点显示数值不在变化，而系统一般存在7个显示等级，可以基于样本应用的各个显示等级下的样本等级适配倍率进行等级合并或拆分，重新划分出更合适的显示等级。例如，等级2与等级3变量元素的显示数据过于接近，且视觉效果相差不大，所以可以将等级2与等级3合并为一级。
在一个实施例中，变量元素可以包括文字、图片或图标等。显示数据可以包括面积，根据显示数据计算变量元素的样本等级适配倍率，包括：从多个显示等级中确定基准显示等级；获取变量元素在基准显示等级下的第一面积，以及变量元素在非基准显示等级的其他显示等级下的第二面积；根据第二面积与第一面积的比值计算样本等级适配倍率。
在本实施例中，由于在显示等级改变时，实际用户最直观感受变化的是显示面积大小的变化，因此可以将面积作为计算的数据。下面以字体的显示面积为例，根据字体适配的基本概念，从等级1到等级n字体面积样本值为：
S1＝(a1+b1)(rh1+c1)；S2＝(a2+b2)(rh2+c2)；S3＝(a3+b3)(rh3+ c3)……Sn＝(an+bn)(rhn+cn)；
其中，S表示字体面积，a表示字体大小(字体宽度)，rh表示行高， b表示两字间隔(字距)，c表示段落(两段文字字间的距离)。
若将等级1设置为基准显示等级，S1表示字体在基准显示等级下的第一面积，S2、S3……Sn分别表示字体在等级2到等级n的非基准显示等级下的第二面积。可以根据下述公式：
计算字体在等级1至等级n下的样本等级适配倍率，同理，也可以计算出图标、图片等其他变量的样本等级适配倍率，对于只有单独一个维度的数值在改变的变量元素，例如列表高度等，也可以直接利用高度的比值计算样本等级适配倍率。
本实施例，采用面积平方根的方式可以提高倍率计算的精确度，同时，由于实际用户最直观感受变化的是显示面积大小的变化，所以利用计算面积平方根的方式更符合界面适配的规律，有助于得到更好的显示效果。
在一个实施例中，变量元素为多个，样本等级适配倍率为多组，各变量元素对应一个样本等级适配倍率组，且各样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率，包括：采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到待适配界面元素的各显示等级对应的等级适配倍率。
在本实施例中，样本应用的界面中的变量元素为多个，可以包括字体、图片、行高、字间距等多种，各变量元素通过计算后对应得到一组样本等级适配倍率组，可以组成一个N*n的倍率矩阵，其中N表示变量元素的个数，n表示显示等级的级数，通过KNN最邻近分类算法，将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行处理，通过梯度下降求最优解，最终得到一个1*n的倍率矩阵，作为n个显示等级下对应的等级适配倍率。进一步地，还可以根据待适配界面元素的预设等级对等级适配倍率进行调整，得到一组适用于待适配界面元素的各个显示等级对应的等级适配倍率组。
本实施例，通过采用KNN临近算法对异常数据进行过滤，综合考虑多个变量元素的等级变化规律，从多组样本数据筛选出一组最符合变化规律的样本数据作为等级适配倍率，可以进一步地提高界面适配的精确度以及界面的展示效果。
在一个实施例中，采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，包括：将各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
本实施例，在进行KNN邻近计算之前，将数据进行归一化可以后加快了梯度下降求最优解的速度，提高计算结果的准确度。
在一个实施例中，根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率之后，等级适配倍率的确定方法还包括：利用等级适配倍率对预设界面进行适配测试；若预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
在本实施例中，可以预先将待适配的软件的主要显示界面设置为测试界面，根据确定出的等级适配倍率对测试界面中的待适配界面元素进行调整，并观察测试界面的显示效果，若测试界面出现布局混乱的情况，则说明该等级适配倍率可能不适用于待适配显示界面，可以重新获取样本应用的图像数据进行新一轮的等级适配倍率的确定。
本实施例，利用测试界面对等级适配倍率进行UI展示效果的测试，并当展示效果不符合预设效果时重新进行样本数据的选取，通过反复的效果验证和测试，最终可以得到更加合适的等级适配倍率以保证在后期适配过程中达到符合预期的效果，提高适配的准确性。
在一个实施例中，根据等级适配倍率对待适配界面元素进行适配调整，包括：获取待适配组件的适配参数表，其中，适配参照表中包含根据待适配组件的布局类型预先定义的局部变量，以及局部变量在预先定义的显示等级下的参照尺寸，各参照尺寸根据局部变量在定义的基准显示等级下的基准尺寸以及等级适配倍率计算得到；从适配参数表中获取待适配界面元素对应的参照尺寸，根据待适配界面元素对应的参照尺寸对待适配界面元素进行适配调整。
在本实施例中，可以以组件为单元模块，根据组件的适配规律预先定义该类组件中的局部变量、设置显示等级的级数，并根据局部变量在预先定义的基准显示等级下的基准尺寸，以及采用样本计算的等级适配倍率制作适用于这类组件的适配参数表。
本实施例，通过预先制作各类组件的适配参数表，在对相同或相似的组件进行适配的时候，都可以直接调用适用于该类组件的适配参数表，根据适配参数表对整个组件进行整体的适配调整，可以进一步提高适配效率。
在一个实施例中，获取待适配组件的适配参数表，包括：确定待适配组件所属的布局类型；根据布局类型获取对应的适配参照表。
在本实施例中，由于很多组件之间存在布局上的共同性，比如单行布局中的列表组件和表单组件，对布局类型相同或相似的不同组件的适配方法基本相似，其被定义的局部变量以及局部变量的显示数据也是类似的，因此，通过将布局类型相同或相似的组件归为一类，以布局类型作为单元模块，布局类型相同的各组件共用同一适配参数表，可以方便批量化对照开发，增加代码的可复用性，从而实现减少适配工作量、节约开发成本和时间的目的。另一方面，即使待适配界面与样本界面不相同也不相似，但只要待适配界面中包含与样本界面属于相同布局类型的组件即可很好地实现适配，因此提高了该方案的适用性。
在一个实施例中，根据等级适配倍率对待适配界面元素进行适配调整之后，方法还包括：在待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
在本实施例中，为了最大程度在保证展示舒适的情况下，节约展示空间，更多的展示信息，可以根据屏幕宽度对单行容纳文字的个数进行微调，避免因字体面积的改变造成的单行中留白过多，或文字在单行中换行而超出单行行高的现象发生，可以提高显示效果，从而提高用户在感官上的舒适度。
下面，结合一个应用实例对本发明的显示界面的适配方法进行进一步说明，如图3所示，包括以下步骤：
步骤S1：收集样本应用的显示界面在不同显示等级下的图像数据。
步骤S2：根据图像数据计算变量元素的样本等级适配倍率。
例如，双行列表组件模块中的变量元素包括图片，图片从等级1到等级6的尺寸为45x45(S1)、48x48(S2)、51x51(S3)、56x56(S4)、60x60(S5)、 60x60(S6)，根据公式：
因为长宽一样所以可直接计算比值为45:48:51:56:60：60计算出该模块1至6等级图片的倍率为1:1.0666:1.1333:1.2444:1.3333:1.3333；同理，按照公式计算出该组件模块下1至6等级标题文字的字体大小的倍率为1:10625:1.0625:1.1875:1.251.25等。
步骤S3：根据KNN算法对样本等级适配倍率进行过滤处理。
步骤S4：根据自定义的显示等级确定各级的等级适配倍率。
其中，根据样本等级适配倍率可以大致确定等级划分及变化规律，比如，列表组件中的标题的字体大小从等级5到等级6倍率均为20，不再随等级而变化，则可以判断出改组件中标题的字体大小的极值点<＝20。这种情况下可以将等级5和等级6进行合并。
具体地，根据实际业务需求定义等级级数，比如：可以确定实际等级级数为4个，等级划分为：
等级1(极小)，适用于需要高效率段时间内频繁阅读人群；
等级2(标准)，适用于大部分人群；
等级3(大)，适用于视觉识别较弱人群；
等级4(很大)，适用于视觉识别相当弱人群、视觉障碍人群、特殊环境下识别障碍。
从而可以满足不同受众群体的浏览需求。根据上述得出的样本等级适配倍率，取用合适的等级数之后可以得到等级适配倍率为 1:1.0625:1.2:1.325。若定义等级2为基准等级，可以根据等级适配倍率 1:1.0625:1.2:1.325进行适配计算。
对于图片：
等级2下图片长、宽为48；
等级1下图片长、宽为48/1.0625等于45.1764，取整45；
等级3下图片长、宽为45*1.2等于54；
等级4下图片长、宽为45*1.3等于58.5，取整58。
对于文字：
文字适配特殊一些，需要考虑到实际展示效果及展示效率(文字字体大小及间距)，
等级2下文字字体大小为17，间距0；
等级1下文字字体大小17/1.0625等于16，字间距0；
等级3下文字字体大小17/1.0625*1.2等于19.2，取整19，字间距 0.2；
等级4下文字字体大小17/1.0625*1.325等于21.2，取整21，当前适配等级没有21，根据最近适配表近邻字体选取20，字间距1.2。
对于列表高度：
等级2下列表高度72；
等级1下列表高度72/1.0625等于67.764，取偶68；
等级3下列表高度72/1.0625*1.2等于81.317，取偶82；
等级4下列表高度72/1.0625*1.325等于89.788，取偶90。
同理得出该组件内其他预先定义的局部变量在各等级下的具体参考尺寸，制成该组件的适配参照表。
步骤S5：选择主要界面进行UI展示的测试；若测试失败，UI展示混乱则转至执行步骤S1。
若测试成功，执行步骤S6：根据等级适配倍率制作各组件的适配参数表。
步骤S7：基于Android或iOS实现对待适配显示界面的适配。
对于Android系统，可以使用sp作为单位来定义待适配界面元素，使用dp作为基础单位定义其他界面元素。在适配过程中，获取待适配显示界面中的待适配组件并确定待适配界面元素后，根据计算的等级适配倍率对各等级下的待适配界面元素的尺寸进行换算。
对于IOS系统，可以对Swift3进行重构，各组件模块建立不同显示等级的待适配界面元素的数组，间接获取floatValue。适配过程中，根据各组件的等级适配参照表获取对应等级下的待适配界面元素的参照尺寸。
步骤S8：根据屏幕宽度对单行容纳文字的个数进行微调。
计算单行容纳文字最大字数可以根据公式：
n＝[Pw-(m+pic+R)]P％/(a+b)；
其中，n表示单行容纳文字的个数，pic表示图片大小，m表示页面间距，R表示固定间距，a表示字体大小，b表示字间距，p％表示占比，Pw 表示默认屏幕宽度。
例如，默认屏幕宽度为375，固定间距为12+8，
等级1下文字字体大小16，字间距0；页面间距2*16；图片大小45；占比86％；[375-(2*16+45+12+8)]*0.86/(16+0)＝14.9425，取整14 个字段；
等级2下文字字体大小17，间距为0；页面间距2*16；图片大小48；占比84％；[375-(12+8+2*16+48)]*0.84/(17+0)＝13.588，取整13个字段；
等级3下文字字体大小19，间距为0.2；页面间距2*17；图片大小54；占比80％；[375-(12+8+2*17+54)]*0.80/(19+0.2)＝11.125，取整11 个字段；
等级4下文字字体大小20，间距为1.6；页面间距2*18；图片大小58；占比73％；[375-(12+8+2*18+58)]*0.73/(20+1.6)＝8.820，取整8个字段；按照结果给定固定的文字个数，为UI实践提供一个比值，在等级适配时，按照屏幕宽度对单行容纳文字的个数进行自适应微调。
下面给出一组未使用本发明所涉及的显示界面的适配方法(如图4A) 和使用本发明所涉及的显示界面的适配方法(如图4B)的UI界面的效果对比图。
如图4A所示，由于传统技术只能逐一对单个界面元素进行调整，而且一般只能对某些字体的等级进行调节，图4A的界面是调大了字体等级后的效果图，从图中可以看出，不仅字体以外的其他界面元素并没有进行相应的等级变化，而且有些组件也完全没有变化，组件内各界面元素之间的整体比例非常不和谐，甚至可能出现UI界面混乱的情况，整个界面给人视觉上的拥挤感。
如图4B所示，使用本发明所涉及的显示界面的适配方法后，整个UI 界面整体上等级变大，元素与元素之间比例和谐，给人整体放大感的同时也不失视觉舒适感。
此外，因为按照布局类型将各组件进行分类，相同或相近布局类型的组件可以共用同一个适配参数表，因此即使是与样本数据不相似的UI界面，即在没有供参考的样本界面的情况下也能有很好的适配效果，例如，已实验验证即使采用的样本应用的显示界面为即时通信软件的联系人列表界面，也可以对视频通话界面中的各界面元素进行很好的适配。因此，本发明涉及的显示界面的适配方法适用于移动终端的多种应用，且不限于应用类别和界面样式。
应该理解的是，虽然图2-3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-3中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图5所示，提供了一种显示界面的适配装置，包括：组件获取模块10、变量确定模块20、倍率获取模块30和适配调整模块40，其中：
组件获取模块10，用于获取待适配显示界面中的待适配组件，
变量确定模块20，用于确定待适配组件中的待适配界面元素；
倍率获取模块30，用于根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；
适配调整模块40，用于根据等级适配倍率对待适配界面元素进行适配调整。
在一个实施例中，组件获取模块10根据待适配组件的布局类型从待适配组件的界面元素中获取局部变量；将局部变量作为待适配界面元素。
在一个实施例中，上述装置还包括倍率计算模块50，用于获取样本应用的显示界面在不同显示等级下的图像；获取各图像中随显示等级改变的变量元素的显示数据；根据显示数据计算变量元素的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率。
在一个实施例中，倍率计算模块50利用等级适配倍率对预设界面进行适配测试；若预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
在一个实施例中，显示数据包括面积，倍率计算模块50从多个显示等级中确定基准显示等级；获取变量元素在基准显示等级下的第一面积，以及变量元素在非基准显示等级的其他显示等级下的第二面积；根据第二面积与第一面积的比值计算样本等级适配倍率。
在一个实施例中，变量元素为多个，样本等级适配倍率为多组，各变量元素对应一个样本等级适配倍率组，且各样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率。倍率计算模块50采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到待适配界面元素的各显示等级对应的等级适配倍率。
在一个实施例中，倍率计算模块50，还用于将各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
在一个实施例中，适配调整模块40获取待适配组件的适配参数表，其中，适配参照表中包含根据待适配组件的布局类型预先定义的局部变量，以及局部变量在预先定义的显示等级下的参照尺寸，各参照尺寸根据局部变量在定义的基准显示等级下的基准尺寸以及等级适配倍率计算得到；从适配参数表中获取待适配界面元素对应的参照尺寸，根据待适配界面元素对应的参照尺寸对待适配界面元素进行适配调整。
在一个实施例中，适配调整模块40确定待适配组件所属的布局类型；根据布局类型获取对应的适配参照表。
在一个实施例中，适配调整模块40，还用于在待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
关于显示界面的适配装置的具体限定可以参见上文中对于显示界面的适配方法的限定，在此不再赘述。上述显示界面的适配装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种显示界面的适配方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：
获取待适配显示界面中的待适配组件；确定待适配组件中的待适配界面元素；根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；根据等级适配倍率对待适配界面元素进行适配调整。
在一个实施例中，处理器执行计算机程序实现确定待适配组件中的待适配界面元素时，具体实现以下步骤：确定待适配组件中的待适配界面元素，包括：根据待适配组件的布局类型从待适配组件的界面元素中获取局部变量；将局部变量作为待适配界面元素。
在一个实施例中，处理器执行计算机程序还实现以下步骤：获取样本应用的显示界面在不同显示等级下的图像；获取各图像中随显示等级改变的变量元素的显示数据；根据显示数据计算变量元素的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率。
在一个实施例中，处理器执行计算机程序实现根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率之后，还实现以下步骤：利用等级适配倍率对预设界面进行适配测试；若预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
在一个实施例中，处理器执行计算机程序实现根据显示数据计算变量元素的样本等级适配倍率时，具体实现以下步骤：从多个显示等级中确定基准显示等级；获取变量元素在基准显示等级下的第一面积，以及变量元素在非基准显示等级的其他显示等级下的第二面积；根据第二面积与第一面积的比值计算样本等级适配倍率。
在一个实施例中，变量元素为多个，样本等级适配倍率为多组，各变量元素对应一个样本等级适配倍率组，且各样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率；处理器执行计算机程序实现根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率时，具体实现以下步骤：采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到待适配界面元素的各显示等级对应的等级适配倍率。
在一个实施例中，处理器执行计算机程序实现采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理时，具体实现以下步骤：将各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
在一个实施例中，处理器执行计算机程序实现根据等级适配倍率对待适配界面元素进行适配调整时，具体实现以下步骤：获取待适配组件的适配参数表，其中，适配参照表中包含根据待适配组件的布局类型预先定义的局部变量，以及局部变量在预先定义的显示等级下的参照尺寸，各参照尺寸根据局部变量在定义的基准显示等级下的基准尺寸以及等级适配倍率计算得到；从适配参数表中获取待适配界面元素对应的参照尺寸，根据待适配界面元素对应的参照尺寸对待适配界面元素进行适配调整。
在一个实施例中，处理器执行计算机程序实现获取待适配组件的适配参数表时，具体实现以下步骤：确定待适配组件所属的布局类型；根据布局类型获取对应的适配参照表
在一个实施例中，处理器执行计算机程序实现根据等级适配倍率对待适配界面元素进行适配调整之后，还实现：在待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：获取待适配显示界面中的待适配组件；确定待适配组件中的待适配界面元素；根据待适配界面元素获取等级适配倍率；其中，等级适配倍率用于表征待适配界面元素在不同显示等级下的显示倍率；根据等级适配倍率对待适配界面元素进行适配调整。
在一个实施例中，计算机程序被处理器执行实现确定待适配组件中的待适配界面元素时，具体实现以下步骤：确定待适配组件中的待适配界面元素，包括：根据待适配组件的布局类型从待适配组件的界面元素中获取局部变量；将局部变量作为待适配界面元素。
在一个实施例中，计算机程序被处理器执行还实现以下步骤：获取样本应用的显示界面在不同显示等级下的图像；获取各图像中随显示等级改变的变量元素的显示数据；根据显示数据计算变量元素的样本等级适配倍率；根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率。
在一个实施例中，计算机程序被处理器执行实现根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率之后，还实现以下步骤：利用等级适配倍率对预设界面进行适配测试；若预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
在一个实施例中，计算机程序被处理器执行实现根据显示数据计算变量元素的样本等级适配倍率时，具体实现以下步骤：从多个显示等级中确定基准显示等级；获取变量元素在基准显示等级下的第一面积，以及变量元素在非基准显示等级的其他显示等级下的第二面积；根据第二面积与第一面积的比值计算样本等级适配倍率。
在一个实施例中，变量元素为多个，样本等级适配倍率为多组，各变量元素对应一个样本等级适配倍率组，且各样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率；计算机程序被处理器执行实现根据样本等级适配倍率确定适用于待适配界面元素的等级适配倍率时，具体实现以下步骤：采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到待适配界面元素的各显示等级对应的等级适配倍率。
在一个实施例中，计算机程序被处理器执行实现采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理时，具体实现以下步骤：将各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
在一个实施例中，计算机程序被处理器执行实现根据等级适配倍率对待适配界面元素进行适配调整时，具体实现以下步骤：获取待适配组件的适配参数表，其中，适配参照表中包含根据待适配组件的布局类型预先定义的局部变量，以及局部变量在预先定义的显示等级下的参照尺寸，各参照尺寸根据局部变量在定义的基准显示等级下的基准尺寸以及等级适配倍率计算得到；从适配参数表中获取待适配界面元素对应的参照尺寸，根据待适配界面元素对应的参照尺寸对待适配界面元素进行适配调整。
在一个实施例中，计算机程序被处理器执行实现获取待适配组件的适配参数表时，具体实现以下步骤：确定待适配组件所属的布局类型；根据布局类型获取对应的适配参照表
在一个实施例中，计算机程序被处理器执行实现根据等级适配倍率对待适配界面元素进行适配调整之后，还实现：在待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM) 或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种显示界面的适配方法，所述方法包括：
获取待适配显示界面中的待适配组件；
确定所述待适配组件中的待适配界面元素；
根据所述待适配界面元素获取等级适配倍率；其中，所述等级适配倍率用于表征所述待适配界面元素在不同显示等级下的显示倍率；
根据所述等级适配倍率对所述待适配界面元素进行适配调整。
2.根据权利要求1所述的方法，其特征在于，所述确定所述待适配组件中的待适配界面元素，包括：
根据所述待适配组件的布局类型从所述待适配组件的界面元素中获取局部变量；将所述局部变量作为待适配界面元素。
3.根据权利要求1所述的方法，其特征在于，所述等级适配倍率的确定方法包括：
获取样本应用的显示界面在不同显示等级下的图像；
获取各所述图像中随显示等级改变的变量元素的显示数据；
根据所述显示数据计算所述变量元素的样本等级适配倍率；
根据所述样本等级适配倍率确定适用于所述待适配界面元素的等级适配倍率；
优选的，所述根据所述样本等级适配倍率确定适用于所述待适配界面元素的等级适配倍率之后，所述等级适配倍率的确定方法还包括：
利用所述等级适配倍率对预设界面进行适配测试；
若所述预设界面展示效果不符合预设标准，则重新选取样本应用的显示界面的图像进行等级适配倍率的确定。
4.根据权利要求3所述的方法，其特征在于，所述显示数据包括面积，所述根据所述显示数据计算所述变量元素的样本等级适配倍率，包括：
从多个显示等级中确定基准显示等级；
获取所述变量元素在所述基准显示等级下的第一面积，以及所述变量元素在非所述基准显示等级的其他显示等级下的第二面积；
根据所述第二面积与所述第一面积的比值计算所述样本等级适配倍率；
优选的，所述变量元素包括文字、图片或图标。
5.根据权利要求4所述的方法，其特征在于，所述变量元素为多个，所述样本等级适配倍率为多组，各所述变量元素对应一个样本等级适配倍率组，且各所述样本等级适配倍率组中包含至少一个显示等级下的样本等级适配倍率；根据所述样本等级适配倍率确定适用于所述待适配界面元素的等级适配倍率，包括：
采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，得到所述待适配界面元素各显示等级对应的等级适配倍率；
优选地，采用KNN最邻近分类算法将各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理，包括：
对各样本等级适配倍率组中的各样本等级适配倍率进行归一化处理；采用KNN最邻近分类算法将归一化处理后的各样本等级适配倍率组中相同显示等级对应的样本等级适配倍率进行数据处理。
6.根据权利要求2所述的方法，其特征在于，所述根据所述等级适配倍率对所述待适配界面元素进行适配调整，包括：
获取所述待适配组件的适配参数表；其中，所述适配参照表中包含根据所述待适配组件的布局类型预先定义的局部变量，以及所述局部变量在预先定义的显示等级下的参照尺寸，各所述参照尺寸根据所述局部变量在定义的基准显示等级下的基准尺寸以及所述等级适配倍率计算得到；
从所述适配参数表中获取所述待适配界面元素对应的参照尺寸，根据所述待适配界面元素对应的参照尺寸对所述待适配界面元素进行适配调整。
优选的，所述获取所述待适配组件的适配参数表，包括：
确定所述待适配组件所属的布局类型；
根据所述布局类型获取对应的适配参照表。
7.根据权利要求1所述的方法，其特征在于，所述根据所述等级适配倍率对所述待适配界面元素进行适配调整之后，所述方法还包括：
当所述待适配界面元素包括文字时，根据屏幕宽度对单行容纳文字的个数进行微调，以使单行容纳文字的个数与适配后的显示界面的显示等级相适应。
8.一种显示界面的适配装置，其特征在于，所述装置包括：
组件获取模块，用于获取待适配显示界面中的待适配组件，
变量确定模块，用于确定所述待适配组件中的待适配界面元素；
倍率获取模块，用于根据所述待适配界面元素获取等级适配倍率；其中，所述等级适配倍率用于表征所述待适配界面元素在不同显示等级下的显示倍率；
适配调整模块，用于根据所述等级适配倍率对所述待适配界面元素进行适配调整。
9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010889273.1A CN112148403B (zh) | 2020-08-28 | 2020-08-28 | 显示界面的适配方法、装置、计算机设备和存储介质 |
| CA3129149A CA3129149C (en) | 2020-08-28 | 2021-08-27 | Display interface adaptation method, device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010889273.1A CN112148403B (zh) | 2020-08-28 | 2020-08-28 | 显示界面的适配方法、装置、计算机设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112148403A true CN112148403A (zh) | 2020-12-29 |
| CN112148403B CN112148403B (zh) | 2022-11-22 |
Family
ID=73890191
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010889273.1A Active CN112148403B (zh) | 2020-08-28 | 2020-08-28 | 显示界面的适配方法、装置、计算机设备和存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN112148403B (zh) |
| CA (1) | CA3129149C (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070266335A1 (en) * | 2006-05-12 | 2007-11-15 | Microsoft Corporation | Providing a standard user interface (UI) across disparate display interfaces |
| CN108628656A (zh) * | 2018-05-09 | 2018-10-09 | 平安普惠企业管理有限公司 | Ios设备上界面适配方法、装置、计算机设备及存储介质 |
| CN110276386A (zh) * | 2019-06-11 | 2019-09-24 | 济南大学 | 一种基于机器视觉的苹果分级方法及系统 |
-
2020
- 2020-08-28 CN CN202010889273.1A patent/CN112148403B/zh active Active
-
2021
- 2021-08-27 CA CA3129149A patent/CA3129149C/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070266335A1 (en) * | 2006-05-12 | 2007-11-15 | Microsoft Corporation | Providing a standard user interface (UI) across disparate display interfaces |
| CN108628656A (zh) * | 2018-05-09 | 2018-10-09 | 平安普惠企业管理有限公司 | Ios设备上界面适配方法、装置、计算机设备及存储介质 |
| CN110276386A (zh) * | 2019-06-11 | 2019-09-24 | 济南大学 | 一种基于机器视觉的苹果分级方法及系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CA3129149A1 (en) | 2022-02-28 |
| CA3129149C (en) | 2023-09-19 |
| CN112148403B (zh) | 2022-11-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11244208B2 (en) | Two-dimensional document processing | |
| US20180114097A1 (en) | Font Attributes for Font Recognition and Similarity | |
| CN108021626B (zh) | 页面排版方法、装置及设备 | |
| Wu et al. | Mobilevisfixer: Tailoring web visualizations for mobile phones leveraging an explainable reinforcement learning framework | |
| Michailidou et al. | Automated prediction of visual complexity of web pages: Tools and evaluations | |
| US11803872B2 (en) | Creating meta-descriptors of marketing messages to facilitate in delivery performance analysis, delivery performance prediction and offer selection | |
| CN111428457A (zh) | 数据表的自动格式化 | |
| CN107886082B (zh) | 图像中数学公式检测方法、装置、计算机设备及存储介质 | |
| CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
| CN111160394A (zh) | 分类网络的训练方法、装置、计算机设备和存储介质 | |
| CN113361525A (zh) | 基于ocr的页面生成方法、装置、计算机设备及存储介质 | |
| CN110597585A (zh) | 应用程序页面展示方法、装置、计算机设备及存储介质 | |
| CN112148403B (zh) | 显示界面的适配方法、装置、计算机设备和存储介质 | |
| EP3764304A1 (en) | System and method for assessing quality of media files | |
| CN116541006B (zh) | 一种计算机人机交互界面的图形处理方法和装置 | |
| CN112508005A (zh) | 用于处理图像的方法、装置、设备以及存储介质 | |
| CN117155892A (zh) | 交互处理方法、装置、电子设备及存储介质 | |
| CN111914199B (zh) | 一种页面元素过滤方法、装置、设备及存储介质 | |
| CN109657205B (zh) | 文本行高的调整方法及装置、电子设备 | |
| CN111597151A (zh) | 文件生成方法、装置、计算机设备和存储介质 | |
| CN114428899B (zh) | 多媒体资源推送方法、装置、电子设备及存储介质 | |
| US20230140498A1 (en) | Glyph Accessibility and Swash Control System | |
| US11809806B2 (en) | Glyph accessibility system | |
| CN111506378B (zh) | 文字显示效果的预览方法、装置、设备及存储介质 | |
| CN112001157B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: No.1-1 Suning Avenue, Xuzhuang Software Park, Xuanwu District, Nanjing, Jiangsu Province, 210000 Patentee after: Jiangsu Suning cloud computing Co.,Ltd. Country or region after: China Address before: No.1-1 Suning Avenue, Xuzhuang Software Park, Xuanwu District, Nanjing, Jiangsu Province, 210000 Patentee before: Suning Cloud Computing Co.,Ltd. Country or region before: China |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240826 Address after: Room 3104, Building A5, No. 3 Gutan Avenue, Economic Development Zone, Gaochun District, Nanjing City, Jiangsu Province, 210000 Patentee after: Jiangsu Biying Technology Co.,Ltd. Country or region after: China Address before: No.1-1 Suning Avenue, Xuzhuang Software Park, Xuanwu District, Nanjing, Jiangsu Province, 210000 Patentee before: Jiangsu Suning cloud computing Co.,Ltd. Country or region before: China |