CN115686706B - 终端视图配置方法、装置、计算机设备和存储介质 - Google Patents
终端视图配置方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN115686706B CN115686706B CN202211213547.0A CN202211213547A CN115686706B CN 115686706 B CN115686706 B CN 115686706B CN 202211213547 A CN202211213547 A CN 202211213547A CN 115686706 B CN115686706 B CN 115686706B
- Authority
- CN
- China
- Prior art keywords
- view
- terminal
- configuration
- component
- terminal view
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000006243 chemical reaction Methods 0.000 claims abstract description 45
- 230000004044 response Effects 0.000 claims abstract description 37
- 238000004590 computer program Methods 0.000 claims abstract description 26
- 238000012545 processing Methods 0.000 claims description 20
- 238000004364 calculation method Methods 0.000 claims description 9
- 238000000638 solvent extraction Methods 0.000 claims description 7
- 230000003321 amplification Effects 0.000 claims description 6
- 230000006870 function Effects 0.000 claims description 6
- 238000003199 nucleic acid amplification method Methods 0.000 claims description 6
- 230000009467 reduction Effects 0.000 claims description 6
- 230000007704 transition Effects 0.000 claims 2
- 230000006978 adaptation Effects 0.000 abstract description 8
- 230000000694 effects Effects 0.000 abstract description 6
- 238000011161 development Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000013475 authorization Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种终端视图配置方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括:在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各视图划分区域对应的组件对象,生成第一终端视图;获取第一终端视图对应的视图布局信息;响应于作用在第二视图配置界面中的视图转换操作,根据第一终端视图对应的视图布局信息,生成基于第一终端视图转换的第二终端视图;根据第一终端视图和第二终端视图,得到视图配置事件的终端视图配置结果。采用本方法实现了针对不同设备终端自动适配显示视图,能够自定义配置布局,提升了配置灵活性和配置效果,开发简单、快捷。
Description
技术领域
本申请涉及互联网技术领域,特别是涉及一种终端视图配置方法、装置、计算机设备、存储介质和计算机程序产品。
背景技术
目前,通常采用低代码开发平台进行终端视图配置,由于大多数的低代码开发平台的配置模式限制,不支持针对多个终端设备的不同屏幕显示情况进行自定义布局。为不同终端设备适应性配置终端视图的开发成本高,视图布局展示效果不佳。
发明内容
基于此,有必要针对上述技术问题,提供一种能够解决上述问题的终端视图配置方法、装置、计算机设备、存储介质和计算机程序产品。
第一方面,本申请提供了一种终端视图配置方法,所述方法包括:
在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在其中一个实施例中,所述在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图,包括:
在检测到视图配置事件时,将针对所述视图配置事件创建的初始终端视图展示在第一视图配置界面中;
响应于作用在所述第一视图配置界面中的区域布局操作,对所述初始终端视图进行区域划分处理,得到包含所述多个视图划分区域的划分后终端视图;所述多个视图划分区域具有层叠关系;
响应于作用在所述第一视图配置界面中的组件添加操作,在所述划分后终端视图的各所述视图划分区域中添加对应的组件对象,生成所述第一终端视图。
在其中一个实施例中,所述获取第一终端视图对应的视图布局信息,包括:
响应于针对第二视图配置界面的开启操作,展示所述第二视图配置界面;
获取各所述视图划分区域对应的区域位置参数,以及各所述视图划分区域中所展示组件对象的组件信息,作为所述第一终端视图对应的视图布局信息。
在其中一个实施例中,所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图,包括:
针对任一视图划分区域,从所述任一视图划分区域对应的区域位置参数中,获取对应数组信息;所述对应数组信息用于表征所述任一视图划分区域中所展示的各所述组件对象对应的组件坐标;
按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息;
基于各所述视图划分区域对应的转换后的对应数组信息,配置得到所述第二终端视图。
在其中一个实施例中,所述按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息,包括:
根据所述任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各所述组件对象对应的组件坐标进行同比放大或缩小,得到各所述组件对象对应的转换后组件坐标,作为所述转换后的对应数组信息。
在其中一个实施例中,在所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图的步骤之后,所述方法还包括:
响应于视图调整操作,确定区域调整信息和/或组件调整信息;
根据所述区域调整信息调整所述第二终端视图中的区域布局,和/或根据所述组件调整信息调整所述第二终端视图中的组件布局,得到调整后第二终端视图;
所述根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果,包括:
根据所述第一终端视图和所述调整后第二终端视图,得到所述视图配置事件的终端视图配置结果。
第二方面,本申请还提供了一种终端视图配置装置,所述装置包括:
第一终端视图生成模块,用于在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
视图布局信息获取模块,用于获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
第二终端视图生成模块,用于响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
终端视图配置结果得到模块,用于根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
第三方面,本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现如上所述的终端视图配置方法的步骤。
第四方面,本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的终端视图配置方法的步骤。
第五方面,本申请还提供了一种计算机程序产品。所述计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上所述的终端视图配置方法的步骤。
上述一种终端视图配置方法、装置、计算机设备、存储介质和计算机程序产品,通过在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各视图划分区域对应的组件对象,生成第一终端视图,然后获取第一终端视图对应的视图布局信息,该视图布局信息用于表征各视图划分区域的所处位置,以及各视图划分区域中的组件对象展示情况,进而响应于作用在第二视图配置界面中的视图转换操作,根据第一终端视图对应的视图布局信息,生成基于第一终端视图转换的第二终端视图,该第一终端视图和第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图,根据第一终端视图和第二终端视图,得到视图配置事件的终端视图配置结果,实现了针对不同设备终端自动适配显示视图,且能够自定义配置布局,提升了配置灵活性和配置效果,开发简单、快捷。
附图说明
图1为一个实施例中一种终端视图配置方法的流程示意图;
图2为一个实施例中一种多终端设备视图配置流程的示意图;
图3为一个实施例中一种第二终端视图生成步骤的流程示意图;
图4为一个实施例中另一种终端视图配置方法的流程示意图;
图5为一个实施例中一种终端视图配置装置的结构框图;
图6为一个实施例中一种计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据;对应的,本申请还提供有相应的用户授权入口,供用户选择授权或者选择拒绝。
在一个实施例中,如图1所示,提供了一种终端视图配置方法,本实施例以该方法应用于终端进行举例说明,可以理解的是,该方法也可以应用于服务器,还可以应用于包括终端和服务器的系统,并通过终端和服务器的交互实现。本实施例中,该方法包括以下步骤:
步骤101,在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
其中,配置操作可以包括区域布局操作和组件添加操作,如可以对初始终端视图进行区域划分处理,并可以在划分后终端视图的各视图划分区域中添加对应的组件对象。
作为一示例,视图划分区域可以为视图中的布局模块,可以通过设置布局模块,形成视图整体布局情况;组件对象可以为待展示的图形组件,可以在布局模块之上添加对应的待展示图形组件。
在实际应用中,在检测到视图配置事件时,可以将针对视图配置事件创建的初始终端视图展示在第一视图配置界面中,然后可以响应于作用在第一视图配置界面中的区域布局操作,对初始终端视图进行区域划分处理,得到包含多个视图划分区域的划分后终端视图,进而可以响应于作用在第一视图配置界面中的组件添加操作,在划分后终端视图的各视图划分区域中添加对应的组件对象,生成第一终端视图。
具体地,在检测到视图配置事件时,如图2所示,可以创建一空视图(即初始终端视图),如可以为针对PC端的空视图,并可以在第一视图配置界面中展示该空视图,然后可以通过设置布局模块(即视图划分区域),形成PC端视图的整体布局情况,进而可以通过添加组件方式,在布局模块之上添加对应的待展示图形组件(即各视图划分区域对应的组件对象),形成一个完整的PC端视图(即第一终端视图)。
在一个可选实施例中,可以通过拖拽设置,使得多个布局模块(即多个视图划分区域)之间支持层叠覆盖方式,并可以基于拖拽操作在布局模块之上添加待展示图形组件,从而能够采用灵活的自定义配置方式得到第一终端视图。
步骤102,获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
作为一示例,视图布局信息可以包括各视图划分区域对应的区域位置参数,如区域位置坐标,以及各视图划分区域中所展示组件对象的组件信息,如所展示的图形组件及其组件坐标。
在具体实现中,可以根据第一终端视图,获取第一终端视图中各视图划分区域对应的区域位置参数,以及各视图划分区域中所展示组件对象的组件信息,作为第一终端视图对应的视图布局信息。
例如,如图2所示,在生成PC端视图(即第一终端视图)后,可以通过点击界面中的适配控件,展示新的具有同样拖拽编辑功能的视图配置界面,并可以基于新的视图配置界面,获取PC端视图对应的布局模块参数和组件信息(即第一终端视图对应的视图布局信息)。
步骤103,响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;
其中,第一终端视图和第二终端视图可以为基于相同配置布局,针对不同设备属性的终端所配置的显示视图,如可以同时适配得到PC端和移动终端对应的显示视图。
作为一示例,设备属性可以包括终端设备内核、设备分辨率、显示屏尺寸等设备差异,还可以包括其它相关的设备属性,在本实施例中不作具体限制;第一终端和第二终端可以为个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备等。
在得到第一终端视图对应的视图布局信息后,可以响应于作用在第二视图配置界面中的视图转换操作,针对第一终端视图中任一视图划分区域,从其对应的区域位置参数中获取对应数组信息,以确定该任一视图划分区域中所展示的各组件对象对应的组件坐标,进而可以按照预设的参数转换条件转换对应数组信息,得到转换后的对应数组信息,并可以基于各视图划分区域对应的转换后的对应数组信息,配置得到第二终端视图。
在一示例中,可以通过用户点击预设控件触发视图转换操作,也可以基于自动适配流程触发视图转换操作,例如,可以通过点击适配控件,展示新的视图配置界面(即第二视图配置界面),并可以获取第一终端视图对应的视图布局信息,进而可以根据自动适配处理生成移动终端的兼容视图(即第二终端视图)。
步骤104,根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在实际应用中,可以根据第一终端视图和第二终端视图,得到视图配置事件的终端视图配置结果,从而能够同时针对不同设备终端自动适配显示视图,并可以采用自定义布局方式进行灵活配置,提升了终端视图配置效率。
上述终端视图配置方法中,通过在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各视图划分区域对应的组件对象,生成第一终端视图,然后获取第一终端视图对应的视图布局信息,进而响应于作用在第二视图配置界面中的视图转换操作,根据第一终端视图对应的视图布局信息,生成基于第一终端视图转换的第二终端视图,根据第一终端视图和第二终端视图,得到视图配置事件的终端视图配置结果,实现了针对不同设备终端自动适配显示视图,且能够自定义配置布局,提升了配置灵活性和配置效果,开发简单、快捷。
在一个实施例中,所述在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图,可以包括如下步骤:
在检测到视图配置事件时,将针对所述视图配置事件创建的初始终端视图展示在第一视图配置界面中;响应于作用在所述第一视图配置界面中的区域布局操作,对所述初始终端视图进行区域划分处理,得到包含所述多个视图划分区域的划分后终端视图;所述多个视图划分区域具有层叠关系;响应于作用在所述第一视图配置界面中的组件添加操作,在所述划分后终端视图的各所述视图划分区域中添加对应的组件对象,生成所述第一终端视图。
在一示例中,在检测到视图配置事件时,可以创建一空视图(即初始终端视图),如可以为针对PC端的空视图,并可以在第一视图配置界面中展示该空视图,然后可以通过设置布局模块,形成PC端视图的整体布局情况,即响应于作用在第一视图配置界面中的区域布局操作,对初始终端视图进行区域划分处理,得到包含多个视图划分区域的划分后终端视图,进而可以通过添加组件方式,在布局模块之上添加对应的待展示图形组件,即响应于作用在第一视图配置界面中的组件添加操作,在划分后终端视图的各视图划分区域中添加对应的组件对象,形成一个完整的PC端视图(即第一终端视图)。
例如,可以通过拖拽设置,使得多个布局模块(即多个视图划分区域)之间支持层叠覆盖方式,并可以基于拖拽操作在布局模块之上添加待展示图形组件,从而能够采用灵活的自定义配置方式得到第一终端视图。
本实施例中,通过在检测到视图配置事件时,将针对视图配置事件创建的初始终端视图展示在第一视图配置界面中,然后响应于作用在第一视图配置界面中的区域布局操作,对初始终端视图进行区域划分处理,得到包含多个视图划分区域的划分后终端视图,进而响应于作用在第一视图配置界面中的组件添加操作,在划分后终端视图的各视图划分区域中添加对应的组件对象,生成第一终端视图,能够自定义配置布局得到第一终端视图,配置灵活。
在一个实施例中,所述获取第一终端视图对应的视图布局信息,可以包括如下步骤:
响应于针对第二视图配置界面的开启操作,展示所述第二视图配置界面;获取各所述视图划分区域对应的区域位置参数,以及各所述视图划分区域中所展示组件对象的组件信息,作为所述第一终端视图对应的视图布局信息。
在实际应用中,可以通过点击适配控件(即针对第二视图配置界面的开启操作),展示具有同样拖拽编辑功能的第二视图配置界面,进而可以获取PC端视图对应的布局模块参数(即区域位置参数)和组件信息(即各视图划分区域中所展示组件对象的组件信息),如各区域位置坐标和所展示的图形组件及其组件坐标,作为第一终端视图对应的视图布局信息。
在一示例中,第一终端视图对应的视图布局信息可以采用如下方式表示:
[{横向坐标:0,纵向坐标:0,宽度比例:10,高度比例:10},
{横向坐标:10,纵向坐标:0,宽度比例:10,高度比例:20},
{横向坐标:20,纵向坐标:0,宽度比例:10,高度比例:30}]
其中,该视图布局结构示例中均是宽高位置比例,可以基于当前视图视口配置一定比例数量,针对多个终端设备进行适配可以预设多个对应数组对象(如该示例的比例数量配置为30)。
本实施例中,通过响应于针对第二视图配置界面的开启操作,展示第二视图配置界面,进而获取各视图划分区域对应的区域位置参数,以及各视图划分区域中所展示组件对象的组件信息,作为第一终端视图对应的视图布局信息,为后续其它终端视图的转换配置提供了数据支持。
在一个实施例中,如图3所示,所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图,可以包括如下步骤:
步骤301,针对任一视图划分区域,从所述任一视图划分区域对应的区域位置参数中,获取对应数组信息;
其中,对应数组信息可以用于表征任一视图划分区域中所展示的各组件对象对应的组件坐标。
步骤302,按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息;
作为一示例,参数转换条件可以基于第一终端和第二终端对应的设备属性确定,如可以根据终端设备内核和设备分辨率预设参数转换条件,也可以根据终端设备屏幕尺寸差异预设参数转换条件。
在一示例中,在按照预设的参数转换条件转换对应数组信息时,可以根据任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各组件对象对应的组件坐标进行同比放大或缩小,得到各组件对象对应的转换后组件坐标,作为转换后的对应数组信息。
步骤303,基于各所述视图划分区域对应的转换后的对应数组信息,配置得到所述第二终端视图。
在具体实现中,可以通过获取第一终端视图对应的视图布局信息,按照预设的参数转换条件进行数组信息转换,进而可以根据自动适配处理生成第二终端视图,如移动终端的兼容视图。
本实施例中,通过针对任一视图划分区域,从任一视图划分区域对应的区域位置参数中,获取对应数组信息,然后按照预设的参数转换条件转换对应数组信息,得到转换后的对应数组信息,进而基于各视图划分区域对应的转换后的对应数组信息,配置得到第二终端视图,能够自动适配布局得到第二终端视图,开发简单、快捷。
在一个实施例中,所述按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息,可以包括如下步骤:
根据所述任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各所述组件对象对应的组件坐标进行同比放大或缩小,得到各所述组件对象对应的转换后组件坐标,作为所述转换后的对应数组信息。
在一示例中,可以根据PC端视图布局参数(即第一终端视图对应的视图布局信息),采用递归计算方法,通过同比放大或缩小处理进行数组信息转换,如基于PC端视图布局参数计算后(即转换后的对应数组信息)可以为:
[{横向坐标:0,纵向坐标:0,宽度比例:30(10*3),高度比例:30(10*3)},
{横向坐标:0,纵向坐标:30,宽度比例:30(10*3),高度比例:60(20*3)},
{横向坐标:0,纵向坐标:90,宽度比例:30(10*3),高度比例:90(30*3)}]
其中,可以将宽度设置为配置比例数量的配置总数,并对高度进行同比例放大或缩小,进而可以根据布局位置由横向转纵向,自上而下依次排列。
本实施例中,通过根据任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各组件对象对应的组件坐标进行同比放大或缩小,得到各组件对象对应的转换后组件坐标,作为转换后的对应数组信息,能够自动适配布局得到第二终端视图,提升了终端视图配置效率。
在一个实施例中,在所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图的步骤之后,可以包括如下步骤:
响应于视图调整操作,确定区域调整信息和/或组件调整信息;根据所述区域调整信息调整所述第二终端视图中的区域布局,和/或根据所述组件调整信息调整所述第二终端视图中的组件布局,得到调整后第二终端视图。
在实际应用中,如图2所示,可以通过二次加工处理方式,即响应于视图调整操作,通过灵活拖拽操作,或自定义不同间距的布局方式,对自动适配得到的第二终端视图进行布局调整,如可以调整第二终端视图中的区域布局,也可以调整第二终端视图中的组件布局,进而可以形成调整后的移动终端兼容视图(即调整后第二终端视图)。
例如,在自动适配得到移动终端兼容视图后,若未能满足用户需求,则可以通过二次自定义编辑处理,采用灵活拖拽操作调整视图中配置布局,生成满足用户需求的移动终端适配布局,并保存调整后的对应数组信息。
所述根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果,包括:
根据所述第一终端视图和所述调整后第二终端视图,得到所述视图配置事件的终端视图配置结果。
在一示例中,可以保存调整后生成的新配置布局(即调整后第二终端视图),其与PC视图的原配置布局(即第一终端视图)互不影响,从而实现了根据终端设备内核和设备分辨率适配不同的终端设备所需布局,或根据终端设备屏幕尺寸差异适配不同布局效果。
本实施例中,通过响应于视图调整操作,确定区域调整信息和/或组件调整信息,进而根据区域调整信息调整第二终端视图中的区域布局,和/或根据组件调整信息调整第二终端视图中的组件布局,得到调整后第二终端视图,能够自定义配置布局,提升了配置灵活性和配置效果,开发简单、快捷。
在一个实施例中,如图4所示,提供了另一种终端视图配置方法的流程示意图。本实施例中,该方法包括以下步骤:
在步骤401中,在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各视图划分区域对应的组件对象,生成第一终端视图。在步骤402中,响应于针对第二视图配置界面的开启操作,展示第二视图配置界面。在步骤403中,获取各视图划分区域对应的区域位置参数,以及各视图划分区域中所展示组件对象的组件信息,作为第一终端视图对应的视图布局信息。在步骤404中,响应于作用在第二视图配置界面中的视图转换操作,针对任一视图划分区域,从任一视图划分区域对应的区域位置参数中,获取对应数组信息,对应数组信息用于表征任一视图划分区域中所展示的各组件对象对应的组件坐标。在步骤405中,根据任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各组件对象对应的组件坐标进行同比放大或缩小,得到各组件对象对应的转换后组件坐标,作为转换后的对应数组信息。在步骤406中,基于各视图划分区域对应的转换后的对应数组信息,配置得到第二终端视图。在步骤407中,响应于视图调整操作,确定区域调整信息和/或组件调整信息,根据区域调整信息调整第二终端视图中的区域布局,和/或根据组件调整信息调整第二终端视图中的组件布局,得到调整后第二终端视图。在步骤408中,根据第一终端视图和调整后第二终端视图,得到视图配置事件的终端视图配置结果。需要说明的是,上述步骤的具体限定可以参见上文对一种终端视图配置方法的具体限定,在此不再赘述。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的终端视图配置方法的终端视图配置装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个终端视图配置装置实施例中的具体限定可以参见上文中对于终端视图配置方法的限定,在此不再赘述。
在一个实施例中,如图5所示,提供了一种终端视图配置装置,包括:
第一终端视图生成模块501,用于在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
视图布局信息获取模块502,用于获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
第二终端视图生成模块503,用于响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
终端视图配置结果得到模块504,用于根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在一个实施例中,所述第一终端视图生成模块501包括:
初始终端视图创建子模块,用于在检测到视图配置事件时,将针对所述视图配置事件创建的初始终端视图展示在第一视图配置界面中;
区域布局子模块,用于响应于作用在所述第一视图配置界面中的区域布局操作,对所述初始终端视图进行区域划分处理,得到包含所述多个视图划分区域的划分后终端视图;所述多个视图划分区域具有层叠关系;
组件添加子模块,用于响应于作用在所述第一视图配置界面中的组件添加操作,在所述划分后终端视图的各所述视图划分区域中添加对应的组件对象,生成所述第一终端视图。
在一个实施例中,所述视图布局信息获取模块502包括:
第二视图配置界面展示子模块,用于响应于针对第二视图配置界面的开启操作,展示所述第二视图配置界面;
视图布局信息得到子模块,用于获取各所述视图划分区域对应的区域位置参数,以及各所述视图划分区域中所展示组件对象的组件信息,作为所述第一终端视图对应的视图布局信息。
在一个实施例中,所述第二终端视图生成模块503包括:
对应数组信息获取子模块,用于针对任一视图划分区域,从所述任一视图划分区域对应的区域位置参数中,获取对应数组信息;所述对应数组信息用于表征所述任一视图划分区域中所展示的各所述组件对象对应的组件坐标;
数组信息转换子模块,用于按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息;
第二终端视图得到子模块,用于基于各所述视图划分区域对应的转换后的对应数组信息,配置得到所述第二终端视图。
在一个实施例中,所述数组信息转换子模块包括:
转换处理单元,用于根据所述任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各所述组件对象对应的组件坐标进行同比放大或缩小,得到各所述组件对象对应的转换后组件坐标,作为所述转换后的对应数组信息。
在一个实施例中,所述装置还包括:
调整信息确定模块,用于响应于视图调整操作,确定区域调整信息和/或组件调整信息;
视图调整模块,用于根据所述区域调整信息调整所述第二终端视图中的区域布局,和/或根据所述组件调整信息调整所述第二终端视图中的组件布局,得到调整后第二终端视图;
所述终端视图配置结果得到模块504包括:
调整后结果得到子模块,用于根据所述第一终端视图和所述调整后第二终端视图,得到所述视图配置事件的终端视图配置结果。
上述终端视图配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种终端视图配置方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图6中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在一个实施例中,处理器执行计算机程序时还实现上述其他实施例中的终端视图配置方法的步骤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在一个实施例中,计算机程序被处理器执行时还实现上述其他实施例中的终端视图配置方法的步骤。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;
获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图;
根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果。
在一个实施例中,计算机程序被处理器执行时还实现上述其他实施例中的终端视图配置方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (8)
1.一种终端视图配置方法,其特征在于,所述方法包括:
在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;所述第一视图配置界面具有针对所述视图划分区域和所述组件对象的拖拽编辑功能;
获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图,所述第二视图配置界面具有与所述第一视图配置界面相同的拖拽编辑功能;所述设备属性包括终端设备内核和显示屏尺寸;
根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果;所述终端视图配置结果包括基于调整后的所述第二终端视图得到的配置结果;
其中,所述在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图,包括:
在检测到视图配置事件时,将针对所述视图配置事件创建的初始终端视图展示在第一视图配置界面中;所述初始终端视图为空视图;
响应于作用在所述第一视图配置界面中的区域布局操作,对所述初始终端视图进行区域划分处理,得到包含所述多个视图划分区域的划分后终端视图;所述多个视图划分区域具有层叠关系;
响应于作用在所述第一视图配置界面中的组件添加操作,在所述划分后终端视图的各所述视图划分区域中添加对应的组件对象,生成所述第一终端视图。
2.根据权利要求1所述的方法,其特征在于,所述获取第一终端视图对应的视图布局信息,包括:
响应于针对第二视图配置界面的开启操作,展示所述第二视图配置界面;
获取各所述视图划分区域对应的区域位置参数,以及各所述视图划分区域中所展示组件对象的组件信息,作为所述第一终端视图对应的视图布局信息。
3.根据权利要求1所述的方法,其特征在于,所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图,包括:
针对任一视图划分区域,从所述任一视图划分区域对应的区域位置参数中,获取对应数组信息;所述对应数组信息用于表征所述任一视图划分区域中所展示的各所述组件对象对应的组件坐标;
按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息;
基于各所述视图划分区域对应的转换后的对应数组信息,配置得到所述第二终端视图。
4.根据权利要求3所述的方法,其特征在于,所述按照预设的参数转换条件,对所述对应数组信息进行处理,得到转换后的对应数组信息,包括:
根据所述任一视图划分区域中所展示组件对象的排序情况,采用递归计算方式,依次对各所述组件对象对应的组件坐标进行同比放大或缩小,得到各所述组件对象对应的转换后组件坐标,作为所述转换后的对应数组信息。
5.根据权利要求1至4任一项所述的方法,其特征在于,在所述根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图的步骤之后,所述方法还包括:
响应于视图调整操作,确定区域调整信息和/或组件调整信息;
根据所述区域调整信息调整所述第二终端视图中的区域布局,和/或根据所述组件调整信息调整所述第二终端视图中的组件布局,得到调整后第二终端视图;
所述根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果,包括:
根据所述第一终端视图和所述调整后第二终端视图,得到所述视图配置事件的终端视图配置结果。
6.一种终端视图配置装置,其特征在于,所述装置包括:
第一终端视图生成模块,用于在检测到视图配置事件时,响应于作用在第一视图配置界面中的配置操作,确定多个视图划分区域和各所述视图划分区域对应的组件对象,生成第一终端视图;所述第一视图配置界面具有针对所述视图划分区域和所述组件对象的拖拽编辑功能;
视图布局信息获取模块,用于获取第一终端视图对应的视图布局信息;所述视图布局信息用于表征各所述视图划分区域的所处位置,以及各所述视图划分区域中的组件对象展示情况;
第二终端视图生成模块,用于响应于作用在第二视图配置界面中的视图转换操作,根据所述第一终端视图对应的视图布局信息,生成基于所述第一终端视图转换的第二终端视图;所述第一终端视图和所述第二终端视图为基于相同配置布局,针对不同设备属性的终端所配置的显示视图,所述第二视图配置界面具有与所述第一视图配置界面相同的拖拽编辑功能;所述设备属性包括终端设备内核和显示屏尺寸;
终端视图配置结果得到模块,用于根据所述第一终端视图和所述第二终端视图,得到所述视图配置事件的终端视图配置结果;所述终端视图配置结果包括基于调整后的所述第二终端视图得到的配置结果;
其中,所述第一终端视图生成模块包括:
初始终端视图创建子模块,用于在检测到视图配置事件时,将针对所述视图配置事件创建的初始终端视图展示在第一视图配置界面中;所述初始终端视图为空视图;
区域布局子模块,用于响应于作用在所述第一视图配置界面中的区域布局操作,对所述初始终端视图进行区域划分处理,得到包含所述多个视图划分区域的划分后终端视图;所述多个视图划分区域具有层叠关系;
组件添加子模块,用于响应于作用在所述第一视图配置界面中的组件添加操作,在所述划分后终端视图的各所述视图划分区域中添加对应的组件对象,生成所述第一终端视图。
7.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至5中任一项所述的方法的步骤。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至5中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211213547.0A CN115686706B (zh) | 2022-09-30 | 2022-09-30 | 终端视图配置方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211213547.0A CN115686706B (zh) | 2022-09-30 | 2022-09-30 | 终端视图配置方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115686706A CN115686706A (zh) | 2023-02-03 |
CN115686706B true CN115686706B (zh) | 2023-12-19 |
Family
ID=85063609
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211213547.0A Active CN115686706B (zh) | 2022-09-30 | 2022-09-30 | 终端视图配置方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115686706B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7675529B1 (en) * | 2003-02-25 | 2010-03-09 | Apple Inc. | Method and apparatus to scale graphical user interfaces |
CN105760146A (zh) * | 2014-12-16 | 2016-07-13 | 上海天脉聚源文化传媒有限公司 | 一种用户界面布局方法及系统 |
CN107015721A (zh) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 一种应用界面的管理方法和装置 |
CN114579223A (zh) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | 一种界面布局方法、电子设备和计算机可读存储介质 |
-
2022
- 2022-09-30 CN CN202211213547.0A patent/CN115686706B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7675529B1 (en) * | 2003-02-25 | 2010-03-09 | Apple Inc. | Method and apparatus to scale graphical user interfaces |
CN105760146A (zh) * | 2014-12-16 | 2016-07-13 | 上海天脉聚源文化传媒有限公司 | 一种用户界面布局方法及系统 |
CN107015721A (zh) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 一种应用界面的管理方法和装置 |
CN114579223A (zh) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | 一种界面布局方法、电子设备和计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN115686706A (zh) | 2023-02-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10388042B2 (en) | Efficient display of data points in a user interface | |
CN111596911B (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN109614600B (zh) | 报表展示方法、装置及计算机存储介质 | |
CN114841126A (zh) | 表单生成方法、装置、设备、存储介质和程序产品 | |
CN115686706B (zh) | 终端视图配置方法、装置、计算机设备和存储介质 | |
CN115221852A (zh) | 基于vxe-table的动态计算表格实现方法、装置和计算机设备 | |
CN115344183A (zh) | 页面滑动方法、直播页面滑动方法及其装置、设备和介质 | |
CN114327395A (zh) | 网页设计方法、装置、计算机设备、存储介质和产品 | |
CN118113391A (zh) | 显示适配方法、装置、计算机设备和存储介质 | |
CN116883563B (zh) | 标注点渲染方法、装置、计算机设备、存储介质 | |
CN117312653A (zh) | 服务策略确定方法、装置、计算机设备和存储介质 | |
CN117573911A (zh) | 物理架构视图的自动布局方法、装置、设备和存储介质 | |
CN116737140A (zh) | 业务组件构建方法、装置、计算机设备及存储介质 | |
CN117193920A (zh) | 图形化显示方法、装置、计算机设备和存储介质 | |
CN117453211A (zh) | 页面生成方法、装置、计算机设备、存储介质和程序产品 | |
CN117612192A (zh) | 电子图纸信息识别方法、系统、电子设备、存储介质 | |
CN115588019A (zh) | 框选对象确定方法、装置、计算机设备和存储介质 | |
CN117632951A (zh) | 算法流程编排方法、装置、计算机设备及存储介质 | |
CN117390490A (zh) | 用电信用报告的生成方法、装置、设备、存储介质和产品 | |
CN117331465A (zh) | 页面显示方法、装置、计算机设备和存储介质 | |
CN115826825A (zh) | 点击对象检测方法、装置、计算机设备和存储介质 | |
CN115169311A (zh) | 单据配置方法、装置、计算机设备和计算机程序产品 | |
CN117522296A (zh) | 审核流程生成方法、装置、计算机设备和存储介质 | |
CN114666008A (zh) | 数据传输方法、装置、计算机设备和存储介质 | |
CN116400922A (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 |