CN114610295A - 一种页面容器的布局方法、装置、设备及介质 - Google Patents

一种页面容器的布局方法、装置、设备及介质 Download PDF

Info

Publication number
CN114610295A
CN114610295A CN202210286977.9A CN202210286977A CN114610295A CN 114610295 A CN114610295 A CN 114610295A CN 202210286977 A CN202210286977 A CN 202210286977A CN 114610295 A CN114610295 A CN 114610295A
Authority
CN
China
Prior art keywords
target
resolution
information
width
determining
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.)
Pending
Application number
CN202210286977.9A
Other languages
English (en)
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.)
Yunli Intelligent Technology Co ltd
Original Assignee
Yunli Intelligent Technology Co 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 Yunli Intelligent Technology Co ltd filed Critical Yunli Intelligent Technology Co ltd
Priority to CN202210286977.9A priority Critical patent/CN114610295A/zh
Publication of CN114610295A publication Critical patent/CN114610295A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明实施例公开了一种页面容器的布局方法、装置、设备及介质。该方法由布局设计器执行；所述布局设计器用于控制条形容器在页面两侧的布局方式。该方法包括：获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；读取显示装置的目标分辨率；按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。本技术方案，能根据显示装置的分辨率自适应调整条形容器在页面两侧的布局方式，可以有效避免页面布局不合理的问题，增强了页面布局的灵活性，能更好地满足用户对页面的可视化需求。

Description

