CN113805827A - 一种投屏展示方法、装置、电子设备及存储介质 - Google Patents
一种投屏展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113805827A CN113805827A CN202111096079.9A CN202111096079A CN113805827A CN 113805827 A CN113805827 A CN 113805827A CN 202111096079 A CN202111096079 A CN 202111096079A CN 113805827 A CN113805827 A CN 113805827A
- Authority
- CN
- China
- Prior art keywords
- screen
- content
- display
- projected
- state
- 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 86
- 230000004044 response Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 11
- 230000001960 triggered effect Effects 0.000 claims description 3
- 230000008569 process Effects 0.000 abstract description 23
- 230000000007 visual effect Effects 0.000 abstract description 17
- 238000011161 development Methods 0.000 abstract description 13
- 238000010586 diagram Methods 0.000 description 12
- 238000005266 casting Methods 0.000 description 9
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 238000012544 monitoring process Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
- G06Q50/26—Government or public services
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Tourism & Hospitality (AREA)
- Economics (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Human Resources & Organizations (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Educational Administration (AREA)
- Development Economics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种投屏展示方法、装置、电子设备及存储介质,涉及计算机技术领域,进一步涉及智能交通领域,以至少解决现有方案中可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。具体实现方案为:响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;在投屏状态下,对待投屏内容进行投屏展示。
Description
技术领域
本公开涉及计算机技术领域,进一步涉及智能交通领域,尤其涉及一种投屏展示方法、装置、电子设备及存储介质。
背景技术
随着大数据技术的蓬勃发展,城市管理部门可以通过收集到的海量交通数据对城市交通运行状态进行监测。
现有方案中,通常在城市政务管理的信息中心、交通管理中心等部门设置一块大屏,用于展示城市交通拥堵相关数据的可视化内容。但是,这种大屏的开发过程复杂、定制成本高,且可扩展性较差,不能很好地满足城市管理部门对于城市交通状态的监测需求。
发明内容
本公开提供了一种投屏展示方法、装置、电子设备及存储介质,以至少解决现有方案中可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。
根据本公开的一方面,提供了一种投屏展示方法,包括:响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;在投屏状态下,对待投屏内容进行投屏展示。
根据本公开的又一方面,提供了一种投屏展示装置,包括:获取模块,用于响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;展示模块,用于在投屏状态下,对待投屏内容进行投屏展示。
根据本公开的又一方面,提供了一种电子设备,包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本公开提出的投屏展示方法。
根据本公开的又一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,计算机指令用于使计算机执行本公开提出的投屏展示方法。
根据本公开的又一方面,提供了一种计算机程序产品,包括计算机程序,计算机程序在被处理器执行本公开提出的投屏展示方法。
在本公开中,通过响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;在投屏状态下,对待投屏内容进行投屏展示,达到了高效化、便捷化、个性化生成可视化大屏目的,实现了简化可视化大屏的开发流程、降低定制成本以及提升可扩展性的效果,从而解决了现有方案中可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是根据本公开实施例的一种用于实现投屏展示方法的计算机终端(或移动设备)的硬件结构框图;
图2是根据本公开实施例的一种投屏展示方法流程图;
图3是根据本公开实施例的一种获取待投屏内容的过程示意图;
图4是根据本公开实施例的一种投屏展示方法的示意图;
图5是根据本公开实施例的一种业务场景切换的过程示意图;
图6是根据本公开实施例的一种投屏展示装置的结构框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
目前,通常在城市政务管理的信息中心、交通管理中心等部门设置一块大屏,例如,交通状态监测大屏、人口流动数据监测大屏等,用于展示城市交通拥堵相关数据的可视化内容,通过观看大屏,可以快速了解城市交通的动态变化信息。
现有的可视化大屏通常需要根据每个特定城市/地区/行业的监测需求进行一对一的定制化设计和开发,这样的开发过程复杂,且定制可视化大屏的经济成本、开发成本和时间成本较高。此外,现有大屏一般经过开发设计上线后,内容、场景等要素难以扩展。
因此,现有方案存在可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。
根据本公开实施例,提供了一种投屏展示方法,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本公开实施例所提供的方法实施例可以在移动终端、计算机终端或者类似的电子设备中执行。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。图1示出了一种用于实现投屏展示方法的计算机终端(或移动设备)的硬件结构框图。
如图1所示,计算机终端100包括计算单元101,其可以根据存储在只读存储器(ROM)102中的计算机程序或者从存储单元108加载到随机访问存储器(RAM)103中的计算机程序,来执行各种适当的动作和处理。在RAM 103中,还可存储计算机终端100操作所需的各种程序和数据。计算单元101、ROM 102以及RAM 103通过总线104彼此相连。输入/输出(I/O)接口105也连接至总线104。
计算机终端100中的多个部件连接至I/O接口105,包括:输入单元106,例如键盘、鼠标等;输出单元107,例如各种类型的显示器、扬声器等;存储单元108,例如磁盘、光盘等;以及通信单元109,例如网卡、调制解调器、无线通信收发机等。通信单元109允许计算机终端100通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元101可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元101的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元101执行本文所描述的投屏展示方法。例如,在一些实施例中,投屏展示方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元108。在一些实施例中,计算机程序的部分或者全部可以经由ROM 102和/或通信单元109而被载入和/或安装到计算机终端100上。当计算机程序加载到RAM 103并由计算单元101执行时,可以执行本文描述的投屏展示方法的一个或多个步骤。备选地,在其他实施例中,计算单元101可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行投屏展示方法。
本文中描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
此处需要说明的是,在一些可选实施例中,上述图1所示的电子设备可以包括硬件元件(包括电路)、软件元件(包括存储在计算机可读介质上的计算机代码)、或硬件元件和软件元件两者的结合。应当指出的是,图1仅为特定具体实例的一个实例,并且旨在示出可存在于上述电子设备中的部件的类型。
在上述运行环境下,本公开提供了如图2所示的投屏展示方法,该方法可以由图1所示的计算机终端或者类似的电子设备执行。图2是根据本公开实施例提供的一种投屏展示方法流程图。如图2所示,该方法可以包括如下步骤:
步骤S21,响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;
上述第一目标控件可以为设备图形用户界面上显示的“一键投屏”控件,或者具有触发投屏状态作用的图标对应的控件。
上述第一控制操作可以包括对于计算机终端的鼠标点击操作或者对于移动终端的点击触控操作。
可选地,待投屏内容可以由底层代码进行预先设置或者由用户进行自定义设置。待投屏内容可以根据底层代码的预先设置或者由用户的自定义设置,从网页包括的全部内容中进行确定。
具体的,响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容的实现过程可以参照对于本公开实施例的进一步介绍,不予赘述。
步骤S22,在投屏状态下,对待投屏内容进行投屏展示。
具体的,在投屏状态下,对待投屏内容进行投屏展示的实现过程可以参照对于本公开实施例的进一步介绍。
根据本公开上述步骤S21至步骤S22,通过响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;在投屏状态下,对待投屏内容进行投屏展示,达到了高效化、便捷化、个性化生成可视化大屏目的,实现了简化可视化大屏的开发流程、降低定制成本以及提升可扩展性的效果,从而解决了现有方案中可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。
下面对本公开上述实施例的投屏展示方法进行进一步介绍。
作为一种可选的实施方式,在步骤S21,响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容包括:
步骤S211,响应对第一目标控件执行的第一控制操作,获取容器标识信息,其中,容器标识信息用于查找布局容器组件;
可选地,容器标识信息可以进行预先自定义配置,容器标识信息可以包括标识号、标签、字母等自定义元素属性。
步骤S212,基于容器标识信息,从布局容器组件中获取待投屏内容。
例如,在未投屏之前,设备显示界面上包括多个布局容器组件,具体包括模块A,模块B以及模块C,响应对第一目标控件执行的第一控制操作,获取容器标识信息为B和C,则从网页的全部内容中将标识信息B和C对应的布局容器组件模块B和模块C确定为待投屏内容。
下面以图3为例,对响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容的实现过程进行介绍。
图3为根据本公开实施例的一种获取待投屏内容的过程示意图。如图3所示,在投屏之前显示网页全部内容,其中,网页全部内容包括头部内容、“一键投屏”组件(即上述第一目标控件)、模块A、模块B和模块C。其中,在显示位置1显示模块A和模块B,在显示位置2显示模块C,显示位置1位于显示位置2的下方。对于PC端而言,上述第一控制操作可以为图形用户界面内执行的鼠标点击操作;而对于移动端而言,上述第一控制操作可以为图形用户界面内执行的单击触控操作。模块A、模块B和模块C分别具有不同的显示标题和显示内容。例如:模块A的显示标题为A城市路网拥堵详情,模块A的显示内容为A城市对应的拥堵示意电子地图,其中,绿色路段为畅通路段、黄色路段为通行缓慢路段、红色路段为拥堵路段;模块B的显示标题为A城市未来预设时长(例如:24小时)内拥堵趋势预测,模块B的显示内容为A城市对应的拥堵趋势预测走势图;模块C的显示标题为A城市未来预设时长(例如:24小时)拥堵行政区预测,模块C的显示内容为A城市对应的各个行政区内预设拥堵指数与预设平均车速示意图。
在一个可选实施例中,用户可以采用自定义方式设置模块A在未投屏状态下显示,模块B在未投屏状态下隐藏,模块C在投屏状态下需要整合到模块B中,根据用户的设置,相应展示一键投屏之前的初始页面,即展示第一页面布局,在显示位置1显示模块A,在显示位置2显示模块C。响应对第一目标控件执行的第一控制操作,获取容器标识信息,从布局容器组件中获取待投屏内容进行展示。
作为一种可选的实施方式,本公开的投屏展示方法还包括:
步骤S23,响应对第一目标控件执行的第一控制操作,将投屏状态参数从第一状态值调整为第二状态值,其中,第一状态值表示退出投屏模式,第二状态值表示进入投屏模式。
上述投屏状态参数包括全局默认投屏状态。例如,第一状态值可以表示全局默认投屏状态为“否”,第二状态值可以表示全局默认投屏状态为“是”。响应对第一目标控件执行的第一控制操作,可以将全局默认投屏状态为“否”调整成全局默认投屏状态为“是”。
作为一种可选的实施方式,在步骤S22,在投屏状态下,对待投屏内容进行投屏展示包括:当投屏状态参数为第二状态值时,调用布局容器组件的请求进入全屏模式方法对待投屏内容进行投屏展示。
需要说明的是,当投屏状态参数为第二状态值时,还可以通过调用其他浏览器兼容方法对待投屏内容进行投屏展示,本公开实施例调用布局容器组件的请求进入全屏模式方法仅为一种示例,不予限制。
作为一种可选的实施方式,本公开的投屏展示方法还包括:
步骤S24,响应对第二目标控件执行的第二控制操作,从投屏展示待投屏内容恢复至初始显示内容。
上述第二目标控件可以为设备图形用户界面上显示的“退出投屏”控件,或者具有退出投屏状态作用的图标对应的控件。
上述第二控制操作可以包括对于计算机终端的鼠标点击操作或者对于移动终端的点击触控操作。
上述初始显示内容为进行投屏之前的显示内容。
作为一种可选的实施方式,本公开的投屏展示方法还包括:响应对第二目标控件执行的第二控制操作,将投屏状态参数从第二状态值调整为第一状态值,其中,第一状态值表示退出投屏模式,第二状态值表示进入投屏模式。
上述投屏状态参数包括全局默认投屏状态。例如,第一状态值可以表示全局默认投屏状态为“否”,第二状态值可以表示全局默认投屏状态为“是”。响应对第二目标控件执行的第二控制操作,可以将全局默认投屏状态为“是”调整成全局默认投屏状态为“否”。
作为一种可选的实施方式,在步骤S24,从投屏展示待投屏内容恢复至初始显示内容包括:当投屏状态参数为第一状态值时,调用布局容器组件的退出全屏模式方法恢复显示初始显示内容。
需要说明的是,当投屏状态参数为第一状态值时,还可以通过调用其他浏览器兼容方法从投屏展示待投屏内容恢复至初始显示内容,本公开实施例调用布局容器组件的退出全屏模式方法仅为一种示例,不予限制。
作为一种可选的实施方式,在步骤S22,对待投屏内容进行投屏展示包括:
步骤S220,获取待投屏内容的第一页面布局,其中,第一页面布局为进入投屏状态之前的初始页面的页面布局,第一页面布局用于确定初始页面包含的多个模块中每个模块的显示位置和显示状态;
上述进入投屏状态之前的初始页面可以包含多个模块,例如:模块A、模块B和模块C。上述第一页面布局为初始页面的页面布局,该页面布局用于确定初始页面包含的多个模块中每个模块的显示位置和显示状态,例如:模块A位于初始页面的显示位置1且模块A的显示状态为进入投屏状态之前显示在初始页面;模块B与模块C整合至初始页面的显示位置2,且模块B的显示状态为进入投屏状态之前隐藏在初始页面,模块C的显示状态为进入投屏状态之前显示在初始页面。显示位置2位于显示位置1的下方。
步骤S221,基于第一页面布局确定第二页面布局,其中,第二页面布局为进入投屏状态之后的目标页面的页面布局,第二页面布局用于确定目标页面包含的多个模块中每个模块的显示位置和显示状态,目标页面包含的多个模块是从初始页面包含的多个模块中选取的部分或全部模块;
上述进入投屏状态之后的目标页面同样可以包含多个模块,该多个模块是从初始页面包含的多个模块中选取的部分或全部模块,例如:模块B和模块C。上述第二页面布局为目标页面的页面布局,该页面布局用于确定目标页面包含的多个模块中每个模块的显示位置和显示状态,模块B与模块C整合至目标页面的显示位置3,且模块B与模块C的显示状态为进入投屏状态之后显示在目标页面。
步骤S222,按照第二页面布局对待投屏内容进行投屏展示。
最终,按照上述第二页面布局便可以对待投屏内容进行投屏展示。
下面以图4为例对上述进行投屏展示和恢复显示初始显示内容的实现过程进行介绍。
图4是根据本公开实施例的一种投屏展示方法的示意图。如图4所示,对第一目标控件执行第一控制操作,即点击“一键投屏”后,全局默认投屏状态由“否”调整“是”,调用布局容器组件的请求进入全屏模式方法将模块C整合到模块B中进行投屏展示,对模块A进行隐藏。即,模块B与模块C整合至目标页面的显示位置3,且模块B与模块C的显示状态为进入投屏状态之后显示在目标页面。
相反地,在处于投屏状态时,对第二目标控件执行第二控制操作,即点击“退出投屏”后,全局默认投屏状态由“是”调整“否”,调用布局容器组件的退出全屏模式方法恢复显示模块A和模块C,对模块B进行隐藏。即,模块A位于初始页面的显示位置1且模块A的显示状态为进入投屏状态之前显示在初始页面;模块B与模块C整合至初始页面的显示位置2,且模块B的显示状态为进入投屏状态之前隐藏在初始页面,模块C的显示状态为进入投屏状态之前显示在初始页面。
作为一种可选的实施方式,本公开的投屏展示方法还包括:
步骤S25,响应对第三目标控件执行的第三控制操作,从第一业务场景切换至第二业务场景,其中,第一业务场景是待投屏内容对应的业务场景,第二业务场景为待切换的目标业务场景;
上述第三目标控件可以为设备图形用户界面上显示的“场景切换”控件,或者具有退出投屏状态作用的图标对应的控件。
上述第三控制操作可以包括对于计算机终端的鼠标点击操作或者对于移动终端的点击触控操作。
步骤S26,基于第二业务场景更新待投屏内容。
作为一种可选的实施方式,第三目标控件的数量由业务场景数量来确定,每个业务场景分别对应不同的展示内容,第三目标控件绑定有目标触控事件,目标触控事件在被触发时,第三目标控件对应的业务场景的展示内容处于显示状态,并且除第三目标控件对应的业务场景之外的其余业务场景的展示内容处于隐藏状态。
可选地,上述业务场景对应的展示内容可以包括城市区域信息、交通场景信息和交通参数信息。例如,城市区域信息中可以包括具体要关注的城市,如北京、上海、广州、深圳等。交通场景信息可以包括城市路网、高速公路、旅游景区、客运枢纽等。交通参数信息可以包括实时拥堵指数、预测拥堵指数、高速公路拥堵里程等。
下面以图5对上述投屏状态下的业务场景切换的实现过程进行介绍。
图5是根据本公开实施例的一种业务场景切换的过程示意图。如图5所示,待切换的业务场景包括场景A、场景B……场景N,每个业务场景分别对应不同的展示内容。对第三目标控件执行第三控制操作,即对任意一个待切换场景对应的控件进行点击,可以显示被点击的场景,其他场景被隐藏。例如,点击场景A,显示场景A对应的展示内容,将除场景A以外的场景(场景B……场景N)进行隐藏,从而实现业务场景动态切换的视觉效果。
本公开的投屏展示方法可以高效化、便捷化、个性化生成可视化大屏,实现不同业务场景的自由切换。具体的,能够减少开发者的数据布局成本、维护成本,同时减少用户在不同业务场景之间的切换时间成本,有效提高工作效率,并在一定程度上满足个性化需求。
本公开通过响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;在投屏状态下,对待投屏内容进行投屏展示,达到了高效化、便捷化、个性化生成可视化大屏目的,实现了简化可视化大屏的开发流程、降低定制成本以及提升可扩展性的效果,从而解决了现有方案中可视化大屏的开发过程复杂、定制成本高、可扩展性差的技术问题。
本公开的技术方案中,所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理,均符合相关法律法规的规定,且不违背公序良俗。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本公开各个实施例所述的方法。
在本公开中还提供了一种投屏展示装置,该装置用于实现上述实施例及优选实施方式,已经进行过说明的不再赘述。如以下所使用的,术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
图6是根据本公开其中一实施例的一种投屏展示装置的结构框图,如图6所示,一种投屏展示装置600包括:获取模块601,展示模块602。
获取模块601,用于响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;
展示模块602,用于在投屏状态下,对待投屏内容进行投屏展示。
可选地,获取模块601用于响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容包括:响应对第一目标控件执行的第一控制操作,获取容器标识信息,其中,容器标识信息用于查找布局容器组件;基于容器标识信息,从布局容器组件中获取待投屏内容。
可选地,投屏展示装置600还包括:调整模块603,用于响应对第一目标控件执行的第一控制操作,将投屏状态参数从第一状态值调整为第二状态值,其中,第一状态值表示退出投屏模式,第二状态值表示进入投屏模式。
可选地,展示模块602用于在投屏状态下,对待投屏内容进行投屏展示包括:当投屏状态参数为第二状态值时,调用布局容器组件的请求进入全屏模式方法对待投屏内容进行投屏展示。
可选地,展示模块602用于对待投屏内容进行投屏展示包括:获取待投屏内容的第一页面布局,其中,第一页面布局为进入投屏状态之前的初始页面的页面布局,第一页面布局用于确定初始页面包含的多个模块中每个模块的显示位置和显示状态;基于第一页面布局确定第二页面布局,其中,第二页面布局为进入投屏状态之后的目标页面的页面布局,第二页面布局用于确定目标页面包含的多个模块中每个模块的显示位置和显示状态,目标页面包含的多个模块是从初始页面包含的多个模块中选取的部分或全部模块;按照第二页面布局对待投屏内容进行投屏展示。
可选地,投屏展示装置600还包括:恢复模块604,用于响应对第二目标控件执行的第二控制操作,从投屏展示待投屏内容恢复至初始显示内容。
可选地,调整模块603还用于响应对第二目标控件执行的第二控制操作,将投屏状态参数从第二状态值调整为第一状态值,其中,第一状态值表示退出投屏模式,第二状态值表示进入投屏模式。
可选地,恢复模块604用于从投屏展示待投屏内容恢复至初始显示内容包括:当投屏状态参数为第一状态值时,调用布局容器组件的退出全屏模式方法恢复显示初始显示内容。
可选地,投屏展示装置600还包括:切换模块605,用于响应对第三目标控件执行的第三控制操作,从第一业务场景切换至第二业务场景,其中,第一业务场景是待投屏内容对应的业务场景,第二业务场景为待切换的目标业务场景;更新模块606,用于基于第二业务场景更新待投屏内容。
可选地,第三目标控件的数量由业务场景数量来确定,每个业务场景分别对应不同的展示内容,第三目标控件绑定有目标触控事件,目标触控事件在被触发时,第三目标控件对应的业务场景的展示内容处于显示状态,并且除第三目标控件对应的业务场景之外的其余业务场景的展示内容处于隐藏状态。
需要说明的是,上述各个模块是可以通过软件或硬件来实现的,对于后者,可以通过以下方式实现,但不限于此:上述模块均位于同一处理器中;或者,上述各个模块以任意组合的形式分别位于不同的处理器中。
根据本公开的实施例,本公开还提供了一种电子设备,包括存储器和至少一个处理器,该存储器中存储有计算机指令,该处理器被设置为运行计算机指令以执行上述任一项方法实施例中的步骤。
可选地,上述电子设备还可以包括传输设备以及输入输出设备,其中,该传输设备和上述处理器连接,该输入输出设备和上述处理器连接。
可选地,在本公开中,上述处理器可以被设置为通过计算机程序执行以下步骤:
S1,响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;
S2,在投屏状态下,对待投屏内容进行投屏展示。
可选地,本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,本实施例在此不再赘述。
根据本公开的实施例,本公开还提供了一种存储有计算机指令的非瞬时计算机可读存储介质,该非瞬时计算机可读存储介质中存储有计算机指令,其中,该计算机指令被设置为运行时执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述非易失性存储介质可以被设置为存储用于执行以下步骤的计算机程序:
S1,响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,第一目标控件用于触发投屏状态,布局容器组件用于存储待投屏内容;
S2,在投屏状态下,对待投屏内容进行投屏展示。
可选地,在本实施例中,上述非瞬时计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的实施例,本公开还提供了一种计算机程序产品。用于实施本公开的音频处理方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本公开所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM)、随机存取存储器(RAM)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本公开的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本公开原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本公开的保护范围。
Claims (14)
1.一种投屏展示方法,包括:
响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,所述第一目标控件用于触发投屏状态,所述布局容器组件用于存储所述待投屏内容;
在所述投屏状态下,对所述待投屏内容进行投屏展示。
2.根据权利要求1所述的投屏展示方法,其中,响应对所述第一目标控件执行的所述第一控制操作,从所述布局容器组件中获取所述待投屏内容包括:
响应对所述第一目标控件执行的所述第一控制操作,获取容器标识信息,其中,所述容器标识信息用于查找所述布局容器组件;
基于所述容器标识信息,从所述布局容器组件中获取所述待投屏内容。
3.根据权利要求1所述的投屏展示方法,所述投屏展示方法还包括:
响应对所述第一目标控件执行的所述第一控制操作,将投屏状态参数从第一状态值调整为第二状态值,其中,所述第一状态值表示退出投屏模式,所述第二状态值表示进入投屏模式。
4.根据权利要求3所述的投屏展示方法,其中,在所述投屏状态下,对所述待投屏内容进行投屏展示包括:
当所述投屏状态参数为所述第二状态值时,调用所述布局容器组件的请求进入全屏模式方法对所述待投屏内容进行投屏展示。
5.根据权利要求1或4所述的投屏展示方法,其中,对所述待投屏内容进行投屏展示包括:
获取所述待投屏内容的第一页面布局,其中,所述第一页面布局为进入所述投屏状态之前的初始页面的页面布局,所述第一页面布局用于确定所述初始页面包含的多个模块中每个模块的显示位置和显示状态;
基于所述第一页面布局确定第二页面布局,其中,所述第二页面布局为进入所述投屏状态之后的目标页面的页面布局,所述第二页面布局用于确定所述目标页面包含的多个模块中每个模块的显示位置和显示状态,所述目标页面包含的多个模块是从所述初始页面包含的多个模块中选取的部分或全部模块;
按照所述第二页面布局对所述待投屏内容进行投屏展示。
6.根据权利要求1所述的投屏展示方法,所述投屏展示方法还包括:
响应对第二目标控件执行的第二控制操作,从投屏展示所述待投屏内容恢复至初始显示内容。
7.根据权利要求6所述的投屏展示方法,所述投屏展示方法还包括:
响应对所述第二目标控件执行的所述第二控制操作,将投屏状态参数从第二状态值调整为第一状态值,其中,所述第一状态值表示退出投屏模式,所述第二状态值表示进入投屏模式。
8.根据权利要求7所述的投屏展示方法,其中,从投屏展示所述待投屏内容恢复至所述初始显示内容包括:
当所述投屏状态参数为所述第一状态值时,调用所述布局容器组件的退出全屏模式方法恢复显示所述初始显示内容。
9.根据权利要求1所述的投屏展示方法,所述投屏展示方法还包括:
响应对第三目标控件执行的第三控制操作,从第一业务场景切换至第二业务场景,其中,所述第一业务场景是所述待投屏内容对应的业务场景,所述第二业务场景为待切换的目标业务场景;
基于所述第二业务场景更新所述待投屏内容。
10.根据权利要求9所述的投屏展示方法,其中,所述第三目标控件的数量由业务场景数量来确定,每个业务场景分别对应不同的展示内容,所述第三目标控件绑定有目标触控事件,所述目标触控事件在被触发时,所述第三目标控件对应的业务场景的展示内容处于显示状态,并且除所述第三目标控件对应的业务场景之外的其余业务场景的展示内容处于隐藏状态。
11.一种投屏展示装置,包括:
获取模块,用于响应对第一目标控件执行的第一控制操作,从布局容器组件中获取待投屏内容,其中,所述第一目标控件用于触发投屏状态,所述布局容器组件用于存储所述待投屏内容;
展示模块,用于在所述投屏状态下,对所述待投屏内容进行投屏展示。
12.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-10中任一项所述的方法。
13.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-10中任一项所述的方法。
14.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-10中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111096079.9A CN113805827B (zh) | 2021-09-14 | 2021-09-14 | 一种投屏展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111096079.9A CN113805827B (zh) | 2021-09-14 | 2021-09-14 | 一种投屏展示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113805827A true CN113805827A (zh) | 2021-12-17 |
CN113805827B CN113805827B (zh) | 2024-05-07 |
Family
ID=78895891
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111096079.9A Active CN113805827B (zh) | 2021-09-14 | 2021-09-14 | 一种投屏展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113805827B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114610261A (zh) * | 2022-03-30 | 2022-06-10 | 阿里巴巴(中国)有限公司 | 终端投屏方法、装置、设备及介质 |
WO2024041657A1 (zh) * | 2022-08-26 | 2024-02-29 | 北京字跳网络技术有限公司 | 一种投屏处理方法、装置、设备以及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105893602A (zh) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | 用于终端浏览器的网页中图表的全屏显示方法及系统 |
WO2017173793A1 (zh) * | 2016-04-06 | 2017-10-12 | 乐视控股(北京)有限公司 | 一种视频投屏方法及装置 |
CN110597774A (zh) * | 2019-09-13 | 2019-12-20 | 腾讯科技(深圳)有限公司 | 一种文件分享方法、系统、装置、计算设备及终端设备 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
CN111443884A (zh) * | 2020-04-23 | 2020-07-24 | 华为技术有限公司 | 投屏方法、装置和电子设备 |
WO2020238815A1 (zh) * | 2019-05-24 | 2020-12-03 | 网易(杭州)网络有限公司 | 显示控制方法及装置、电子设备和存储介质 |
CN112286477A (zh) * | 2020-11-16 | 2021-01-29 | Oppo广东移动通信有限公司 | 投屏显示方法及相关产品 |
-
2021
- 2021-09-14 CN CN202111096079.9A patent/CN113805827B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017173793A1 (zh) * | 2016-04-06 | 2017-10-12 | 乐视控股(北京)有限公司 | 一种视频投屏方法及装置 |
CN105893602A (zh) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | 用于终端浏览器的网页中图表的全屏显示方法及系统 |
WO2020238815A1 (zh) * | 2019-05-24 | 2020-12-03 | 网易(杭州)网络有限公司 | 显示控制方法及装置、电子设备和存储介质 |
CN110597774A (zh) * | 2019-09-13 | 2019-12-20 | 腾讯科技(深圳)有限公司 | 一种文件分享方法、系统、装置、计算设备及终端设备 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
CN111443884A (zh) * | 2020-04-23 | 2020-07-24 | 华为技术有限公司 | 投屏方法、装置和电子设备 |
CN112286477A (zh) * | 2020-11-16 | 2021-01-29 | Oppo广东移动通信有限公司 | 投屏显示方法及相关产品 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114610261A (zh) * | 2022-03-30 | 2022-06-10 | 阿里巴巴(中国)有限公司 | 终端投屏方法、装置、设备及介质 |
WO2024041657A1 (zh) * | 2022-08-26 | 2024-02-29 | 北京字跳网络技术有限公司 | 一种投屏处理方法、装置、设备以及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113805827B (zh) | 2024-05-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7366079B2 (ja) | ナビゲーション情報生成方法、装置、電子デバイス、コンピュータ可読記憶媒体及びコンピュータプログラム | |
CN109902255B (zh) | 页面混合浏览记录生成方法、装置、设备和存储介质 | |
CN113805827A (zh) | 一种投屏展示方法、装置、电子设备及存储介质 | |
JP2020512645A (ja) | ユーザのToDoリストに対する通知を提供する方法およびシステム | |
CN107819930A (zh) | 一种功能提示方法和系统 | |
CN113656533A (zh) | 一种树形控件处理方法、装置及电子设备 | |
JP7369229B2 (ja) | ミニプログラムページのスキン切り替え方法、装置及び電子機器 | |
CN114491269A (zh) | 出行服务的推荐方法及装置、设备和介质 | |
CN105955743A (zh) | 资源数值转移请求生成的方法、装置和系统 | |
CN106710272B (zh) | 提供实时路况信息的方法与装置 | |
WO2024160268A1 (zh) | 页面渲染方法、装置、设备及存储介质 | |
CN105159540A (zh) | 一种屏幕状态的控制方法及终端 | |
US9823822B2 (en) | Process data presentation based on process regions | |
CN109409947A (zh) | 一种基于客户端的居民出行调查方法 | |
EP2230594B1 (en) | Information processor and program | |
CN111123778B (zh) | 监控车辆使用状况的方法、装置及电子设备 | |
CN112016018A (zh) | 一种路网运行监测方法、装置、存储介质及终端 | |
CN113761306A (zh) | 一种车端数据处理方法及装置 | |
CN114495495B (zh) | 异常转向行为的检测方法、装置及电子设备 | |
EP4134899A1 (en) | Information display method, first service request terminal, system and electronic device | |
CN109766236A (zh) | Kafka消息队列数监控方法、装置、电子设备及存储介质 | |
CN112433723A (zh) | 个性化列表开发方法及装置 | |
CN114987494A (zh) | 驾驶场景处理方法、装置及电子设备 | |
CN115586937A (zh) | 界面显示方法、装置、电子设备和可读存储介质 | |
CN114036249A (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 |