CN116248968A - 显示设备及界面范围切换方法 - Google Patents
显示设备及界面范围切换方法 Download PDFInfo
- Publication number
- CN116248968A CN116248968A CN202310134329.6A CN202310134329A CN116248968A CN 116248968 A CN116248968 A CN 116248968A CN 202310134329 A CN202310134329 A CN 202310134329A CN 116248968 A CN116248968 A CN 116248968A
- Authority
- CN
- China
- Prior art keywords
- anchor point
- range
- target object
- target
- interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 20
- 238000004364 calculation method Methods 0.000 claims abstract description 21
- 238000006243 chemical reaction Methods 0.000 claims description 13
- 238000012216 screening Methods 0.000 claims description 6
- 230000033001 locomotion Effects 0.000 abstract description 6
- 230000006870 function Effects 0.000 description 12
- 230000003993 interaction Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 11
- 230000000694 effects Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 2
- 239000002131 composite material Substances 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000009466 transformation Effects 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000003550 marker Substances 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4854—End-user interface for client configuration for modifying image parameters, e.g. image brightness, contrast
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种显示设备及界面范围切换方法,所述界面范围切换方法在用户输入范围切换指令后,可以获取范围切换指令中的目标范围,以及获取目标对象的位置信息,将用户界面切换至目标范围,以及根据位置信息在切换后的目标范围内添加目标对象。其中,位置信息包括目标对象基于锚点位置的相对比例值,锚点位置为预先在用户界面的界面背景中标记的位置。所述方法通过实时记录用户界面中目标对象的位置信息,在用户界面进行范围切换时,可以基于目标范围以及位置信息进行目标对象位置的实时计算移动,从而实现界面范围切换时界面范围与目标对象位置快速更新,提高用户体验。
Description
技术领域
本申请涉及显示设备技术领域,尤其涉及一种显示设备及界面范围切换方法。
背景技术
显示设备是指能够输出具体显示画面的终端设备,可以是智能电视、移动终端、智能广告屏、投影仪等终端设备。以智能电视为例,智能电视是基于Internet应用技术,具备开放式操作系统与芯片,拥有开放式应用平台,可实现双向人机交互功能,集影音、娱乐、数据等多种功能于一体的电视产品,用于满足用户多样化和个性化需求。
为了提高用户体验,显示设备可支持直播功能,应用于体育直播领域,用于播放体育直播节目,例如,足球直播节目等。其中,战术演示是体育直播节目中必不可少的环节,显示设备可作为体育直播的触控屏战术板,使得用户的操控更为便捷。
然而,目前单一场地的战术板仅能满足单一视角的讲解,当需要不断在全场、半场进行视角切换时,均需要用户手动拖动球员位置重新进行球员的位置编排,导致界面范围切换操作时间长,效率低,同时造成直播时间的浪费,降低用户体验。
发明内容
本申请提供了一种显示设备及界面范围切换方法,以解决用户界面的界面范围切换需手动编排目标对象位置的问题。
一方面,本申请提供一种显示设备,包括:显示器以及控制器。其中,显示器用于显示用户界面,所述用户界面中包括界面背景和至少一个目标对象;控制器被配置为执行以下程序步骤:
响应于用户输入的范围切换指令,获取所述范围切换指令中的目标范围;
获取所述目标对象的位置信息,所述位置信息包括所述目标对象基于锚点位置的相对比例值,所述锚点位置为预先在所述界面背景中标记的位置;
将所述用户界面切换至所述目标范围,以及根据所述位置信息在切换后的目标范围内添加所述目标对象。
另一方面,本申请还提供一种界面范围切换方法,应用于上述显示设备,所述界面范围切换方法包括以下步骤:
响应于用户输入的范围切换指令,获取所述范围切换指令中的目标范围;
获取目标对象的位置信息,所述位置信息包括所述目标对象基于锚点位置的相对比例值,所述锚点位置为预先在界面背景中标记的位置;
将用户界面切换至所述目标范围,以及根据所述位置信息在切换后的目标范围内添加所述目标对象。
由以上技术方案可知,本申请提供的显示设备及界面范围切换方法,可以在用户输入范围切换指令后,可以获取范围切换指令中的目标范围,以及获取目标对象的位置信息,将用户界面切换至目标范围,以及根据位置信息在切换后的目标范围内添加目标对象。其中,位置信息包括目标对象基于锚点位置的相对比例值,锚点位置为预先在用户界面的界面背景中标记的位置。所述方法通过实时记录用户界面中目标对象的位置信息,在用户界面进行范围切换时,可以基于目标范围以及位置信息进行目标对象位置的实时计算移动,从而实现界面范围切换时界面范围与目标对象位置快速更新,提高用户体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例中显示设备与控制装置之间操作场景的示意图;
图2为本申请实施例中显示设备的硬件配置框图;
图3为本申请实施例中显示设备的硬件配置框图;
图4为本申请实施例中显示设备的软件配置示意图;
图5为本申请实施例中战术板应用对应的用户界面;
图6为本申请实施例中左半场范围对应的用户界面;
图7为本申请实施例中界面范围切换方法的流程示意图;
图8为本申请实施例中全场锚点位置的标记示意图;
图9为本申请实施例中左半场锚点位置的标记示意图;
图10为本申请实施例中图8所示的圆形图案1相对于锚点位置的关系示意图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施例中的技术方案进行清楚、完整地描述,显然,所描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
基于本申请中示出的示例性实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。此外,虽然本申请中公开内容按照示范性一个或几个实例来介绍,但应理解,可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。
应当理解,本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,例如能够根据本申请实施例图示或描述中给出那些以外的顺序实施。
此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的那些组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
本申请实施方式提供的显示设备可以具有多种实施形式,例如,可以是电视、智能电视、激光投影设备、显示器(monitor)、电子白板(electronic bulletin board)、电子桌面(electronic table)等。图1和图2为本申请的显示设备的一种具体实施方式。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示,用户可通过智能设备300或控制装置100操作显示设备200。
在一些实施例中,控制装置100可以是遥控器,遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信,及其他短距离通信方式,通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。
在一些实施例中,也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如,使用在智能设备上运行的应用程序控制显示设备200。
在一些实施例中,显示设备可以不使用上述的智能设备或控制设备接收指令,而是通过触摸或者手势等接收用户的控制。
在一些实施例中,显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制,例如,可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制,也可以通过显示设备200设备外部设置的语音控制装置来接收用户的语音指令控制。
在一些实施例中,显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群,也可以是多个集群,可以包括一类或多类服务器。
图2示例性示出了根据示例性实施例中控制装置100的配置框图。如图2所示,控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令,且将操作指令转换为显示设备200可识别和响应的指令,起用用户与显示设备200之间交互中介作用。
如图3,显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
在一些实施例中控制器包括处理器,视频处理器,音频处理器,图形处理器,RAM,ROM,用于输入/输出的第一接口至第n接口。
显示器260包括用于呈现画面的显示屏组件,以及驱动图像显示的驱动组件,用于接收源自控制器输出的图像信号,进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面。
显示器260可为液晶显示器、OLED显示器、以及投影显示器,还可以为一种投影装置和投影屏幕。
通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如:通信器可以包括Wifi模块,蓝牙模块,有线以太网模块等其他网络通信协议芯片或近场通信协议芯片,以及红外接收器中的至少一种。显示设备200可以通过通信器220与控制装置100或服务器400建立控制信号和数据信号的发送和接收。
用户接口,可用于接收控制装置100(如:红外遥控器等)的控制信号。
检测器230用于采集外部环境或与外部交互的信号。例如,检测器230包括光接收器,用于采集环境光线强度的传感器;或者,检测器230包括图像采集器,如摄像头,可以用于采集外部环境场景、用户的属性或用户交互手势,再或者,检测器230包括声音采集器,如麦克风等,用于接收外部声音。
外部装置接口240可以包括但不限于如下:高清多媒体接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。
调谐解调器210通过有线或无线接收方式接收广播电视信号,以及从多个无线或有线广播电视信号中解调出音视频信号,如以及EPG数据信号。
在一些实施例中,控制器250和调谐解调器210可以位于不同的分体设备中,即调谐解调器210也可在控制器250所在的主体设备的外置设备中,如外置机顶盒等。
控制器250,通过存储在存储器上中各种软件控制程序,来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器260上显示UI对象的用户命令,控制器250便可以执行与由用户命令选择的对象有关的操作。
在一些实施例中控制器包括中央处理器(Central Processing Unit,CPU),视频处理器,音频处理器,图形处理器(Graphics Processing Unit,GPU),RAM Random AccessMemory,RAM),ROM(Read-Only Memory,ROM),用于输入/输出的第一接口至第n接口,通信总线(Bus)等中的至少一种。
用户可在显示器260上显示的图形用户界面(GUI)输入用户命令,则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者,用户可通过输入特定的声音或手势进行输入用户命令,则用户输入接口通过传感器识别出声音或手势,来接收用户输入命令。
“用户界面”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(Graphic User Interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素,其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
如图4所示,在一些实施例中,将系统分为四层,从上至下分别为应用程序(Applications)层(简称“应用层”),应用程序框架(Application Framework)层(简称“框架层”),安卓运行时(Android runtime)和系统库层(简称“系统运行库层”),以及内核层。
在一些实施例中,应用程序层中运行有至少一个应用程序,这些应用程序可以是操作系统自带的窗口(Window)程序、系统设置程序或时钟程序等;也可以是第三方开发者所开发的应用程序。在具体实施时,应用程序层中的应用程序包不限于以上举例。
框架层为应用程序提供应用编程接口(application programming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。应用程序框架层相当于一个处理中心,这个中心决定让应用层中的应用程序做出动作。应用程序通过API接口,可在执行中访问系统中的资源和取得系统的服务。
如图4所示,本申请实施例中应用程序框架层包括管理器(Managers),内容提供者(Content Provider)等,其中管理器包括以下模块中的至少一个:活动管理器(ActivityManager)用与和系统中正在运行的所有活动进行交互;位置管理器(Location Manager)用于给系统服务或应用提供了系统位置服务的访问;文件包管理器(Package Manager)用于检索当前安装在设备上的应用程序包相关的各种信息;通知管理器(NotificationManager)用于控制通知消息的显示和清除;窗口管理器(Window Manager)用于管理用户界面上的括图标、窗口、工具栏、壁纸和桌面部件。
在一些实施例中,活动管理器用于管理各个应用程序的生命周期以及通常的导航回退功能,比如控制应用程序的退出、打开、后退等。窗口管理器用于管理所有的窗口程序,比如获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕,控制显示窗口变化(例如将显示窗口缩小显示、抖动显示、扭曲变形显示等)等。
在一些实施例中,系统运行库层为上层即框架层提供支撑,当框架层被使用时,安卓操作系统会运行系统运行库层中包含的C/C++库以实现框架层要实现的功能。
在一些实施例中,内核层是硬件和软件之间的层。如图4所示,内核层至少包含以下驱动中的至少一种:音频驱动、显示驱动、蓝牙驱动、摄像头驱动、WIFI驱动、USB驱动、HDMI驱动、传感器驱动(如指纹传感器,温度传感器,压力传感器等)、以及电源驱动等。
基于上述显示设备200可以呈现具体的画面。例如,播放画面、控制界面以及其他应用程序界面等。根据应用程序的开发者或运营者,安装在显示设备200上的应用程序可以包括多种形式,例如,系统应用、第三方应用等。还可以按照应用程序所能够实现的功能,将安装在显示设备200上的应用程序分为多个类型,例如,视频类应用、阅读类应用、游戏类应用等。
当显示器260中显示应用列表时,用户可以选择其中一个应用并控制显示设备200运行该应用,以实现该应用的功能。并且用户可以通过特定的交互动作控制显示设备200呈现不同的用户界面。其中,用户界面可以根据其具体提供的功能不同,细分为多种类型。例如,显示设备200运行战术板应用时,所提供的用户界面为战术板应用对应的用户界面,用户通过特定的交互动作可以控制该用户界面呈现不同的画面。
如图5所示,图5为本申请实施例中战术板应用对应的用户界面,以战术板应用为例,战术板应用为针对于特定的比赛进行战术演示的应用。图5中示出的用户界面的界面背景为足球场地图,在用户界面上包括4个分别带有标识1、2、3、4、5、6的圆形图案,每个圆形图案用于表征一个足球运动员,用户可通过特定的交互动作在用户界面中实现写、画、擦除、移动、保存、缩放、插入图片等功能,使得用户界面呈现不同的画面,实现战术演示。
为了提高用户体验,用户可以控制显示设备200切换用户界面的界面范围,即对用户界面显示的范围进行调整。例如,如图5所示的用户界面,在进行战术演示时,需要不断在全场、半场进行切换,因此,用户可以控制显示设备200切换界面范围,由图5所示的用户界面切换至图6所示的用户界面,即由全场视角切换至左半场视角。同时,需要用户手动拖动足球运动员对应的圆形图案,重新进行足球运动员的位置编排。
然而,在用户界面中的界面元素较多时,当进行界面范围切换时,会导致操作时间过长。并且用户手动进行位置编排时,用户界面中界面元素切换前后对应的位置存在误差,降低用户体验。
为了获得更好的交互体验,本申请的部分实施例中还提供一种界面范围切换方法,应用于显示设备200,用于提高界面范围切换的效率。其中,能够应用所述界面范围切换方法的显示设备200包括:显示器260以及控制器250。其中,显示器260被配置为显示用户界面,所述用户界面中包括界面背景和至少一个目标对象,控制器250则被配置为执行上述界面范围切换方法,如图7所示,图7为本申请实施例中界面范围切换方法的流程示意图,具体包括以下内容:
S100,响应于用户输入的范围切换指令,获取范围切换指令中的目标范围。
显示设备200的控制器250可以在用户使用过程中接收用户输入的各种控制指令,进而控制显示设备200的整体操作。其中,不同的控制指令对应具有不同的功能。本申请实施例中,控制器250可以接收用户输入的用于对用户界面进行范围切换的范围切换指令,获取范围切换指令中的目标范围,并根据范围切换指令中的目标范围对用户界面显示的范围进行调整,进而控制显示设备200呈现不同界面范围的用户界面。
例如,在显示器260对用户界面进行显示后,用户可以通过调用显示设备200的菜单界面,菜单界面中包括多个可选择的界面范围,例如,对于如图5所示的用户界面,菜单界面中包括全场、左半场、右半场等可选择的界面范围,用户可以点击相应的选项,选择所要切换的目标范围,以输入用于对用户界面进行范围切换的范围切换指令。
另外,对于支持触控操作的显示设备200,即显示器260的显示屏幕可以为触摸屏。为了实现更加简便的交互控制,显示设备200操作系统中可以预置交互策略,使用户可以通过触控动作,输入用于对用户界面进行范围切换的范围切换指令。例如,显示设备200操作系统中可以设置不同方向的滑动动作,以切换不同的界面范围。以如图5所示的用户界面为例,用户输入向左滑动的滑动动作,即输入将用户界面呈现的全场范围切换至左半场范围的指令,用户输入向右滑动的滑动动作,即输入将用户界面呈现的全场范围切换至右半场范围的指令。
S200,获取目标对象的位置信息。
为了提高界面范围切换的效率,控制器250接收到用户输入范围切换指令后,还可以获取目标对象的位置信息,在执行用户界面的范围切换时,根据目标范围和位置信息进行界面范围以及目标对象位置的切换更新。
其中,目标对象为在用户界面进行界面范围切换时需要移动更新的界面元素,例如,用户绘制的图形、书写笔迹、插入的图片、插入的表格、文件展示窗口等。位置信息为目标对象相对于锚点位置的位置,包括目标对象基于锚点位置的相对比例值。锚点位置为预先在界面背景中标记的位置。
对于锚点位置的标记,可以是显示设备200首次显示该用户界面时进行标记设置的,在显示器260对用户界面进行显示时,用户可以输入用于设置该用户界面背景的控制指令,以设置锚点位置。因此,控制器250可以响应于用户输入的用于设置界面背景的控制指令,根据所述控制指令设置锚点位置。例如,用户输入用于设置界面背景的控制指令后,控制器250控制显示器260显示标记界面,即亮度变暗的用户界面,用户可在该标记界面中点击不同位置,以选择所要标记设置的锚点位置,并在选择完成后,点击“确认”选项,以完成锚点位置的标记。
在一些实施例中,控制器250还可以获取界面背景的范围信息,根据范围信息设置锚点位置。其中,范围信息为界面背景可支持呈现的范围。根据范围信息将界面背景划分成多个区域范围,识别每个区域范围的端点位置,并标记端点位置,以作为锚点位置。
例如,以图5所示的用户界面为例,该用户界面的界面背景为足球场地图,该界面背景可支持呈现的范围为全场范围、左半场范围和右半场范围。控制器250可根据范围信息将足球场地图划分成两个区域,即左半场范围对应的区域和右半场范围对应的区域,并识别两个区域的端点位置,将端点位置标记为锚点位置。如图8、图9所示,图8为本申请实施例中全场锚点位置的标记示意图,图9为本申请实施例中左半场锚点位置的标记示意图。图8、图9所示的标识1、2、3、4、5、6的端点即为锚点位置。
可以理解的是,上述为本实施例提供的示例性的锚点位置的标记,在应用中,可根据用户需求标记锚点位置,本申请不做限制。
对于目标对象的位置信息的获取,控制器250可以获取目标对象在当前用户界面上的当前坐标值,然而,该坐标值与界面范围切换后的用户界面不匹配,会导致目标对象在用户界面切换前后对应的位置发生偏移。因此,需要获取目标对象相对于锚点位置的位置信息,该位置信息可以通过目标对象与锚点位置坐标之间的关系表示。控制器250可以获取锚点位置的锚点坐标,以及目标对象的当前位置坐标。并根据当前位置坐标和锚点坐标,计算目标对象相对于锚点位置的位置,以得到目标对象的位置信息。
其中,锚点坐标为锚点位置在用户界面中呈现时的坐标,由于在设置用户界面的界面背景时,界面背景可能与用户界面的显示区域的尺寸比例不同。因此,会对界面背景进行转换,以保证界面背景完整显示在用户界面中。控制器250可以根据界面背景和显示区域的宽高比例计算转换比例值,其中,转换比例值表示界面背景与用户界面之间显示区域的转换比例。
在一些实施例中,控制器250可以获取界面背景的高度和宽度,以及用户界面对应显示区域的高度和宽度。计算界面背景高度与显示区域高度的比值,以及界面背景宽度与显示区域宽度的比值,选取比值中的较小值,作为转换比例值。
因此,在获取锚点位置的锚点坐标时,控制器250可以获取锚点位置的标记坐标,标记坐标为锚点位置在界面背景中的坐标。再根据标记坐标和转换比例值,计算锚点位置的锚点坐标。例如,显示器260全屏显示用户界面时,可以根据显示屏幕的分辨率获取用户界面显示区域的高度和宽度,即显示区域的长度为width_s,高度为height_s。界面背景的长度为width_b,高度为height_b。则转换比例值为scale_s=Math.min(width_s/width_b,height_s/height_b)。锚点位置的标记坐标为(x,y),在界面背景在用户界面中显示时,其锚点位置的锚点坐标由x、y分别乘以scale_s得到。以图8所示的锚点位置为例,对应锚点位置的锚点坐标为anchor_pos_x/y=pos_x/y*scale_s,其中,pos表示标识,例如,标识1对应锚点位置的锚点坐标为(anchor_1_x,anchor_1_y)。
获取到锚点位置的锚点坐标以及目标对象的当前位置坐标后,控制器250可以根据当前位置坐标和锚点坐标,计算目标对象相对于锚点位置的位置,进而得到目标对象的位置信息。目标对象相对于锚点位置的位置可以根据目标对象与锚点位置之间横纵坐标值的比例确定,即目标对象基于锚点位置的相对比例值。
计算目标对象基于锚点位置的相对比例值时,控制器250可以在锚点位置中筛选计算基点。其中,计算基点为目标对象所在区域范围的锚点位置。再通过获取计算基点的基点坐标,根据目标对象的当前位置坐标和基点坐标,计算目标对象基于锚点位置的相对比例值。例如,以图9所示的左半场范围对应的用户界面为例,4个锚点位置为标识1、2、5、6的端点,目标对象均位于该左半场范围内,因此,计算目标对象基于锚点位置的相对比例值时,可将该4个锚点位置作为计算基点。
上述示例为当前用户界面仅包括一个区域范围时的情况,而对于用户界面中包括多个区域范围时,需要判断目标对象所在的区域范围,进而将目标对象所在的区域范围对应的端点位置作为计算基点。因此,在多个锚点位置中筛选计算基点时,控制器250可以获取重合锚点位置,其中,重合锚点位置为相邻的区域范围共有的锚点位置。再通过获取重合锚点位置的锚点坐标,对比目标对象的当前位置坐标和重合锚点位置的锚点坐标,以确定目标对象所在的区域范围,以及基于目标对象所在的区域范围,在锚点位置中筛选计算基点。
也就是说,判断目标对象所在的区域范围时,可以选取相邻区域范围中共有的重合锚点位置,通过对比目标对象和重合锚点位置之间的坐标,确定目标对象相对于重合锚点位置的位置,进而确定目标对象所在的区域范围。
例如,以图8所示的用户界面为例,图8示出的用户界面的界面背景为足球场地图,包括左半场范围和右半场范围。其中,标识2、5的锚点位置为足球场地的中场点,即左半场范围和右半场范围共有的重合锚点位置。分别获取标识2、5的锚点位置的锚点坐标,以及目标对象的当前位置坐标,即标识1、2、3、4、5、6的圆形图案(圆形中心)的坐标。对比锚点坐标和当前位置坐标,以判断目标对象所位于的区域范围。如果目标对象的横坐标值小于或等于标识2、5锚点位置的横坐标值,确定目标对象位于左半场范围,则计算目标对象基于锚点位置的相对比例值时,可将标识1、2、5、6的锚点位置作为计算基点;相对应的,如果目标对象的横坐标值大于标识2、5锚点位置的横坐标值,确定目标对象位于右半场范围,则计算目标对象基于锚点位置的相对比例值时,可将标识2、3、4、5的锚点位置作为计算基点。
基于上述筛选方法,如图8所示,对于标识1、3、4、5、6的圆形图案,将标识1、2、5、6的锚点位置作为计算基点,而对于标识2的圆形图案,将标识2、3、4、5的锚点位置作为计算基点。
根据筛选的计算基点,计算目标对象基于所述锚点位置的相对比例值时,控制器250可以计算基点坐标之间的横坐标差值和纵坐标差值,以及计算当前位置坐标的横坐标值与横坐标差值的横向比例值,以及计算当前位置坐标的纵坐标值与纵坐标差值的纵向比例值。进而根据横向比例值和纵向比例值生成目标对象基于锚点位置的相对比例值。
示例性的,如图10所示,图10为本申请实施例中图8所示的圆形图案1相对于锚点位置的关系示意图。计算圆形图案1基于锚点位置的相对比例值,根据圆形图案1所在的区域范围,确定标识1、2、5、6的锚点位置作为计算基点。获取计算基点的基点坐标,即标识1、2、5、6的锚点位置对应的坐标,分别为(anchor_1_x,anchor_1_y)、(anchor_2_x,anchor_2_y)、(anchor_5_x,anchor_5_y)、(anchor_6_x,anchor_6_y)。圆形图案1的当前位置坐标为(x,y)。
如图10所示,在用户界面切换至目标范围后圆形图案1的坐标会发生改变,但圆形图案1相对于标识1、2、5、6的锚点位置的位置不变,因此,可通过标识1、2、5、6的锚点位置与圆形图案1坐标之间的关系,可以确定圆形图案1的位置信息,即横向比例值和纵向比例值。进而在用户界面切换至目标范围时可根据该信息计算切换后圆形图案1的坐标。具体的,分别通过横向的两个计算基点计算圆形图案1的横向比例值,以及通过竖向的两个计算基点计算圆形图案1的纵向比例值,进而得到圆形图案1基于锚点位置的相对比例值。例如,以横向的锚点位置1和锚点位置2两个计算基点计算横向比例值,则圆形图案1相对于锚点位置1的横向比例值为player_1_x=(x-anchor_1_x)/(anchor_2_x-anchor_1_x)。同理,以竖向的锚点位置1和锚点位置6两个计算基点计算纵向比例值,则圆形图案1相对于锚点位置1的纵向比例值为player_1_x=(y-anchor_1_y)/(anchor_6_y-anchor_1_y)。
由此,得到圆形图案1相对于锚点位置1的相对比例值,包括横向比例值player_1_x和纵向比例值player_1_y,即圆形图案1的位置信息。同理,基于上述计算方法可以得到图8所示的用户界面中其他圆形图案的位置信息。
控制器250可以记录所有图形图案的位置信息,在进行用户界面的界面范围切换时,根据该位置信息移动图形图案,以保证图形图案在界面范围切换后的用户界面中位置统一。
需要说明的是,在计算目标对象基于锚点位置的横向比例值和纵向比例值时,需要选定同一锚点位置作为基准,例如,上述示例中以锚点位置1作为基准,以锚点位置1、锚点位置2计算横向比例值,以锚点位置1、锚点位置6计算纵向比例值。同理,上述示例中还可以以其他锚点位置作为基准,例如,锚点位置2、锚点位置5、锚点位置6,以锚点位置5作为基准时,以锚点位置6、锚点位置5计算横向比例值,以锚点位置2、锚点位置5计算纵向比例值。
在一些实施例中,用户界面切换界面范围时,还可以对用户界面进行横竖向变换。例如,用户控制显示设备200由图5所示的用户界面切换至图6所示的用户界面时,执行横竖向变换,由横向全场切换至竖向半场,其横竖坐标也相应进行改变。因此,计算得到横向比例值和纵向比例值互换,即控制器250记录目标对象的位置信息时,圆形图案1相对于锚点位置1的横向比例值为player_1_y,纵向比例值为player_1_x。
S300,将用户界面切换至目标范围,以及根据位置信息在切换后的目标范围内添加目标对象。
获取到范围切换指令中的目标范围,以及目标对象的位置信息后,控制器250可以将用户界面切换至目标范围,同时,根据目标对象的位置信息在切换后的目标范围内添加目标对象。
在用户界面切换目标范围后,其锚点位置会发生变化,需要重新获取锚点位置的坐标,再根据锚点位置的坐标以及目标对象的位置信息,计算切换至目标范围后目标对象的坐标。由于,记录存储的目标对象的位置信息为目标对象基于锚点位置的相对比例值,因此,获取到切换至目标范围后锚点位置的坐标,即可根据目标对象基于锚点位置的相对比例值,计算出切换至目标范围后目标对象的坐标,实现界面范围以及目标对象位置的切换更新。
因此,控制器250可以先获取目标锚点坐标,再根据位置信息和目标锚点坐标,计算目标对象的目标位置坐标,以及按照目标位置坐标在切换后的目标范围内添加目标对象。其中,目标锚点坐标为切换至目标范围后锚点位置对应的坐标。目标位置坐标为切换至目标范围后目标对象对应的坐标。
目标锚点坐标的获取可按照上述示例中锚点坐标的获取步骤。即获取锚点位置的标记坐标,再根据标记坐标和转换比例值,计算锚点位置的锚点坐标。例如,显示器260全屏显示用户界面时,可以根据显示屏幕的分辨率获取用户界面显示区域的高度和宽度,即显示区域的长度为width_s,高度为height_s。切换至目标范围后界面背景的长度为width_b’,高度为height_b’。则转换比例值为scale_s’=Math.min(width_s/width_b’,height_s/height_b’)。锚点位置的标记坐标为(x,y),用户界面切换至目标范围时,其锚点位置的目标锚点坐标由x、y分别乘以scale_s’得到。
示例性的,由图5所示的用户界面切换至图6所示的用户界面时,标识1、2、5、6的锚点位置对应的目标锚点坐标为anchor_pos_x/y’=pos_x/y*scale_s’,即切换至目标范围后标识1、2、5、6的锚点位置对应的坐标,分别为(anchor_1_x’,anchor_1_y’)、(anchor_2_x’anchor_2_y’)、(anchor_5_x’,anchor_5_y’)、(anchor_6_x’,anchor_6_y’)。
以圆形图案1为例,由于由图5所示的横向全场切换至图6所示的竖向半场,即发生横竖向变换,因此,记录存储的圆形图案1的位置信息包括圆形图案1基于锚点位置的横向比例值为player_1_y,纵向比例值为player_1_x。
在计算圆形图案1的目标位置坐标时,可以通过锚点位置1和锚点位置6的坐标计算圆形图案1的横坐标值:anchor_1_x’-player_1_y*(anchor_1_x’-anchor_6_x’);通过锚点位置1和锚点位置2的坐标计算圆形图案1的纵坐标值:(anchor_2_y’-anchor_1_y’)*player_1_x。
同理,通过上述计算方法可以得到标识1、3、4、5、6的圆形图案的目标位置坐标,控制器250可以按照该目标位置坐标在切换后的目标范围内添加圆形图案,并控制显示器260显示切换至目标范围后的用户界面,即图6所示的用户界面。
在切换后的目标范围内添加目标对象时,由于目标对象的显示层级不同,后添加的目标对象如果与先添加的目标对象交叉时,后添加的目标对象会覆盖在先前添加的目标对象的层级上,进而可能导致切换前后目标对象的层级不同。为了防止切换前后目标对象的层级发生改变。可以根据目标对象的层级进行排序,在用户界面切换至目标范围后,按照预先排列的顺序依次在切换后的目标范围内添加目标对象。
因此,控制器250执行在切换后的目标范围内添加目标对象的步骤时,可以获取目标对象的显示层级,按照显示层级对目标对象执行排序,以获取添加顺序。再根据添加顺序在切换后的目标范围内添加目标对象。
例如,由图5所示的用户界面切换至图6所示的用户界面时,控制器250可以获取标识1、2、3、4、5、6的圆形图案的显示层级,按照显示层级由最下层至最上层排序。如果圆形图案的显示层级依次为标识1、5、3、6、4、2的圆形图案,圆形图案1位于最底层,则按照显示层级对圆形图案执行排序,得到的添加顺序为1、5、3、6、4、2,即依次顺序添加标识1、5、3、6、4、2的圆形图案。
用户界面中的目标对象并非都存在交叉,对于不存在交叉的目标对象,其添加顺序对切换前后的用户界面没有影响。因此,为了提高切换效率,控制器250获取到目标对象的显示层级后,还可以遍历所有目标对象,获取存在交错点的目标对象,并按照交错层级从下层优先排序,对于不存在交错点的目标对象则可以随机排序。例如,由图5所示的用户界面切换至图6所示的用户界面时,圆形图案1位于最底层,且与圆形图案3、圆形图案3均存在交错点。将圆形图案1移走后,圆形图案5位于最底层,且与圆形图案6存在交错点。将圆形图案5移走后,剩余的圆形图案均不存在交错点。因此,添加顺序可以为1、5、……。即先依次添加圆形图案1和圆形图案5,剩余的圆形图案可随机排序添加。例如,添加顺序为1、5、2、3、4、6。
本申请实施例中,通过在用户界面中预先标记锚点,并实时记录用户界面中目标对象相对于锚点位置的相对比例值。在用户界面切换至目标范围时,可以根据锚点位置的变化,实时计算出切换至目标范围后目标对象的坐标,并可根据目标对象的层次信息依次在切换后的目标范围内添加目标对象,实现用户界面的范围及目标对象位置的切换更新。
基于上述界面范围切换方法。在本申请的部分实施例中还提供一种显示设备200,包括:显示器260以及控制器250。其中,显示器260用于显示用户界面,所述用户界面中包括界面背景和至少一个目标对象;控制器250被配置为执行以下程序步骤:
S100,响应于用户输入的范围切换指令,获取范围切换指令中的目标范围。
S200,获取目标对象的位置信息。
其中,位置信息包括目标对象基于锚点位置的相对比例值,锚点位置为预先在界面背景中标记的位置。
S300,将用户界面切换至目标范围,以及根据位置信息在切换后的目标范围内添加目标对象。
由以上技术方案可知,上述实施例提供的显示设备及界面范围切换方法,可以在用户输入范围切换指令后,可以获取范围切换指令中的目标范围,以及获取目标对象的位置信息,将用户界面切换至目标范围,以及根据位置信息在切换后的目标范围内添加目标对象。其中,位置信息包括目标对象基于锚点位置的相对比例值,锚点位置为预先在用户界面的界面背景中标记的位置。所述方法通过实时记录用户界面中目标对象的位置信息,在用户界面进行范围切换时,可以基于目标范围以及位置信息进行目标对象位置的实时计算移动,从而实现界面范围切换时界面范围与目标对象位置快速更新,提高用户体验。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
为了方便解释,已经结合具体的实施方式进行了上述说明。但是,上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导,可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用,从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。
Claims (10)
1.一种显示设备,其特征在于,包括:
显示器,被配置为显示用户界面,所述用户界面中包括界面背景和至少一个目标对象;
控制器,被配置为:
响应于用户输入的范围切换指令,获取所述范围切换指令中的目标范围;
获取所述目标对象的位置信息,所述位置信息包括所述目标对象基于锚点位置的相对比例值,所述锚点位置为预先在所述界面背景中标记的位置;
将所述用户界面切换至所述目标范围,以及根据所述位置信息在切换后的目标范围内添加所述目标对象。
2.根据权利要求1所述的显示设备,其特征在于,所述控制器还被配置为:
响应于用户输入的用于设置界面背景的控制指令,获取所述界面背景的范围信息;
根据所述范围信息将所述界面背景划分成多个区域范围;
识别所述区域范围的端点位置;
标记所述端点位置,以作为锚点位置。
3.根据权利要求1所述的显示设备,其特征在于,所述控制器还被配置为:
获取所述锚点位置的锚点坐标;
获取所述目标对象的当前位置坐标;
根据所述当前位置坐标和所述锚点坐标,计算所述目标对象基于所述锚点位置的相对比例值,以得到所述目标对象的位置信息。
4.根据权利要求3所述的显示设备,其特征在于,所述控制器执行获取所述锚点位置对应的锚点坐标,还被配置为:
获取所述锚点位置的标记坐标;
根据所述界面背景和所述显示区域的宽高比例计算转换比例值,所述转换比例值表示所述界面背景与所述用户界面之间显示区域的转换比例;
根据所述标记坐标和所述转换比例值,计算所述锚点位置的锚点坐标。
5.根据权利要求2或3所述的显示设备,其特征在于,所述控制器还被配置为:
在所述锚点位置中筛选计算基点,所述计算基点为所述目标对象所在区域范围的锚点位置;
获取所述计算基点的基点坐标;
根据所述当前位置坐标和所述基点坐标,计算所述目标对象基于所述锚点位置的相对比例值。
6.根据权利要求5所述的显示设备,其特征在于,所述控制器执行在所述锚点位置中筛选计算基点,还被配置为:
获取重合锚点位置,所述重合锚点位置为相邻的所述区域范围共有的锚点位置;
获取所述重合锚点位置的锚点坐标;
对比所述当前位置坐标和所述重合锚点位置的锚点坐标,以确定所述目标对象所在的区域范围,以及基于所述目标对象所在的区域范围,在所述锚点位置中筛选计算基点。
7.根据权利要求5所述的显示设备,其特征在于,所述控制器还被配置为:
计算所述基点坐标之间的横坐标差值和纵坐标差值;
计算所述当前位置坐标的横坐标值与所述横坐标差值的横向比例值,以及计算所述当前位置坐标的纵坐标值与所述纵坐标差值的纵向比例值;
根据所述横向比例值和纵向比例值生成所述目标对象基于所述锚点位置的相对比例值。
8.根据权利要求1所述的显示设备,其特征在于,所述控制器执行根据所述位置信息在切换后的目标范围内添加所述目标对象,还被配置为:
获取目标锚点坐标,所述目标锚点坐标为切换目标范围后锚点位置对应的坐标;
根据所述位置信息和所述目标锚点坐标,计算所述目标对象的目标位置坐标,以及按照所述目标位置坐标在切换后的目标范围内添加所述目标对象。
9.根据权利要求8所述的显示设备,其特征在于,所述控制器还被配置为:
获取所述目标对象的显示层级;
按照所述显示层级对所述目标对象执行排序,以获取添加顺序;
根据所述添加顺序在切换后的目标范围内添加所述目标对象。
10.一种界面范围切换方法,其特征在于,所述方法包括:
响应于用户输入的范围切换指令,获取所述范围切换指令中的目标范围;
获取目标对象的位置信息,所述位置信息包括所述目标对象基于锚点位置的相对比例值,所述锚点位置为预先在界面背景中标记的位置;
将用户界面切换至所述目标范围,以及根据所述位置信息在切换后的目标范围内添加所述目标对象。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310134329.6A CN116248968A (zh) | 2023-02-17 | 2023-02-17 | 显示设备及界面范围切换方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310134329.6A CN116248968A (zh) | 2023-02-17 | 2023-02-17 | 显示设备及界面范围切换方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116248968A true CN116248968A (zh) | 2023-06-09 |
Family
ID=86634585
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310134329.6A Pending CN116248968A (zh) | 2023-02-17 | 2023-02-17 | 显示设备及界面范围切换方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116248968A (zh) |
-
2023
- 2023-02-17 CN CN202310134329.6A patent/CN116248968A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8745509B2 (en) | Image display system, graphical user interface, and image display method | |
CN113051432B (zh) | 显示设备及媒资播放方法 | |
CN113613072B (zh) | 一种多路投屏显示方法及显示设备 | |
US20140223490A1 (en) | Apparatus and method for intuitive user interaction between multiple devices | |
US20210314668A1 (en) | Display Device And Content Recommendation Method | |
US11039196B2 (en) | Method and device for displaying a screen shot | |
CN117581191A (zh) | 显示设备及多设备投屏同屏显示的控制方法 | |
CN114115637B (zh) | 显示设备及电子画板优化方法 | |
CN115129214A (zh) | 一种显示设备和颜色填充方法 | |
CN113051435B (zh) | 服务器及媒资打点方法 | |
CN115243082B (zh) | 一种显示设备及终端控制方法 | |
CN116347166A (zh) | 显示设备及窗口显示方法 | |
CN116567333A (zh) | 一种显示设备及多窗口的画质显示方法 | |
CN116801027A (zh) | 显示设备和投屏方法 | |
CN116248968A (zh) | 显示设备及界面范围切换方法 | |
CN114143580B (zh) | 一种显示设备及手柄操控图案显示方法 | |
CN115083343A (zh) | 显示设备和分辨率调节方法 | |
CN114760513A (zh) | 一种显示设备及光标定位方法 | |
CN115550716A (zh) | 一种显示设备和颜色混色显示方法 | |
CN111259639B (zh) | 一种表格的自适应调节方法及显示设备 | |
CN113766164B (zh) | 显示设备及信号源界面显示方法 | |
CN114442849B (zh) | 一种显示设备及显示方法 | |
CN114928762B (zh) | 一种显示设备及时区信息显示方法 | |
CN116347143A (zh) | 显示设备及双应用同屏显示方法 | |
CN111310424B (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 |