一种页面容器的布局方法、装置、设备及介质
技术领域
本发明涉及数据处理技术领域，尤其涉及一种页面容器的布局方法、装置、设备及介质。
背景技术
随着可视化技术的快速发展，人们对显示页面的可视化要求越来越高。如何实现对页面的合理布局，是可视化技术中重点关注的问题。通常采用在页面中设置条形容器的方式控制页面布局。其中，条形容器可以理解为信息显示区域的布局框架。例如，在展示某地区居住环境信息时，可以在显示页面的不同位置设置多个条形容器，并将该地区的人口、建筑、交通和植被等信息分别在不同的条形容器中进行显示。
对于条形容器来说，可以采用不同方式进行页面布局。相关技术中，采用静态布局方式进行页面布局。所谓静态布局是指通过代码控制的固定不变的页面布局。在这种情况下，无论页面大小是多少，页面布局始终是按照代码设定好的固定布局进行显示。
然而，该方式只能显示固定的页面布局，无法针对不同页面做出改变，使得页面布局的灵活性变差。当显示页面太大或者太小时，静态布局容易导致页面元素无法正常显示，此时布局方式是不合理的。因此，如何针对不同显示器进行合理的页面布局，是目前亟待解决的问题。
发明内容
本发明提供了一种页面容器的布局方法、装置、设备及介质，能够自适应调整条形容器在页面两侧的布局方式，可有效避免页面布局不合理的问题，增强了页面布局的灵活性，能更好地满足用户的可视化需求。
根据本发明的一方面，提供了一种页面容器的布局方法，所述方法由布局设计器执行；所述布局设计器用于控制条形容器在页面两侧的布局方式；所述方法包括：
获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；
读取显示装置的目标分辨率；
按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
可选的，所述预设显示要求包括固定容器宽度；
相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：
将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；
以及，
根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
可选的，所述预设显示要求包括固定容器宽度百分比；
相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：
根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔；
以及，
根据所述基准高度信息的高度比与所述目标分辨率的垂直分辨率确定目标高度。
可选的，所述预设显示要求还包括固定容器宽度百分比时的最大缩放比例和/或最小缩放比例；
相应的，在根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔之前，所述方法还包括：
确定所述目标分辨率的水平分辨率与所述标准分辨率的水平分辨率的比值为缩放比值；
若所述缩放比值大于最大缩放比例，则根据所述最大缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最大缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最大缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔；
和/或，
若所述缩放比值小于最小缩放比例，则根据所述最小缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最小缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最小缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔。
可选的，所述方法还包括：
获取标准分辨率下条形容器的上边距；
相应的，在按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度之后，所述方法还包括：
按照预设显示要求，根据所述目标分辨率和所述标准分辨率确定条形容器的目标上边距。
可选的，所述方法还包括：
根据所述目标宽度、目标左右边距、目标左右间隔以及目标高度，对页面中的至少一个条形容器在页面的左侧和右侧进行排列。
根据本发明的另一方面，提供了一种页面容器的布局装置，所述装置配置于布局设计器；所述布局设计器用于控制条形容器在页面两侧的布局方式；所述装置包括：
基准信息获取模块，用于获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；
目标分辨率读取模块，用于读取显示装置的目标分辨率；
目标信息确定模块，用于按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
可选的，所述预设显示要求包括固定容器宽度；
相应的，所述目标信息确定模块，具体用于：
将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；
以及，
根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
根据本发明的另一方面，提供了一种页面容器的布局电子设备，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的页面容器的布局方法。
根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的页面容器的布局方法。
本发明实施例的技术方案，首先获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息，然后读取显示装置的目标分辨率，进而按照预设显示要求，根据目标分辨率和标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。本技术方案，能够根据显示装置的分辨率自适应调整条形容器在页面两侧的布局方式，可有效避免显示比例不合适等页面布局问题，增强了页面布局的灵活性，能更好地满足用户对页面的可视化需求。
应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据本发明实施例一提供的一种页面容器的布局方法的流程图；
图2是根据本发明实施例一提供的一种条形容器基准信息的示意图；
图3是根据本发明实施例一提供的一种布局预览页面的示意图；
图4是根据本发明实施例一提供的一种条形容器分布的示意图；
图5是根据本发明实施例二提供的一种页面容器的布局方法的流程图；
图6是根据本发明实施例三提供的一种页面容器的布局方法的流程图；
图7是根据本发明实施例四提供的一种页面容器的布局装置的结构示意图；
图8是实现本发明实施例的一种页面容器的布局方法的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”“目标”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例一
图1为本发明实施例一提供的一种页面容器的布局方法的流程图，本实施例可适用于对条形容器在页面两侧的布局方式进行自适应调整的情况。该方法可以由布局设计器执行，所述布局设计器包括页面容器的布局装置，可以用于控制条形容器在页面两侧的布局方式。该方法可以由页面容器的布局装置来执行，该页面容器的布局装置可以采用硬件和/或软件的形式实现，该页面容器的布局装置可配置于具有数据处理能力的电子设备中。如图1所示，该方法包括：
S110，获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息。
其中，标准分辨率可以是指预先设定好的基准页面分辨率，包括标准水平分辨率和标准垂直分辨率。可以通过像素数多少来描述页面显示质量。具体的，若像素数越多，则表示标准分辨率越高，表明页面显示质量越好。示例性的，当标准分辨率为1280×960时，可以表示标准水平分辨率为1280个像素，且标准垂直分辨率为960个像素。
本实施例中，条形容器可以理解为用于盛放页面显示内容的条形区域布局框架。需要说明的是，每个条形容器是一个独立单元，可以对本容器内的显示内容进行单独管理。基准宽度信息可以用于表征标准分辨率下条形容器本身的宽度。基准左右边距信息可以用于表征标准分辨率下条形容器的左右边界距离显示页面左右边界的距离。基准左右间隔信息可以用于表征标准分辨率下页面两侧各个条形容器之间的间隔距离。基准高度信息可以用于表征标准分辨率下条形容器本身的高度。
图2为本发明实施例一提供的一种条形容器基准信息的示意图。图中包括A1、A2、B1、B2四个条形容器，且A1和A2排列在页面左侧，B1和B2排列在页面右侧。其中，x1、x2、x3分别表示标准分辨率下条形容器的基准宽度、基准左右边距以及基准左右间隔，而y表示标准分辨率下条形容器的基准高度。需要说明的是，本实施例对条形容器的数量和布局情况不做任何限制。当页面两侧各有一个条形容器时，无需考虑基准左右间隔。此外，标准分辨率下各个条形容器的基准宽度信息、基准左右间隔信息和基准高度信息可以相同。
S120，读取显示装置的目标分辨率。
其中，显示装置可以是指能够进行页面显示的电子设备。例如，显示装置可以是手机、电脑以及电子显示屏等。目标分辨率可以是指显示装置的分辨率，包括目标水平分辨率和目标垂直分辨率。同样的，目标分辨率也可以通过像素数进行描述。例如，当目标分辨率为800×600时，可以表示显示装置的水平分辨率为800个像素，垂直分辨率为600个像素。
S130，按照预设显示要求，根据目标分辨率和标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
其中，预设显示要求可以是指基于标准分辨率下的条形容器尺寸信息，预先设定好的在显示装置进行页面显示的具体要求。例如，预设显示要求可以包括对条形容器的宽度和高度要求，或者对条形容器距离页面边界的距离要求，以及对各个条形容器之间的距离要求，也可以包括对页面两侧的条形容器分布数量要求，本实施例对预设显示要求的具体内容不做任何限定，可以根据实际应用需求做出灵活调整。
本实施例中，目标宽度和目标高度可以分别是指显示装置页面上条形容器的宽度和高度。目标左右边距可以是指显示装置页面上两侧条形容器边界距离显示页面左右边界的距离。目标左右间隔可以是指显示装置页面上两侧条形容器之间的距离。
本实施例中，可以按照预设显示要求，基于目标分辨率和标准分辨率，对条形容器的宽度、左右边距、左右间隔以及高度中的一个或者多个参数进行调整，从而确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。例如，当目标分辨率和标准分辨率差距不大时，可以保持条形容器的宽度和左右间隔不变，对条形容器的左右边距和高度进行调整；当目标分辨率和标准分辨率差距比较大时，可以同时对条形容器的宽度、左右边距、左右间隔以及高度进行调整，从而更好地适应显示装置的页面布局，提升用户的观感体验。
需要说明的是，在特殊情况下，可能会出现目标分辨率和标准分辨率相同，此时可以直接将标准分辨率下条形容器的基准宽度、基准左右边距、基准左右间隔和基准高度分别确定为条形容器的目标宽度、目标左右边距、目标左右间隔和目标高度，即条形容器的布局保持不变。
本实施例中，可以根据目标分辨率和标准分辨率的缩放比例确定条形容器的目标尺寸，也可以根据目标分辨率和标准分辨率的映射关系来确定条形容器的目标尺寸。示例性的，可以将目标分辨率和标准分辨率的比值作为缩放比例，按照缩放比例对条形容器的基准尺寸进行缩放，以此确定条形容器的目标尺寸。图3为本发明实施例一提供的一种布局预览页面的示意图。图中包括了两个条形容器，其中一个容器中显示了楼宇情况。
本发明实施例的技术方案，首先获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息，然后读取显示装置的目标分辨率，进而按照预设显示要求，根据目标分辨率和标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。本技术方案，能够根据显示装置的分辨率自适应调整条形容器在页面两侧的布局方式，可有效避免显示比例不合适等页面布局问题，增强了页面布局的灵活性，能更好地满足用户对页面的可视化需求。
在本实施例中，可选的，所述方法还包括：获取标准分辨率下条形容器的上边距；相应的，在按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度之后，所述方法还包括：按照预设显示要求，根据所述目标分辨率和所述标准分辨率确定条形容器的目标上边距。
其中，条形容器的上边距可以是指标准分辨率下条形容器的上边界与页面上边界之间的距离。目标上边距可以是指显示装置页面上条形容器的上边界与页面上边界之间的距离。
本实施例中，预设显示要求可以包括对条形容器的上边距要求。因此，在确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度之后，可以基于目标分辨率和标准分辨率按照预设上边距要求，确定条形容器的目标上边距。同样的，可以根据目标分辨率和标准分辨率的缩放比例或者映射关系，对标准分辨率下条形容器的上边距进行处理，以此确定条形容器的目标上边距。
本方案通过这样的设置，可以根据实际需求对显示装置页面上的条形容器上边距进行调整，进一步增强了页面布局的灵活性。
在本实施例中，可选的，所述方法还包括：根据所述目标宽度、目标左右边距、目标左右间隔以及目标高度，对页面中的至少一个条形容器在页面的左侧和右侧进行排列。
本实施例中，可以根据目标宽度、目标左右边距、目标左右间隔以及目标高度，将至少一个条形容器排列在显示装置页面的左、右两侧。具体的，若仅有一个条形容器，可以按照目标尺寸将其排列在页面的左侧或者右侧；若有多个条形容器，可以将所有条形容器分成两部分，一部分条形容器按照目标尺寸排列在页面的左侧，而另一部分条形容器按照目标尺寸排列在页面的右侧，本实施例中不限定页面两侧条形容器的数量和具体分布情况。图4为本发明实施例一提供的一种条形容器分布的示意图。图中展示了条形容器的五种分布情况。其中，1-6表示不同的条形容器。
本方案通过这样的设置，可以将条形容器排列在在显示页面的左、右两侧，避免了全屏铺满方式导致的显示比例不协调或者不美观等问题，能进一步增强页面布局的灵活性。
实施例二
图5为本发明实施例二提供的一种页面容器的布局方法的流程图，本实施例以上述实施例为基础进行优化。具体优化为：所述预设显示要求包括固定容器宽度；相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；以及，根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
如图5所示，本实施例的方法具体包括如下步骤：
S510，获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息。
S520，读取显示装置的目标分辨率。
S530，按照预设固定容器宽度，将基准宽度信息的宽度值确定为目标宽度；将基准左右边距信息的左右边距值确定为目标左右边距；将基准左右间隔信息的左右间隔值确定为目标左右间隔；以及，根据基准高度信息的高度值，以及目标分辨率和标准分辨率的垂直分辨率比值，确定目标高度。
本实施例可以适用于基于预设固定容器宽度确定条形容器目标尺寸的场景。在该场景下，与标准分辨率下条形容器的基准信息相比，条形容器的宽度相关信息保持不变，只调整其高度信息。
其中，预设固定容器宽度可以是指针对条形容器预先设定的固定不变的基准宽度。示例性的，预设固定容器宽度包括基准宽度值、基准左右边距值和基准左右间隔值。在本实施例中，使条形容器的宽度相关信息保持不变，也就是说将基准宽度信息的宽度值确定为目标宽度；将基准左右边距信息的左右边距值确定为目标左右边距；将基准左右间隔信息的左右间隔值确定为目标左右间隔。进而可以根据基准高度信息的高度值，以及目标分辨率和标准分辨率的垂直分辨率比值，确定目标高度。
示例性的，假设标准分辨率为m×n，条形容器的基准宽度值为x1、基准左右边距值为x2、基准左右间隔值为x3以及基准高度值为y。如果显示装置的目标分辨率为m×n，则可以确定条形容器的目标宽度为x1、目标左右边距为x2、目标左右间隔为x3以及目标高度为y。也就是说，当标准分辨率与目标分辨率相同时，可以不用改变条形容器的尺寸信息。如果显示装置的目标分辨率为m1×n1，则可以确定条形容器的目标宽度为x1、目标左右边距为x2、目标左右间隔为x3，以及目标高度为y×n1/n。其中，n1/n为目标分辨率和标准分辨率的垂直分辨率比值，即伸缩比例。也就是说，当标准分辨率与目标分辨率不相同时，可以使条形容器的宽度相关信息保持不变，根据伸缩比例确定条形容器的高度信息。
本发明实施例的技术方案，可以通过固定容器宽度，在条形容器宽度相关信息保持不变的前提下，根据目标分辨率和标准分辨率的垂直分辨率比值，通过对基准高度值进行伸缩变换确定条形容器的高度信息。本技术方案，能够实现固定宽度模式下的页面布局设计，可进一步提高页面布局的灵活性，以更好地满足用户对页面的可视化需求。
实施例三
图6为本发明实施例三提供的一种页面容器的布局方法的流程图，本实施例以实施例一为基础进行优化。具体优化为：所述预设显示要求包括固定容器宽度百分比；相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔；以及，根据所述基准高度信息的高度比与所述目标分辨率的垂直分辨率确定目标高度。
如图6所示，本实施例的方法具体包括如下步骤：
S610，获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息。
S620，读取显示装置的目标分辨率。
S630，按照预设固定容器宽度百分比，根据基准宽度信息的宽度比与目标分辨率的水平分辨率确定目标宽度；根据基准左右边距信息的左右边距比与目标分辨率的水平分辨率确定目标左右边距；根据基准左右间隔信息的左右间隔比与目标分辨率的水平分辨率确定目标左右间隔；以及，根据基准高度信息的高度比与目标分辨率的垂直分辨率确定目标高度。
本实施例可以适用于基于预设固定容器宽度百分比确定条形容器目标尺寸的场景。在该场景下，与标准分辨率下条形容器的基准信息相比，条形容器的宽度与高度信息均可以得到适应性调整。
其中，预设固定容器宽度百分比可以是指针对条形容器预先设定好的固定不变的基准尺寸百分比。示例性的，预设固定容器宽度百分比可以包括基准宽度比、基准左右边距比、基准左右间隔比以及基准高度比。在本实施例中，可以按照预设固定容器宽度百分比，根据基准宽度宽度比与目标分辨率的水平分辨率确定目标宽度；根据基准左右边距比与目标分辨率的水平分辨率确定目标左右边距；根据基准左右间隔比与目标分辨率的水平分辨率确定目标左右间隔；以及根据基准高度比与目标分辨率的垂直分辨率确定目标高度。
示例性的，假设标准分辨率为m×n，条形容器的基准宽度值为x1％×m、基准左右边距值为x2％×m、基准左右间隔值为x3％×m以及基准高度值为y％×n。如果显示装置的目标分辨率为m×n，则可以确定条形容器的目标宽度为x1％×m、目标左右边距为x2％×m、目标左右间隔为x3％×m以及目标高度为y％×n。也就是说，当标准分辨率与目标分辨率相同时，可以不用改变条形容器的尺寸信息。如果显示装置的目标分辨率为m1×n1，则可以确定条形容器的目标宽度为x1％×m1、目标左右边距为x2％×m1、目标左右间隔为x3％×m1，以及目标高度为y％×n1。也就是说，当标准分辨率与目标分辨率不相同时，可以根据条形容器的预设固定容器宽度百分比以及目标分辨率确定目标尺寸信息。
本发明实施例的技术方案，可以通过固定容器宽度百分比，根据目标分辨率确定目标尺寸信息。本技术方案，能够实现固定宽度百分比模式下的页面布局设计，可进一步提高页面布局的灵活性，以更好地满足用户对页面的可视化需求。
在本实施例中，可选的，所述预设显示要求还包括固定容器宽度百分比时的最大缩放比例和/或最小缩放比例；相应的，在根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔之前，所述方法还包括：确定所述目标分辨率的水平分辨率与所述标准分辨率的水平分辨率的比值为缩放比值；若所述缩放比值大于最大缩放比例，则根据所述最大缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最大缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最大缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔；和/或，若所述缩放比值小于最小缩放比例，则根据所述最小缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最小缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最小缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔。
本实施例中，预设显示要求可以包括固定容器宽度百分比时的最大缩放比例以及最小缩放比例中的至少一种，可用于限定条形容器的缩放比例范围。示例性的，可以将最大缩放比例设为s％，最小缩放比例设定为t％。其中，s可以是大于100的任意数值，t可以是1-99中的任意数值。特殊的，若缩放比例为100％，可以表明目标尺寸与基准尺寸保持一致，此时则无需对条形容器进行缩放。
本实施例中，可以将目标分辨率与标准分辨率的水平分辨率的比值确定为缩放比值，并根据缩放比值与最大缩放比例的大小关系确定条形容器的目标宽度尺寸。具体的，若缩放比值大于最大缩放比例，可以根据最大缩放比例、基准宽度比与标准分辨率的水平分辨率确定目标宽度；根据最大缩放比例、基准左右边距比与标准分辨率的水平分辨率确定目标左右边距；根据最大缩放比例、基准左右间隔比与标准分辨率的水平分辨率确定目标左右间隔。示例性的，假设标准分辨率为m×n，条形容器的基准宽度值为x1％×m、基准左右边距值为x2％×m以及基准左右间隔值为x3％×m。当目标分辨率为m2×n2，且最大缩放比例为180％时，可以确定最大缩放比例为m2/m。若m2/m>180％，可以确定条形容器的目标宽度为x1％×m×180％、目标左右边距为x2％×m×180％以及目标左右间隔为x3％×m×180％。
本实施例中，在确定缩放比值之后，还可以根据缩放比值与最小缩放比例的大小关系确定条形容器的目标宽度尺寸。具体的，若缩放比值小于最小缩放比例，可以根据最小缩放比例、基准宽度比与标准分辨率的水平分辨率确定目标宽度；根据最小缩放比例、基准左右边距比与标准分辨率的水平分辨率确定目标左右边距；根据最小缩放比例、基准左右间隔比与标准分辨率的水平分辨率确定目标左右间隔。示例性的，在上述标准分辨率和基准宽度尺寸的假设条件基础上，当目标分辨率为m2×n2，且最小缩放比例为50％时，可以确定最小缩放比例为m2/m。若m2/m<50％，可以确定条形容器的目标宽度为x1％×m×50％、目标左右边距为x2％×m×50％以及目标左右间隔为x3％×m×50％。
需要说明的是，本实施例可以只根据缩放比值与最大缩放比例的关系确定条形容器的目标宽度尺寸，也可以只根据缩放比值与最小缩放比例的关系确定条形容器的目标宽度尺寸，还可以同时根据缩放比值与最大缩放比例以及最小缩放比例的关系确定条形容器的目标宽度尺寸。
本方案通过这样的设置，限定了条形容器的缩放比例，并能根据缩放比值与缩放比例的关系确定条形容器的目标宽度尺寸，可避免因缩放比例太大或太小导致的页面布局不合理的问题，提升了用户的观感体验。
实施例四
图7为本发明实施例四提供的一种页面容器的布局装置的结构示意图，该装置配置于布局设计器；所述布局设计器用于控制条形容器在页面两侧的布局方式。该装置可执行本发明任意实施例所提供的页面容器的布局方法，具备执行方法相应的功能模块和有益效果。如图7所示，该装置包括：
基准信息获取模块710，用于获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；
目标分辨率读取模块720，用于读取显示装置的目标分辨率；
目标信息确定模块730，用于按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
可选的，所述预设显示要求包括固定容器宽度；
相应的，所述目标信息确定模块730，具体用于：
将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；
以及，
根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
可选的，所述预设显示要求包括固定容器宽度百分比；
相应的，所述目标信息确定模块730，具体用于：
根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔；
以及，
根据所述基准高度信息的高度比与所述目标分辨率的垂直分辨率确定目标高度。
可选的，所述预设显示要求还包括固定容器宽度百分比时的最大缩放比例和/或最小缩放比例；
相应的，所述目标信息确定模块730，具体用于：
在根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔之前，确定所述目标分辨率的水平分辨率与所述标准分辨率的水平分辨率的比值为缩放比值；
若所述缩放比值大于最大缩放比例，则根据所述最大缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最大缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最大缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔；
和/或，
若所述缩放比值小于最小缩放比例，则根据所述最小缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最小缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最小缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔。
可选的，所述基准信息获取模块710，还用于：
获取标准分辨率下条形容器的上边距；
相应的，所述目标信息确定模块730，还用于：
在按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度之后，按照预设显示要求，根据所述目标分辨率和所述标准分辨率确定条形容器的目标上边距。
可选的，所述装置还包括：
排列模块，用于根据所述目标宽度、目标左右边距、目标左右间隔以及目标高度，对页面中的至少一个条形容器在页面的左侧和右侧进行排列。
本发明实施例所提供的一种页面容器的布局装置可执行本发明任意实施例所提供的一种页面容器的布局方法，具备执行方法相应的功能模块和有益效果。
实施例五
图8示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图8所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(ROM)12、随机访问存储器(RAM)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序，来执行各种适当的动作和处理。在RAM 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如页面容器的布局方法。
在一些实施例中，页面容器的布局方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时，可以执行上文描述的方法页面容器的布局的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面容器的布局方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种页面容器的布局方法，其特征在于，所述方法由布局设计器执行；所述布局设计器用于控制条形容器在页面两侧的布局方式；所述方法包括：
获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；
读取显示装置的目标分辨率；
按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
2.根据权利要求1所述的方法，其特征在于，所述预设显示要求包括固定容器宽度；
相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：
将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；
以及，
根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
3.根据权利要求1所述的方法，其特征在于，所述预设显示要求包括固定容器宽度百分比；
相应的，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度，包括：
根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔；
以及，
根据所述基准高度信息的高度比与所述目标分辨率的垂直分辨率确定目标高度。
4.根据权利要求3所述的方法，其特征在于，所述预设显示要求还包括固定容器宽度百分比时的最大缩放比例和/或最小缩放比例；
相应的，在根据所述基准宽度信息的宽度比与所述目标分辨率的水平分辨率确定目标宽度；根据所述基准左右边距信息的左右边距比与所述目标分辨率的水平分辨率确定目标左右边距；根据所述基准左右间隔信息的左右间隔比与所述目标分辨率的水平分辨率确定目标左右间隔之前，所述方法还包括：
确定所述目标分辨率的水平分辨率与所述标准分辨率的水平分辨率的比值为缩放比值；
若所述缩放比值大于最大缩放比例，则根据所述最大缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最大缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最大缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔；
和/或，
若所述缩放比值小于最小缩放比例，则根据所述最小缩放比例、所述基准宽度信息的宽度比与所述标准分辨率的水平分辨率确定目标宽度；根据所述最小缩放比例、所述基准左右边距信息的左右边距比与所述标准分辨率的水平分辨率确定目标左右边距；根据所述最小缩放比例、所述基准左右间隔信息的左右间隔比与所述标准分辨率的水平分辨率确定目标左右间隔。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
获取标准分辨率下条形容器的上边距；
相应的，在按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度之后，所述方法还包括：
按照预设显示要求，根据所述目标分辨率和所述标准分辨率确定条形容器的目标上边距。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
根据所述目标宽度、目标左右边距、目标左右间隔以及目标高度，对页面中的至少一个条形容器在页面的左侧和右侧进行排列。
7.一种页面容器的布局装置，其特征在于，所述装置配置于布局设计器；所述布局设计器用于控制条形容器在页面两侧的布局方式；所述装置包括：
基准信息获取模块，用于获取标准分辨率下条形容器的基准宽度信息、基准左右边距信息、基准左右间隔信息以及基准高度信息；
目标分辨率读取模块，用于读取显示装置的目标分辨率；
目标信息确定模块，用于按照预设显示要求，根据所述目标分辨率和所述标准分辨率分别确定条形容器的目标宽度、目标左右边距、目标左右间隔以及目标高度。
8.根据权利要求7所述的装置，其特征在于，所述预设显示要求包括固定容器宽度；
相应的，所述目标信息确定模块，具体用于：
将所述基准宽度信息的宽度值确定为目标宽度；将所述基准左右边距信息的左右边距值确定为目标左右边距；将所述基准左右间隔信息的左右间隔值确定为目标左右间隔；
以及，
根据所述基准高度信息的高度值，以及所述目标分辨率和所述标准分辨率的垂直分辨率比值，确定目标高度。
9.一种页面容器的布局电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-6中任一项所述的页面容器的布局方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-6中任一项所述的页面容器的布局方法。
CN202210286977.9A 2022-03-22 2022-03-22 一种页面容器的布局方法、装置、设备及介质 Pending CN114610295A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210286977.9A CN114610295A (zh) 2022-03-22 2022-03-22 一种页面容器的布局方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210286977.9A CN114610295A (zh) 2022-03-22 2022-03-22 一种页面容器的布局方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
CN114610295A true CN114610295A (zh) 2022-06-10

