CN117909019A - 一种动态界面展示方法、装置、电子设备及介质 - Google Patents
一种动态界面展示方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN117909019A CN117909019A CN202410309309.2A CN202410309309A CN117909019A CN 117909019 A CN117909019 A CN 117909019A CN 202410309309 A CN202410309309 A CN 202410309309A CN 117909019 A CN117909019 A CN 117909019A
- Authority
- CN
- China
- Prior art keywords
- interface
- text
- terminals
- interface control
- information
- 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
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000009877 rendering Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 238000012545 processing Methods 0.000 claims description 5
- 238000013461 design Methods 0.000 abstract description 2
- 238000005516 engineering process Methods 0.000 abstract description 2
- 239000003086 colorant Substances 0.000 description 9
- 230000008569 process Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- QVFWZNCVPCJQOP-UHFFFAOYSA-N chloralodol Chemical compound CC(O)(C)CC(C)OC(O)C(Cl)(Cl)Cl QVFWZNCVPCJQOP-UHFFFAOYSA-N 0.000 description 1
- 125000004122 cyclic group Chemical group 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
- 230000000241 respiratory effect Effects 0.000 description 1
- 238000001356 surgical procedure Methods 0.000 description 1
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
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- G—PHYSICS
- G07—CHECKING-DEVICES
- G07C—TIME OR ATTENDANCE REGISTERS; REGISTERING OR INDICATING THE WORKING OF MACHINES; GENERATING RANDOM NUMBERS; VOTING OR LOTTERY APPARATUS; ARRANGEMENTS, SYSTEMS OR APPARATUS FOR CHECKING NOT PROVIDED FOR ELSEWHERE
- G07C11/00—Arrangements, systems or apparatus for checking, e.g. the occurrence of a condition, not provided for elsewhere
-
- G—PHYSICS
- G07—CHECKING-DEVICES
- G07C—TIME OR ATTENDANCE REGISTERS; REGISTERING OR INDICATING THE WORKING OF MACHINES; GENERATING RANDOM NUMBERS; VOTING OR LOTTERY APPARATUS; ARRANGEMENTS, SYSTEMS OR APPARATUS FOR CHECKING NOT PROVIDED FOR ELSEWHERE
- G07C11/00—Arrangements, systems or apparatus for checking, e.g. the occurrence of a condition, not provided for elsewhere
- G07C2011/04—Arrangements, systems or apparatus for checking, e.g. the occurrence of a condition, not provided for elsewhere related to queuing systems
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种动态界面展示方法、装置、电子设备及介质,涉及计算机技术领域,其技术方案要点是:获取一个或多个终端展示的界面属性;基于所述界面属性得到一个或多个终端的界面布局信息;加载一个或多个终端展示的对象参数;确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。本发明通过列表模板化和界面控件化的拖拉拽技术,可以快速设计出来排队叫号的前端界面,大大提高了排队界面定制的交付效率。
Description
技术领域
本发明涉及一种计算机技术领域,更具体地说,它涉及一种动态界面展示方法、装置、电子设备及介质。
背景技术
患者前往医院门诊就医,一般采用现场或者预约挂号后就诊的模式,而挂号成功后在候诊楼间等待时,通过终端设备的排队叫号系统显示各诊室当前正在看病的患者,以及下一个患者的序号、就诊医生、就诊诊室名称、患者姓名、性别等基础信息。
在实际医院的前端大厅的显示设备上,由于不同医院的排队叫号前端界面的布局千差万别,所展示的界面的内容也有不同,例如界面展示的表格的行有圆形倒角;界面展示的表格有交替变化的背景色;界面展示的表格的列有不同的背景色;界面展示的表格含有同一数据源,但需要分成两组来展示列表数据;界面展示的表格前两行的背景为一个颜色(如红色突出重点),其它行又为其它颜色,再例如界面不仅展示有排队叫号的列表数据,还包括医院或医院科室的视频或图片资料的展示等。
因此,在针对不同医院不同界面定制化需求的基础上,现有技术中的排队叫号系统界面是固定的,无法动态更改界面的布局,这导致无法快速交付不同医院的排队叫号终端的界面定制化需求,降低了界面生成速率,使得用户的体验度较差。
发明内容
本申请的目的是提供一种动态界面展示方法、装置、电子设备及介质,本申请利用提供文本、图片、图形、表格、视频等的界面控件,获取一个或多个终端展示的界面属性,由界面属性在一个或多个终端的界面上的界面布局信息,由此确定出需要展示的对象参数,根据该对象参数确定出所要展示的参数信息,例如文本、表格、图片等,再结合界面布局信息和参数信息,以一个或多个终端对应的界面控件中进行展示,例如以图片对应的界面控件展示图片,以文本对应的界面控件展示文本,从而达到快速生成医院不同业务场景中需要的排队叫号界面,进而提高界面生成速率,提升用户的体验感。
本申请的上述技术目的是通过以下技术方案得以实现的:
本申请的第一方面,提供了一种动态界面展示方法,方法包括:
获取一个或多个终端展示的界面属性;
基于所述界面属性得到一个或多个终端的界面布局信息;
加载一个或多个终端展示的对象参数;
确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
在一种实施方案中,在所述对象参数所包含的参数信息为文本时,初始化文本并加载到一个或多个终端与文本对应的界面控件中进行展示,包括:与文本对应的界面控件在检测到文本含有背景色时,根据文本所在的位置信息渲染文本的背景色;与文本对应的界面控件在检测到文本含有边框线时,根据文本所在的位置信息绘制文本的边框线;与文本对应的界面控件在检测到文本为单行文本或多行文本时,根据单行文本或多行文本所在的位置信息绘制单行文本或绘制多行文本。
在一种实施方案中,在所述对象参数所包含的参数信息为图片时,初始化图片并加载到一个或多个终端与图片对应的界面控件中进行展示,包括:与图片对应的界面控件根据图片的地址信息加载图片;与图片对应的界面控件在检测到图片含有边框线时,根据文本所在的位置信息绘制图片的边框线;与图片对应的界面控件根据图片所在的位置信息显示图片。
在一种实施方案中,在所述对象参数所包含的参数信息为图形时,初始化图形并加载到一个或多个终端与图形对应的界面控件中进行展示,包括:与图形对应的界面控件在检测到图形含有背景色时,在一个或多个终端对应界面的位置渲染图形的背景色;与图形对应的界面控件在检测到图形含有边框线时,根据图形所在的位置信息绘制图形的边框线;与图形对应的界面控件根据图形的坐标信息绘制图形的形状。
在一种实施方案中,在所述对象参数所包含的参数信息为表格时,初始化表格并加载到一个或多个终端与表格对应的界面控件中进行展示,包括:与表格对应的界面控件在检测到表格含有背景色时,根据表格所在的位置信息渲染表格的背景色;与表格对应的界面控件在检测到表格含有边框线时,根据表格所在的位置信息绘制表格的边框线;与表格对应的界面控件根据表格的位置信息计算表格的尺寸信息,并根据尺寸信息绘制表格的行和列,以及设置绘制完成的表格的格式属性,基于格式属性刷新表格的文本属性。
在一种实施方案中,在所述对象参数所包含的参数信息为视频时,初始化视频并加载到一个或多个终端与视频对应的界面控件中进行展示,包括:创建视频播放组件加载到与视频对应的界面控件中,与视频对应的界面控件根据视频播放组件的位置信息在一个或多个终端的界面进行显示,并加载视频文件的语音播报;加载叫号系统与一个或多个终端的网络接口,等待叫号系统产生的呼叫,暂停或播放在一个或多个终端显示的视频,其中呼叫是通过socket进行的。
在一种实施方案中,方法还包括:创建定时获取数据源的列表模板,并定义一个用于标记一个或多个终端的界面控件当前显示行的变量参数,其中列表模板是指包括所述参数信息对应的界面控件所要展示的信息,数据源为基于所述参数信息生成对应的排队数据;从所述数据源取出第i行排队数据,遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i行排队数据,则取出第i行排队数据相应的内容,界面控件根据第i行排队数据的属性将取出的内容绘制在一个或多个终端进行展示;从所述数据源取出第i+1行排队数据,循环遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i+1行排队数据,则取出第i+1行排队数据相应的内容,界面控件根据第i+1行排队数据的属性将取出的内容绘制在一个或多个终端进行展示,直至所有的排队数据均被一个或多个终端展示。
本申请的第二方面,提供了一种动态界面展示装置,装置包括:
获取模块,用于获取一个或多个终端展示的界面属性;
处理模块,用于基于所述界面属性得到一个或多个终端的界面布局信息;加载一个或多个终端展示的对象参数;确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
本申请的第三方面,提供了一种电子设备,包括存储器、处理器及存储在所述存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现本申请的第一方面所述的动态界面展示方法。
本申请的第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本申请的第一方面所述的动态界面展示方法的步骤。
与现有技术相比,本申请具有以下有益效果:
1、本申请提供的一种动态界面展示方法中,利用提供文本、图片、图形、表格、视频等的界面控件,获取一个或多个终端展示的界面属性,由界面属性在一个或多个终端的界面上的界面布局信息,由此确定出需要展示的对象参数,根据该对象参数确定出所要展示的参数信息,例如文本、表格、图片等,再结合界面布局信息和参数信息,以一个或多个终端对应的界面控件中进行展示,例如以图片对应的界面控件展示图片,以文本对应的界面控件展示文本,从而达到快速生成医院不同业务场景中需要的排队叫号界面,进而提高界面生成速率,提升用户的体验感。
2、本申请提供的一种动态界面展示方法中,本申请还考虑了不同类型的排队叫号列表复杂各异的情况,依据对文本组件、图片组件增加数据源、数据行、数据字段的绑定属性,使用文本界面控件与图片界面控件等来模拟由排队编号信息生成的叫号表格,可以应对医院及其科室的不同类型的排队叫号界面展示的布局需求,从而提高了排队叫号界面的生成速率和用户体验度。
此外,本申请还提供了一种动态界面展示装置、电子设备及介质,具备与本申请提供的一种动态界面展示方法相同的有益效果,此处不再赘述。
附图说明
此处所说明的附图用来提供对本发明实施例的进一步理解,构成本申请的一部分,并不构成对本发明实施例的限定。在附图中:
图1为本申请实施例提供的一种动态界面展示方法的流程示意图;
图2为本申请实施例提供的基于数据绑定得到的排队叫号展示图;
图3为本申请实施例提供的一种动态界面展示装置的结构框图。
附图中标记及对应的零部件名称:
310、获取模块;320、处理模块。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚明白,下面结合实施例和附图,对本申请作进一步的详细说明,本申请的示意性实施方式及其说明仅用于解释本申请,并不作为对本申请的限定。
如背景技术所述,在实际医院的前端大厅的显示设备上,由于不同医院的排队叫号前端界面的布局千差万别,所需求的界面也不同,例如有的表格行有圆形倒角;有的表格有交替变化的背景色;有的列有变不同的背景色;有的同一数据源,分成两组来展示列表数据;有的表格前两行的背景为一个颜色(如红色突出重点),其它行又为其它颜色,再例前端界面不仅含有排队叫号的列表数据,还包括该医院或该医院科室的视频或图片的展示。因此,在针对不同医院不同界面定制化需求的基础上,现有技术中的排队叫号系统界面是固定的,无法动态更改界面的布局,这导致无法快速交付不同医院的界面定制化需求,降低了交付效率,使得用户的体验度较差。
故此,本申请实施例提供的一种动态界面展示方法中,利用提供文本、图片、图形、表格、视频等前端通用的界面控件,获取一个或多个终端展示的界面属性,由界面属性在一个或多个终端的界面上的界面布局信息,由此确定出需要展示的对象参数,根据该对象参数确定出所要展示的参数信息,例如文本、表格、图片等,再结合界面布局信息和参数信息,以一个或多个终端对应的界面控件中进行展示,例如以图片对应的界面控件展示图片,以文本对应的界面控件展示文本,从而达到快速生成医院不同业务场景中需要的排队叫号界面,进而提高界面生成速率,提升用户的体验感。
下面将结合具体的实施方式对本申请实施例提供的动态界面展示方法做详细的说明,请参考图1,图1为本申请实施例提供的一种动态界面展示方法的流程示意图,如图1所示,方法包括以下步骤:
S110,获取一个或多个终端展示的界面属性。
在本实施例中,终端为医院设置的显示屏或诊室门口机,或是具备图像展示功能的电子设备,例如针对一个医院,不同的科室所要展示的界面需求不同,例如分为内外科、呼吸科、耳鼻喉科等所要展示的需求是不同的。进一步的,终端以有线的通信方式与医院后端的计算机或服务器通信连接,计算机将各自需要展示的内容以相应区域的终端进行展示,从而实现对各个界面的动态展示,具体还包括在医生端的电脑呼叫下一位患者时,医院后端的计算机对排队编号数据进行更新,并通过一个或多个终端展示实时更新就诊的排队信息。作为本领域技术人员的可以理解的是,终端还可以无线的通信方式与医院后端的计算机或服务器通信连接,例如无线局域网、LoRa等,本实施例不做多余的赘述。
对于界面属性,即指一个终端界面展示的属性,例如,包括文本、表格、日期等等,例如文本指的终端展示的请注意叫号业务办理,过号将不予办理!谢谢合作等,表格指由诊室名称、就诊医生、正在就诊、等候就诊等表头生成的表格信息,也可称为基于历史时间的预约信息生成的就诊表格。相应的文本、表格都含有自身的属性,例如文本的属性一般包括字体颜色、字体字号、字体类型等。表格的属性一般包括每个表格单元的背景色、是否含有边框线、表格字体类型、表格字体字号等。故此,本实施例中,获取一个医院的一个或多个终端的界面属性以明确一个医院不同科室的界面展示需求。
S120,基于所述界面属性得到一个或多个终端的界面布局信息。
在本实施例中,基于上述步骤S110获取的一个或多个终端的界面属性,考虑到每个终端自身的硬件配备不同,会导致分辨率、终端尺寸等不同,从而导致最终的展示效果出现偏差,因此,对一个或多个终端的界面属性进行解码处理,得到一个或多个终端的界面布局信息,对于界面布局信息而言,可包括文本的字体大小、字体型号、所展示的表格的行数等,当然还包括文本、表格、时间等信息所处的一个或多个终端的位置信息。可以理解的是,界面布局信息还包括表格、文本、图片等的尺寸信息。
S130,加载一个或多个终端展示的对象参数。
具体的,载入一个或多个终端所要展示的对象参数,即包括排队信息、医院名称、科室等等,还包括图片、视频、动画等,对象参数包括排队信息、等待就诊的编号信息、过号信息等,均是以表格的形式进行展示,只需加载对应的排队信息即可。
S140,确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
在本实施例中,基于对象参数所包含的参数信息,例如,终端只有表格、文本信息的展示,因此只包含了相应的参数信息,还包括了医院的图片、相应文本介绍,由于需要到对排队信息对应的表格信息、图片、视频等的实时展示,涉及到了循环的过程,故此初始化参数信息和界面布局信息,以防止出现故障的可能性,导致在终端上展示的信息出错。具体而言,参数信息包括的文本、图片、图形、表格和视频,是指一种或多种的组合,例如终端展示的内容仅有文本,例如包括文本和图片,再例如还包括文本、图片和图形等。
结合在终端上的界面布局信息,将参数信息加载到一个或多个终端对应的界面控件中进行展示,界面控件包括了文本界面控件、表格界面控件、图形界面控件、视频界面控件等,界面控件根据相应的参数信息生成大量的常用的排队叫号的前端界面,提前把版面排好,用户只需选择,进行小范围的修改和调整参数信息的属性,即可在终端上进行展示。
综上所述,本申请实施例的一种动态界面展示方法,其提供了文本、图片、图形、表格、视频等前端通用界面控件,通过获取一个或多个终端展示的界面属性,由界面属性在一个或多个终端的界面上的界面布局信息,由此确定出需要展示的对象参数,根据该对象参数确定出所要展示的参数信息,例如文本、表格、图片等,再结合界面布局信息和参数信息,以一个或多个终端对应的界面控件中进行展示,例如以图片对应的界面控件展示图片,以文本对应的界面控件展示文本,从而达到快速生成医院不同业务场景中需要的排队叫号界面,进而提高界面生成速率,提升用户的体验感。
在一个实施例中,在所述对象参数所包含的参数信息为文本时,初始化文本并加载到一个或多个终端与文本对应的界面控件中进行展示,包括:与文本对应的界面控件在检测到文本含有背景色时,根据文本所在的位置信息渲染文本的背景色;与文本对应的界面控件在检测到文本含有边框线时,根据文本所在的位置信息绘制文本的边框线;与文本对应的界面控件在检测到文本为单行文本或多行文本时,根据单行文本或多行文本所在的位置信息绘制单行文本或绘制多行文本。
在本实施例中,在参数信息为文本时,通过检测文本是否含有背景色、边框线、是否为单行文本或多行文本,界面控件执行相应的布局操作,从而使得对文本的界面布局更加灵活,与文本对应的界面控件有自己的属性,可以实现对不同文本的展示,以提高针对文本属性的动态界面展示布局的界面生成速率。
在一个实施例中,在所述对象参数所包含的参数信息为图片时,初始化图片并加载到一个或多个终端与图片对应的界面控件中进行展示,包括:与图片对应的界面控件根据图片的地址信息加载图片;与图片对应的界面控件在检测到图片含有边框线时,根据文本所在的位置信息绘制图片的边框线;与图片对应的界面控件根据图片所在的位置信息显示图片。
在本实施例中,在参数信息为图片时,通过检测图片是否含有边框线,界面控件执行绘制操作,生成图片的边框区域,从而使得对图片的界面布局更加灵活,与图片对应的界面控件有自己的属性,可以实现对不同图片的快速展示,以提高针对图片属性的动态界面展示布局的界面生成速率。其中,需说明的是,与图片对应的界面控件根据图片所在的位置信息指的是图片在终端界面上的坐标信息,例如(x,y),其中x表示终端的横坐标信息,y表示终端的纵坐标信息,以相应的坐标信息来表征图片在终端界面上的位置。
在一个实施例中,在所述对象参数所包含的参数信息为图形时,初始化图形并加载到一个或多个终端与图形对应的界面控件中进行展示,包括:与图形对应的界面控件在检测到图形含有背景色时,在一个或多个终端对应界面的位置渲染图形的背景色;与图形对应的界面控件在检测到图形含有边框线时,根据图形所在的位置信息绘制图形的边框线;与图形对应的界面控件根据图形的坐标信息绘制图形的形状。
在本实施例中,与图形对应的界面控件在检测到图形含有背景色时,在一个或多个终端对应界面的位置绘制相应的边框线,在边框线内根据图形的坐标信息绘制图形的形状,图形支持正方形、长方形、三角形、圆形等绘制,在图形内部渲染图形的背景色。需要说明的是,上述实施例可择一实现,并不属于层层递进,例如图形不含有背景色,只含有形状和边框线,又例如图形不含有边框线,只含有背景色和形状。
在一个实施例中,在所述对象参数所包含的参数信息为表格时,初始化表格并加载到一个或多个终端与表格对应的界面控件中进行展示,包括:与表格对应的界面控件在检测到表格含有背景色时,根据表格所在的位置信息渲染表格的背景色;与表格对应的界面控件在检测到表格含有边框线时,根据表格所在的位置信息绘制表格的边框线;与表格对应的界面控件根据表格的位置信息计算表格的尺寸信息,并根据尺寸信息绘制表格的行和列,以及设置绘制完成的表格的格式属性,基于格式属性刷新表格的文本属性。
在本实施例中,根据不同医院的排队所设置的表格,本实施例基于表格界面控件为每个医院设计不同的表格,例如渲染背景色、绘制边框线、绘制表格的行和列,并根据不同医院的终端显示设备的屏幕大小,对表格的行列的长宽进行适当的调整,以实现自适应的展示,保证一定的显示效果,避免患者无法清楚的观察到自身的排队信息,提高患者的体验感。进一步的,考虑了医生对一个患者的就诊结束后,医院是通过电脑的排队顺序呼叫下一个患者,因此,需要对候诊区的终端所展示的就诊信息进行更新,因此设置了表格的格式属性,基于格式属性刷新表格的文本属性,即实现了对表格的就诊信息的实时更新。
在一个实施例中,在所述对象参数所包含的参数信息为视频时,初始化视频并加载到一个或多个终端与视频对应的界面控件中进行展示,包括:创建视频播放组件加载到与视频对应的界面控件中,与视频对应的界面控件根据视频播放组件的位置信息在一个或多个终端的界面进行显示,并加载视频文件的语音播报;加载叫号系统与一个或多个终端的网络接口,等待叫号系统产生的呼叫,暂停或播放在一个或多个终端显示的视频,其中呼叫是通过socket进行的。
在本实施例中,实现了对展示界面需要进行视频播放的显示的设计,以此满足不同的医院需要在排队叫号界面显示某一个诊室或医院本身的信息,提高了医院的排队叫号界面的界面展示效果。
在一个实施例中,方法还包括:创建定时获取数据源的列表模板,并定义一个用于标记一个或多个终端的界面控件当前显示行的变量参数,其中列表模板是指包括所述参数信息对应的界面控件所要展示的信息,数据源为基于所述参数信息生成对应的排队数据;从所述数据源取出第i行排队数据,遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i行排队数据,则取出第i行排队数据相应的内容,界面控件根据第i行排队数据的属性将取出的内容绘制在一个或多个终端进行展示;从所述数据源取出第i+1行排队数据,循环遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i+1行排队数据,则取出第i+1行排队数据相应的内容,界面控件根据第i+1行排队数据的属性将取出的内容绘制在一个或多个终端进行展示,直至所有的排队数据均被一个或多个终端展示。
具体的,由于排队叫号前端界面的布局千差万别,例如界面展示的表格的行有圆形倒角;界面展示的表格有交替变化的背景色;界面展示的表格的列有不同的背景色;界面展示的表格含有同一数据源,但需要分成两组来展示列表数据;界面展示的表格前两行的背景为一个颜色(如红色突出重点),其它行又为其它颜色,再例如界面不仅展示有排队叫号的列表数据,还包括医院或医院科室的视频或图片资料的展示等。
针对以上问题,为考虑界面展示过程中的通用性,本申请实施例创新的对文本界面控件、图片界面控件增加数据源、数据行、数据字段的绑定属性。用大量的文本界面控件、图片界面控件来模拟表格,从而达到普适不同需求的展示效果。终端在加载好界面控件后,如图2所示,按下述步骤实现数据绑定,以应对不同医院及其科室的不同类型的排队叫号界面展示的布局需求,数据绑定的实现具体过程如下:
第一步:根据后台(医院配备的计算机或服务器)设置好数据源的列表模板,定时获取排队列表数据(相当于一个表格),包含当前排队患者的序号、姓名、性别、就诊科室、就诊医生等信息。第二步:定义一个临时变量i等于0,用来标记当前处理的是第几行排队。第三步:从数据源中取出第i行。第四步:循环遍历模板页面上设计的所有组件,如果此组件设置的显示第i行参数等于i,则从第i行中找到此控件设置的显示字段取出内容(如姓名)。第五步:再控制属性(如字体、字号、颜色、背景色)将第四步提取出的文本内容绘制在界面上。第六步:令i等于i加1,循环第四步第六步,直到所有的排队列表数据显示提出显示在界面上。
由此可见,本实施例考虑了不同类型的排队叫号列表复杂各异的情况,依据对文本组件、图片组件增加数据源、数据行、数据字段的绑定属性,使用文本界面控件与图片界面控件等来模拟由排队编号信息生成的叫号表格,可以应对医院及其科室的不同类型的排队叫号界面展示的布局需求,从而提高了排队叫号界面的生成速率和用户体验度。
基于同一技术构思,请参考图3,图3为本申请实施例还提供的一种动态界面展示装置的结构框图,由于动态界面展示装置解决问题的原理与图1所示的一种动态界面展示方法相似,因此本申请实施例提供的动态界面展示装置的实施方式可以参见图1所示的方法的实施过程,此处不再赘述,如图3所示,装置包括:
获取模块310,用于获取一个或多个终端展示的界面属性;
处理模块320,用于基于所述界面属性得到一个或多个终端的界面布局信息;加载一个或多个终端展示的对象参数;确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
本申请实施例提供的一种动态界面展示装置,装置利用提供文本、图片、图形、表格、视频等的界面控件,获取一个或多个终端展示的界面属性,由界面属性在一个或多个终端的界面上的界面布局信息,由此确定出需要展示的对象参数,根据该对象参数确定出所要展示的参数信息,例如文本、表格、图片等,再结合界面布局信息和参数信息,以一个或多个终端对应的界面控件中进行展示,例如以图片对应的界面控件展示图片,以文本对应的界面控件展示文本,从而达到快速生成医院不同业务场景中需要的排队叫号界面,进而提高界面生成速率,提升用户的体验感。
本申请实施例还提供了一种电子设备,该电子设备包括一个或多个处理器;存储器,与所述处理器耦接,用于存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述实施例所述的一种动态界面展示方法的步骤。处理器可能是中央处理单元,还可以是其他通用处理器、数字信号处理器、专用集成电路、现成可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,其是终端的计算核心以及控制核心,其适于实现一条或一条以上指令,具体适于加载并执行计算机存储介质内一条或一条以上指令从而实现相应方法流程或相应功能;本申请实施例所述的处理器可以用于执行上文实施例叙述的一种动态界面展示方法的操作过程。
本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质是计算机设备中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机可读存储介质既可以包括计算机设备中的内置存储介质,当然也可以包括计算机设备所支持的扩展存储介质。计算机可读存储介质提供存储空间,该存储 空间存储了终端的操作系统。并且,在该存储空间中还存放了适于被处理器加载并执行的一条或一条以上的指令,这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是,此处的计算机可读存储介质可以是高速 RAM 存储器,也可以是非不稳定的存储器,例如至少一个磁盘存储器。可由处理器加载并执行计算机可读存储 介质中存放的一条或一条以上指令,以实现上述实施例中有关一种动态界面展示方法的相应步骤。本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述的具体实施方式,对本申请的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本申请的具体实施方式而已,并不用于限定本申请的保护范围,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种动态界面展示方法,其特征在于,方法包括:
获取一个或多个终端展示的界面属性;
基于所述界面属性得到一个或多个终端的界面布局信息;
加载一个或多个终端展示的对象参数;
确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
2.根据权利要求1所述的一种动态界面展示方法,其特征在于,在所述对象参数所包含的参数信息为文本时,初始化文本并加载到一个或多个终端与文本对应的界面控件中进行展示,包括:
与文本对应的界面控件在检测到文本含有背景色时,根据文本所在的位置信息渲染文本的背景色;
与文本对应的界面控件在检测到文本含有边框线时,根据文本所在的位置信息绘制文本的边框线;
与文本对应的界面控件在检测到文本为单行文本或多行文本时,根据单行文本或多行文本所在的位置信息绘制单行文本或绘制多行文本。
3.根据权利要求1所述的一种动态界面展示方法,其特征在于,在所述对象参数所包含的参数信息为图片时,初始化图片并加载到一个或多个终端与图片对应的界面控件中进行展示,包括:
与图片对应的界面控件根据图片的地址信息加载图片;
与图片对应的界面控件在检测到图片含有边框线时,根据文本所在的位置信息绘制图片的边框线;
与图片对应的界面控件根据图片所在的位置信息显示图片。
4.根据权利要求1所述的一种动态界面展示方法,其特征在于,在所述对象参数所包含的参数信息为图形时,初始化图形并加载到一个或多个终端与图形对应的界面控件中进行展示,包括:
与图形对应的界面控件在检测到图形含有背景色时,在一个或多个终端对应界面的位置渲染图形的背景色;
与图形对应的界面控件在检测到图形含有边框线时,根据图形所在的位置信息绘制图形的边框线;
与图形对应的界面控件根据图形的坐标信息绘制图形的形状。
5.根据权利要求1所述的一种动态界面展示方法,其特征在于,在所述对象参数所包含的参数信息为表格时,初始化表格并加载到一个或多个终端与表格对应的界面控件中进行展示,包括:
与表格对应的界面控件在检测到表格含有背景色时,根据表格所在的位置信息渲染表格的背景色;
与表格对应的界面控件在检测到表格含有边框线时,根据表格所在的位置信息绘制表格的边框线;
与表格对应的界面控件根据表格的位置信息计算表格的尺寸信息,并根据尺寸信息绘制表格的行和列,以及设置绘制完成的表格的格式属性,基于格式属性刷新表格的文本属性。
6.根据权利要求1所述的一种动态界面展示方法,其特征在于,在所述对象参数所包含的参数信息为视频时,初始化视频并加载到一个或多个终端与视频对应的界面控件中进行展示,包括:
创建视频播放组件加载到与视频对应的界面控件中,与视频对应的界面控件根据视频播放组件的位置信息在一个或多个终端的界面进行显示,并加载视频文件的语音播报;
加载叫号系统与一个或多个终端的网络接口,等待叫号系统产生的呼叫,暂停或播放在一个或多个终端显示的视频,其中呼叫是通过socket进行的。
7.根据权利要求1-6任一项所述的一种动态界面展示方法,其特征在于,方法还包括:
创建定时获取数据源的列表模板,并定义一个用于标记一个或多个终端的界面控件当前显示行的变量参数,其中列表模板是指包括所述参数信息对应的界面控件所要展示的信息,数据源为基于所述参数信息生成对应的排队数据;
从所述数据源取出第i行排队数据,遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i行排队数据,则取出第i行排队数据相应的内容,界面控件根据第i行排队数据的属性将取出的内容绘制在一个或多个终端进行展示;
从所述数据源取出第i+1行排队数据,循环遍历所述列表模板所包括的界面控件,若界面控件当前展示的行的变量参数等于第i+1行排队数据,则取出第i+1行排队数据相应的内容,界面控件根据第i+1行排队数据的属性将取出的内容绘制在一个或多个终端进行展示,直至所有的排队数据均被一个或多个终端展示。
8.一种动态界面展示装置,其特征在于,装置包括:
获取模块,用于获取一个或多个终端展示的界面属性;
处理模块,用于基于所述界面属性得到一个或多个终端的界面布局信息;加载一个或多个终端展示的对象参数;确定所述对象参数所包含的参数信息,依据所述界面布局信息将所述参数信息加载到一个或多个终端对应的界面控件中进行展示,其中参数信息包括文本、图片、图形、表格和视频。
9.一种电子设备,包括存储器、处理器及存储在所述存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7任意一项所述的动态界面展示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至7任意一项所述的动态界面展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410309309.2A CN117909019B (zh) | 2024-03-19 | 2024-03-19 | 一种动态界面展示方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410309309.2A CN117909019B (zh) | 2024-03-19 | 2024-03-19 | 一种动态界面展示方法、装置、电子设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN117909019A true CN117909019A (zh) | 2024-04-19 |
CN117909019B CN117909019B (zh) | 2024-06-11 |
Family
ID=90685527
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410309309.2A Active CN117909019B (zh) | 2024-03-19 | 2024-03-19 | 一种动态界面展示方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117909019B (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040080545A1 (en) * | 2002-10-28 | 2004-04-29 | International Business Machines Corporation | Method for dynamic accessibility of a drop-down selection in a GUI combobox construct |
CN103106723A (zh) * | 2013-01-08 | 2013-05-15 | 湖南金域信息科技发展有限公司 | 无纸化智能排队叫号系统 |
CN104461526A (zh) * | 2014-11-27 | 2015-03-25 | 广东欧珀移动通信有限公司 | 一种终端应用程序的控件遍历方法及装置 |
CN107402775A (zh) * | 2016-05-19 | 2017-11-28 | 百度在线网络技术(北京)有限公司 | 网页的生成方法、装置和系统 |
CN107515947A (zh) * | 2017-09-05 | 2017-12-26 | 北京京东尚科信息技术有限公司 | 图片加载方法及其系统 |
CN109828806A (zh) * | 2018-12-24 | 2019-05-31 | 苏州蜗牛数字科技股份有限公司 | 一种基于ui自定义多样化组合控件的优化方法 |
CN110263287A (zh) * | 2019-06-24 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面渲染方法及设备 |
CN111737166A (zh) * | 2020-05-15 | 2020-10-02 | 完美世界(北京)软件科技发展有限公司 | 数据对象的处理方法、装置及设备 |
CN112184980A (zh) * | 2020-10-28 | 2021-01-05 | 中国人民解放军陆军军医大学第一附属医院 | 一种医院智能叫号系统 |
CN116860322A (zh) * | 2023-07-18 | 2023-10-10 | 中国联合网络通信集团有限公司 | 前端数据源处理方法、装置、设备及存储介质 |
CN117290044A (zh) * | 2023-10-10 | 2023-12-26 | 浪潮通用软件有限公司 | 一种动态界面展示方法、设备及介质 |
-
2024
- 2024-03-19 CN CN202410309309.2A patent/CN117909019B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040080545A1 (en) * | 2002-10-28 | 2004-04-29 | International Business Machines Corporation | Method for dynamic accessibility of a drop-down selection in a GUI combobox construct |
CN103106723A (zh) * | 2013-01-08 | 2013-05-15 | 湖南金域信息科技发展有限公司 | 无纸化智能排队叫号系统 |
CN104461526A (zh) * | 2014-11-27 | 2015-03-25 | 广东欧珀移动通信有限公司 | 一种终端应用程序的控件遍历方法及装置 |
CN107402775A (zh) * | 2016-05-19 | 2017-11-28 | 百度在线网络技术(北京)有限公司 | 网页的生成方法、装置和系统 |
CN107515947A (zh) * | 2017-09-05 | 2017-12-26 | 北京京东尚科信息技术有限公司 | 图片加载方法及其系统 |
CN109828806A (zh) * | 2018-12-24 | 2019-05-31 | 苏州蜗牛数字科技股份有限公司 | 一种基于ui自定义多样化组合控件的优化方法 |
CN110263287A (zh) * | 2019-06-24 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面渲染方法及设备 |
CN111737166A (zh) * | 2020-05-15 | 2020-10-02 | 完美世界(北京)软件科技发展有限公司 | 数据对象的处理方法、装置及设备 |
CN112184980A (zh) * | 2020-10-28 | 2021-01-05 | 中国人民解放军陆军军医大学第一附属医院 | 一种医院智能叫号系统 |
CN116860322A (zh) * | 2023-07-18 | 2023-10-10 | 中国联合网络通信集团有限公司 | 前端数据源处理方法、装置、设备及存储介质 |
CN117290044A (zh) * | 2023-10-10 | 2023-12-26 | 浪潮通用软件有限公司 | 一种动态界面展示方法、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN117909019B (zh) | 2024-06-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108804483B (zh) | 单元格页面的渲染方法、服务器和计算机可读存储介质 | |
CN105955687B (zh) | 图像处理的方法、装置和系统 | |
CN107145355B (zh) | 页面布局的调整方法及装置、存储介质、处理器和终端 | |
US7979790B2 (en) | Combining and displaying multimedia content | |
CN107818008B (zh) | 页面加载方法及装置 | |
CN110989878A (zh) | 小程序中的动画展示方法、装置、电子设备及存储介质 | |
CN114924824B (zh) | 可视对象的模糊方法、渲染方法及计算设备 | |
CN111951356B (zh) | 基于json数据格式的动画渲染方法 | |
CN113849254A (zh) | 页面布局的自适应调整方法及计算设备 | |
CN113010252A (zh) | 应用页面的展示方法、电子设备及存储介质 | |
CN111596919A (zh) | 图文绘制结果的展示方法、装置、计算机设备及存储介质 | |
CN105373373B (zh) | 一种快速生成图标的方法和装置 | |
CN117909019B (zh) | 一种动态界面展示方法、装置、电子设备及介质 | |
CN111223155A (zh) | 图像数据处理方法、装置、计算机设备和存储介质 | |
US20180018398A1 (en) | Positioning content in computer-generated displays based on available display space | |
CN111768822A (zh) | 电子病历文档的续打方法、装置、设备和存储介质 | |
CN114489910B (zh) | 一种视频会议数据显示方法、装置、设备及介质 | |
CN113949900B (zh) | 直播贴图处理方法、系统、设备及存储介质 | |
US20100302251A1 (en) | Structure of animation font file and text displaying method of handheld terminal | |
CN113535151B (zh) | 代码生成方法和装置 | |
CN115049755A (zh) | 一种图片生成方法、装置、设备以及存储介质 | |
CN113259716A (zh) | 视频下发方法、视频获取方法、服务器、终端和系统 | |
US20100171760A1 (en) | Method and apparatus for presenting overlay images | |
CN112863700A (zh) | 医疗影像协同方法、装置、设备及计算机存储介质 | |
CN111292392A (zh) | 基于unity的图像显示方法、装置、设备及介质 |
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 |