Family

ID=81865476

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210286977.9A Pending CN114610295A (zh) 2022-03-22 2022-03-22 一种页面容器的布局方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN114610295A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114756190A (zh) * 2022-06-14 2022-07-15 统信软件技术有限公司 一种基于分辨率调整缩放的方法、装置及计算设备
CN115166186A (zh) * 2022-08-08 2022-10-11 广东长天思源环保科技股份有限公司 一种污水处理企业入水口水质在线自动监测系统

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104063148A (zh) * 2014-06-11 2014-09-24 科大讯飞股份有限公司 移动终端上Web应用程序的界面动态适配方法及系统
CN104156406A (zh) * 2014-07-29 2014-11-19 腾讯科技（深圳）有限公司 应用程序内嵌页面显示方法及装置
CN105653254A (zh) * 2014-12-03 2016-06-08 科大讯飞股份有限公司 原生界面适配方法、装置及应用其的电子设备
US20190121623A1 (en) * 2017-10-23 2019-04-25 Open Text Sa Ulc Universal application framework for streamlined frontend development of user interface applications
CN111258582A (zh) * 2020-02-10 2020-06-09 北京字节跳动网络技术有限公司 一种窗口渲染方法、装置、计算机设备及存储介质
CN112346725A (zh) * 2020-11-05 2021-02-09 南方电网数字电网研究院有限公司 页面设计方法、装置、设备及存储介质
CN113253959A (zh) * 2021-05-26 2021-08-13 智慧泉城智能科技有限公司 一种适配不同大屏分辨率的前端投屏方法
CN113268307A (zh) * 2021-06-18 2021-08-17 深圳前海微众银行股份有限公司 页面组件显示方法、装置、设备及存储介质
CN114168128A (zh) * 2020-09-10 2022-03-11 华为技术有限公司 生成响应式页面的方法、图形用户界面及电子设备

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104063148A (zh) * 2014-06-11 2014-09-24 科大讯飞股份有限公司 移动终端上Web应用程序的界面动态适配方法及系统
CN104156406A (zh) * 2014-07-29 2014-11-19 腾讯科技（深圳）有限公司 应用程序内嵌页面显示方法及装置
CN105653254A (zh) * 2014-12-03 2016-06-08 科大讯飞股份有限公司 原生界面适配方法、装置及应用其的电子设备
US20190121623A1 (en) * 2017-10-23 2019-04-25 Open Text Sa Ulc Universal application framework for streamlined frontend development of user interface applications
CN111258582A (zh) * 2020-02-10 2020-06-09 北京字节跳动网络技术有限公司 一种窗口渲染方法、装置、计算机设备及存储介质
CN114168128A (zh) * 2020-09-10 2022-03-11 华为技术有限公司 生成响应式页面的方法、图形用户界面及电子设备
CN112346725A (zh) * 2020-11-05 2021-02-09 南方电网数字电网研究院有限公司 页面设计方法、装置、设备及存储介质
CN113253959A (zh) * 2021-05-26 2021-08-13 智慧泉城智能科技有限公司 一种适配不同大屏分辨率的前端投屏方法
CN113268307A (zh) * 2021-06-18 2021-08-17 深圳前海微众银行股份有限公司 页面组件显示方法、装置、设备及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114756190A (zh) * 2022-06-14 2022-07-15 统信软件技术有限公司 一种基于分辨率调整缩放的方法、装置及计算设备
CN115166186A (zh) * 2022-08-08 2022-10-11 广东长天思源环保科技股份有限公司 一种污水处理企业入水口水质在线自动监测系统

Similar Documents

Publication Publication Date Title
US10339209B2 (en) Webpage display method and device
CN114610295A (zh) 一种页面容器的布局方法、装置、设备及介质
EP3876197A2 (en) Portrait extracting method and apparatus, electronic device and storage medium
CN113655975B (zh) 图像显示方法、装置、电子设备和介质
CN114168793A (zh) 主播展示方法、装置、设备和存储介质
CN104133869B (zh) 一种网页页面刷新方法
CN105389308A (zh) 网页的显示处理方法及装置
CN109800039B (zh) 一种用户界面展示方法、装置、电子设备及存储介质
CN115423919B (zh) 图像的渲染方法、装置、设备以及存储介质
CN116595089A (zh) 一种任务依赖图布局方法、装置、设备及存储介质
CN112395535A (zh) 图片的懒加载方法及装置、介质和电子设备
CN115878935A (zh) 一种图表的局部刷新方法、系统、装置、设备及介质
CN115643468A (zh) 海报生成方法、装置、电子设备及存储介质
CN113608809A (zh) 组件的布局方法、装置、设备、存储介质及程序产品
CN114786051B (zh) 一种视频渲染方法、装置、电子设备及存储介质
CN115686714A (zh) 一种页面展示方法、装置、设备及存储介质
CN114329278B (zh) 搜索结果页的处理方法、装置、电子设备和存储介质
CN115328607B (zh) 一种半导体器件渲染方法、装置、设备及存储介质
CN113377380B (zh) 用户界面组件部署方法和装置
CN116610244A (zh) 缩略图展示控制方法、装置、设备及存储介质
CN114564166A (zh) 小程序页面的布局方法、装置、电子设备及存储介质
CN115862529A (zh) 屏幕刷新率更新方法、装置、设备以及存储介质
CN115599488A (zh) 页面显示方法、装置、电子设备及存储介质
CN116302277A (zh) 一种数据处理方法、装置、电子设备及介质
CN115857778A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20220610