CN114071207A - 控制大屏设备显示的方法、装置、大屏设备和存储介质 - Google Patents

控制大屏设备显示的方法、装置、大屏设备和存储介质 Download PDF

Info

Publication number
CN114071207A
CN114071207A CN202010755508.8A CN202010755508A CN114071207A CN 114071207 A CN114071207 A CN 114071207A CN 202010755508 A CN202010755508 A CN 202010755508A CN 114071207 A CN114071207 A CN 114071207A
Authority
CN
China
Prior art keywords
interface
display
interface element
screen
screen device
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
Application number
CN202010755508.8A
Other languages
English (en)
Other versions
CN114071207B (zh
Inventor
周星辰
王海军
曹原
范振华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN202010755508.8A priority Critical patent/CN114071207B/zh
Publication of CN114071207A publication Critical patent/CN114071207A/zh
Application granted granted Critical
Publication of CN114071207B publication Critical patent/CN114071207B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation 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
    • GPHYSICS
    • G08SIGNALLING
    • G08CTRANSMISSION SYSTEMS FOR MEASURED VALUES, CONTROL OR SIMILAR SIGNALS
    • G08C23/00Non-electrical signal transmission systems, e.g. optical systems
    • G08C23/04Non-electrical signal transmission systems, e.g. optical systems using light waves, e.g. infrared
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/4104Peripherals receiving signals from specially adapted client devices
    • H04N21/4122Peripherals receiving signals from specially adapted client devices additional display device, e.g. video projector
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/4104Peripherals receiving signals from specially adapted client devices
    • H04N21/4126The peripheral being portable, e.g. PDAs or mobile phones
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/422Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/4222Remote control device emulator integrated into a non-television apparatus, e.g. a PDA, media center or smart toy
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/422Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/42221Transmission circuitry, e.g. infrared [IR] or radio frequency [RF]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438Window management, e.g. event handling following interaction with the user interface
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请适用于终端控制技术领域,提供了一种控制大屏设备显示的方法、装置、大屏设备和存储介质。该方法包括:获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。通过这样设置,用户可以使用遥控器对大屏设备投屏显示界面中的各个界面元素进行操作。

Description

控制大屏设备显示的方法、装置、大屏设备和存储介质
技术领域
本申请属于终端控制技术领域,尤其涉及一种控制大屏设备显示的方法、装置、大屏设备和存储介质。
背景技术
大屏设备应用软件开发和一般终端应用软件开发的最大区别在于焦点的控制,例如对于大屏电视,其电视机顶盒通常是不带触摸屏的,用户需要用遥控器来操作大屏电视的应用软件,因此需要在大屏电视的屏幕上显示一个焦点的位置,用于确定当前操作作用的对象。
然而,目前在将手机、平板等设备的屏幕内容投屏到大屏设备中显示时,大屏设备的投屏显示界面中没有焦点,此时用户无法使用遥控器操控该投屏显示界面中的各个界面元素,局限性较大。
发明内容
有鉴于此,本申请实施例提供了一种控制大屏设备显示的方法、装置、大屏设备和存储介质,能够在大屏设备的投屏显示界面中显示焦点,便于用户使用遥控器操控该投屏显示界面中的各个界面元素。
第一方面,本申请实施例提供了一种控制大屏设备显示的方法,包括:
获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,其中,添加所述焦点事件的界面元素表示该界面元素处于被选定状态。
在源设备投屏至大屏设备的过程中,源设备可以将识别得到的界面元素信息发送至大屏设备,大屏设备根据接收到的界面元素信息,可以将源设备当前显示界面上具有的各个界面元素布局到大屏设备的显示界面中显示,并为其中一个界面元素添加焦点事件,该添加焦点事件的界面元素会产生焦点。通过这样设置,用户可以使用遥控器对大屏设备投屏显示界面中的各个界面元素进行操作。
进一步的,根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,可以包括:
获取预设的界面模板,所述界面模板包含多个位置区域,每个位置区域对应一种界面元素类型;
将所述各个界面元素按照各自的界面元素类型,分别绘制到所述界面模板对应的位置区域内;
在所述大屏设备的显示界面中显示所述界面元素绘制后的界面模板。
比如,选定的界面模板可以包括标题区域、内容区域和按钮区域三个位置区域,其中标题区域对应标题类型的界面元素,内容区域对应正文类型的界面元素,按钮区域对应按钮类型的界面元素。在布局界面元素时,将标题类型的界面元素绘制到该界面模板中的标题区域,将正文类型的界面元素绘制到该界面模板中的内容区域,将按钮类型的界面元素绘制到该界面模板中的按钮区域,以此类推。
进一步的,所述获取预设的界面模板可以包括:
根据所述界面元素信息确定所述源设备当前显示界面的界面类型;
从预先构建的界面模板库中选取与所述界面类型对应的界面模板。
在构建界面模板时,可以区分不同的界面类型,分别设计多个不同的界面模板。比如,对于播放歌曲时的歌曲列表界面类型,可以设计歌曲列表界面模板;对于PPT展示界面类型,可以设计PPT界面模板,等等,设计好的所有界面模板可以存储于预先构建的一个界面模板库中。在根据界面元素信息确定源设备当前显示界面的界面类型之后,就可以从该界面模板库中选取与该界面类型对应的界面模板。
更进一步的,根据所述界面元素信息确定所述源设备当前显示界面的界面类型,可以包括:
将所述大屏设备的显示界面按照预设比例映射成一个平面区域,所述平面区域内的每个位置点都具有对应的特征值;
将所述平面区域划分成N个元素区域,其中,N为所述界面元素的数量,且同一所述元素区域内的位置点的特征值相同,不同的所述元素区域内的位置点的特征值不同;
根据所述平面区域内的各个位置点的特征值构建特征向量,并将所述特征向量输入预先构建的界面类型识别模型,得到所述源设备当前显示界面的界面类型;
其中,所述界面类型识别模型由多个样本特征向量作为训练集训练获得,所述样本特征向量由已知界面类型的样本显示界面所映射得到的平面区域内的各个位置点的特征值构建得到。
比如,将尺寸2240*1080的显示界面按比例映射成56*27的一个矩形平面,该平面区域内的每个位置点都有对应的1个特征值,该特征值用于限定平面区域内放置的各个界面元素的位置。然后,在56*27区域内划分出3个元素区域(对应于3个界面元素,假设为界面元素A、B和C),该56*27区域中除该3个元素区域以外的位置点的特征值都赋值为0,元素A对应的元素区域内的所有特征点的特征值都赋值为5,元素B对应的元素区域内的所有特征点的特征值都赋值为10,元素C对应的元素区域内的所有特征点的特征值都赋值为15。接着,根据该平面区域内各个位置点的特征值构建特征向量,即该特征向量的元素是该56*27个位置点的特征值,将该特征向量输入一个预先构建的界面类型识别模型,就可以得到该源设备当前显示界面的界面类型。
进一步的,根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,可以包括:
在所述大屏设备的显示界面中划分出网格状的多个区域块,处于同一行的各个所述区域块水平对齐,处于同一列的各个所述区域块垂直对齐;
将所述界面元素绘制到所述区域块中显示,其中,每个所述区域块显示一个界面元素。
对于大屏设备,基本都是上下左右交互,通过对齐网格中的各个区域块,能够确保界面中具有清晰的两轴导航路径,即水平导航路径和垂直导航路径。这样一来,用户在使用遥控器控制焦点移动的时候,可以很清晰地知道应该如何移动焦点。
进一步的,在为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件之后,还可以包括:
响应于所述遥控器发出的焦点移动指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素以及所述焦点移动的目标方向,将所述焦点移动至沿所述目标方向且距离所述目标界面元素最近的界面元素上,并将所述最近的界面元素变更为被选定状态。
在为大屏设备显示界面中的一个界面元素添加焦点之后,用户可以采用遥控器或者空鼠等设备对该焦点进行移动。响应于遥控器发出的焦点移动指令,大屏设备会确定焦点当前在显示界面中选定的目标界面元素以及焦点移动的目标方向,然后将焦点沿着该目标方向移动至距离该目标界面元素最近的一个界面元素上,此时该最近的界面元素变更为被选定状态,该目标界面元素变更为未选定状态。比如,焦点当前处于第二行第二列的界面元素上,大屏设备若接收到遥控器发出的向下移动指令,则将焦点移动至第三行第二列的界面元素;大屏设备若接收到遥控器发出的向右移动指令,则将焦点移动至第二行第三列的界面元素,以此类推。
进一步的,在为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件之后,还可以包括:
响应于所述遥控器发出的点击操作指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素;
发送模拟点击事件指令至所述源设备,以指示所述源设备在所述源设备的当前显示界面上对所述目标界面元素执行点击操作。
用户还可以通过遥控器发出点击操作指令,响应于该点击操作指令,大屏设备会确定焦点当前在显示界面中选定的目标界面元素,然后发送一个模拟点击事件至该源设备,以控制该源设备在自身的显示界面上对该目标界面元素执行点击操作。比如,焦点当前处于播放音乐的暂停键上,若用户采用遥控器发出点击操作指令,则大屏设备会发送一个模拟点击事件至源设备,以控制源设备于自身显示界面上对该播放音乐的暂停键进行点击,从而实现暂停播放音乐的功能。
进一步的,所述源设备的当前显示界面包含多个列表,所述根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,可以包括:
获取所述多个列表在所述源设备的当前显示界面中的排列方式;
若所述多个列表在所述源设备的当前显示界面中的排列方式为垂直排列,则将所述多个列表在所述大屏设备的显示界面中水平排列显示;
若所述多个列表在所述源设备的当前显示界面中的排列方式为水平排列,则将所述多个列表在所述大屏设备的显示界面中垂直排列显示。
对于垂直排列的某一个列表来说,其在垂直方向具有多个界面元素,假如将该多个列表在大屏设备的显示界面中垂直排列布局,则用户使用遥控器切换焦点至下一个列表时,需要点击向下移动的按钮多次,才能将焦点移动至下一个列表。而若将该多个列表在大屏设备的显示界面中水平排列布局,用户可以使用遥控器点击向左或向右按钮,以实现快速将焦点切换至其它列表的效果。与此类似的,对于水平排列的多个列表来说,将该多个列表在大屏设备的显示界面中垂直排列布局,用户也可以实现快速将焦点切换至其它列表的效果。
第二方面,本申请实施例提供了一种控制大屏设备显示的装置,包括:
界面元素信息获取模块,用于获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
界面元素布局模块,用于根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
焦点事件添加模块,用于在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,其中,添加所述焦点事件的界面元素表示该界面元素处于被选定状态。
第三方面,本申请实施例提供了一种大屏设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,所述大屏设备实现如本申请实施例第一方面提出的控制大屏设备显示的方法。
第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被执行时实现如本申请实施例第一方面提出的控制大屏设备显示的方法。
第五方面,本申请实施例提供了一种计算机程序产品,当计算机程序产品在大屏设备上运行时,使得大屏设备执行如本申请实施例第一方面提出的控制大屏设备显示的方法。
上述第二方面至第五方面所能实现的技术效果,可以参照第一方面所述的技术效果,在此不再赘述。
本申请实施例与现有技术相比存在的有益效果是:能够在大屏设备的投屏显示界面中显示焦点,便于用户使用遥控器操控该投屏显示界面中的各个界面元素,且实施方便,实用性强。
附图说明
图1是本申请实施例提供的控制大屏设备显示的方法的一种应用场景示意图;
图2是本申请实施例提供的一种大屏电视的部分结构的框图;
图3是本申请实施例提供的一种控制大屏设备显示的方法的流程图;
图4是源设备对自身当前的显示界面进行识别后,得到的一种界面元素示意图;
图5是本申请实施例提供的另一种控制大屏设备显示的方法的流程图;
图6是本申请实施例提供的另一种控制大屏设备显示的方法的流程图;
图7是大屏设备显示界面中网格状区域块分布的示意图;
图8是本申请实施例提供的另一种控制大屏设备显示的方法的流程图;
图9是本申请实施例提供的另一种控制大屏设备显示的方法的流程图;
图10是源设备播放歌曲时的某个歌曲清单列表的示意图;
图11是本申请实施例提供的控制大屏设备显示的方法对应的一种系统功能模块示意图;
图12是采用本申请实施例提供的控制大屏设备显示的方法将手机的歌曲清单列表布局到大屏电视上显示的效果示意图;
图13是采用本申请实施例提供的控制大屏设备显示的方法将手机的PPT界面布局到大屏电视上显示的效果示意图;
图14是本申请实施例提供的一种控制大屏设备显示的装置的结构框图;
图15是本申请实施例提供的一种大屏设备的示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定装置结构、技术之类的具体细节,以便透彻理解本申请实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中,省略对众所周知的装置、电路以及方法的详细说明,以免不必要的细节妨碍本申请的描述。
以下实施例中所使用的术语只是为了描述特定实施例的目的,而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样,单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式,除非其上下文中明确地有相反指示。还应当理解,在本申请实施例中,“一个或多个”是指一个、两个或两个以上;“和/或”,描述关联对象的关联关系,表示可以存在三种关系;例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
在大屏设备的应用开发中,使用dispatchKeyEvent、onKeyDown、onKeyLisenter等遥控器事件来分发处理焦点问题,并且需要系统和三方应用开发者自己规定焦点走向。目前,通常会采用Android自带的焦点控制,如“上下左右”的事件。开发者在进行布局时通过view.set Id…指定显示界面的特定ID,然后通过view.setNextLeftView…等四个方法控制该显示界面的上下左右焦点移动后的效果和路径。然而,这种方法只适用于提前设置好ID的场景,不适用于动态布局的场景。另外,在一些比较复杂的场景设计中,特别是涉及在显示界面的焦点变化的过程中还要控制显示界面的背景以及字体颜色变化的场景,必须对每个ImageButton事件设置焦点捕获实际参数(setOnFocusChangeListener),然后使用遥控器事件分发来确定焦点移动方向,一般可以使用onKeyDown事件进行处理。
上述实现的焦点控制都是基于大屏设备本身的应用程序开发的,而目前在将手机、平板等设备的屏幕内容投屏到大屏设备中显示时,大屏设备的投屏显示界面中是没有焦点的,此时用户无法使用遥控器操控该投屏显示界面中的各个界面元素,局限性较大。有鉴于此,本申请提出一种控制大屏设备显示的方法,能够在大屏设备的投屏显示界面中显示焦点,便于用户使用遥控器操控该投屏显示界面中的各个界面元素。
图1是本申请实施例提供的控制大屏设备显示的方法的一种应用场景示意图,图1中包括大屏设备A和源设备B。
其中,大屏设备A可以是各种类型的大屏设备,比如大屏电视等设备;源设备B可以是手机、平板、笔记本电脑等各种类型的终端设备。大屏设备A和源设备B可以通过各类有线或者无线的方式连接,比如通讯数据线、蓝牙、Wifi等方式,本申请对此不做限定。在进行投屏之前,需要将大屏设备A和源设备B连接,比如采用通讯数据线连接,Wifi互连或者启动蓝牙连接等方式。在将大屏设备A和源设备B连接后,可以在大屏设备A上触发启动投屏,也可以在源设备B上触发启动投屏,比如在源设备B上,可以通过点击某个投屏显示的按钮,与此同时大屏设备A的显示界面上会弹出对话框提示用户进行连接,用户点击连接成功后,即可将源设备B当前的显示界面投屏到大屏设备A的屏幕中显示。
以所述大屏设备为大屏电视为例,图2示出的是本申请实施例提供的一种大屏电视的部分结构的框图。参考图2,大屏电视包括:红外电路210、存储器220、输入单元230、显示单元240、音频电路250、无线保真(wireless fidelity,WiFi)模块260、处理器270、以及电源280等部件。本领域技术人员可以理解,图2中示出的大屏电视结构并不构成对大屏电视的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图2对大屏电视的各个构成部件进行具体的介绍:
红外电路210可用于接收遥控器等设备发送的红外遥控信号,对大屏电视的各类功能进行操作,比如开关、切换频道等操作。
存储器220可用于存储软件程序以及模块,处理器270通过运行存储在存储器220的软件程序以及模块,从而执行大屏电视的各种功能应用以及数据处理。存储器220可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作装置、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据大屏电视的使用所创建的数据(比如音频数据、观看历史数据等)等。此外,存储器220可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元230可用于接收输入的数字或字符信息,以及产生与大屏电视的用户设置以及功能控制有关的键信号输入。输入单元230可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、操作杆等中的一种或多种。
显示单元240可用于显示由用户输入的信息或提供给用户的信息以及大屏电视的各种菜单。显示单元240可包括显示面板241,可选的,可以采用液晶显示器(LiquidCrystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板241。
音频电路250可以包括扬声器251和传声器252,可提供用户与大屏电视之间的音频接口。音频电路250可将接收到的音频数据转换后的电信号,传输到扬声器251,由扬声器251转换为声音信号输出;另一方面,传声器252将收集的声音信号转换为电信号,由音频电路250接收后转换为音频数据,再将音频数据发送至处理器270处理。
无线保真(wireless fidelity,WiFi)模块260,为大屏电视提供无线的宽带互联网访问服务,以及和其它终端设备进行通信连接的服务。
处理器270是大屏电视的控制中心,利用各种接口和线路连接整个大屏电视的各个部分,通过运行或执行存储在存储器220内的软件程序和/或模块,以及调用存储在存储器220内的数据,执行大屏电视的各种功能和处理数据,从而对大屏电视进行整体监控。可选的,处理器270可包括一个或多个处理单元;优选的,处理器270可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作装置、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器270中。
大屏电视还包括给各个部件供电的电源280(比如电源适配器),优选的,电源可以通过电源管理装置与处理器270逻辑相连。
另外,尽管未示出,大屏电视还可以包括蓝牙模块等,在此不再赘述。
应当理解,本申请各个实施例提出的控制大屏设备显示的方法的执行主体为大屏设备。
图3示出了本申请实施例提供的一种控制大屏设备显示的方法的流程图,包括:
301、获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
在大屏设备和源设备连接后,可以将源设备的当前显示界面投屏到大屏设备的显示界面中显示。首先,大屏设备会获取源设备的界面元素信息,该界面元素信息包含源设备当前显示界面上的各个界面元素的信息,比如界面元素的名称、类型、尺寸和位置等信息。界面元素是指可满足交互需求的软件或系统界面所包含的满足用户交互要求的一系列元素,比如界面上的窗口、对话框、菜单、滚动条和按钮等。
该界面元素信息可以由源设备对自身的显示界面进行识别而获得,并发送至该大屏设备。具体的界面元素识别方式可以包括但不限于以下几类:
(1)通过类似截屏的方法,首先获取当前显示界面的整帧图像数据,然后采用机器学习中的目标检测技术(比如业界内比较成熟的R-CNN,Fast-R-CNN,YOLO等模型算法),定位出多个核心界面元素区域,然后对各个界面元素区域进行识别。
(2)获取各个界面元素对应的图像(可以从完整的界面图像中分别裁剪处单个节点的图像),然后采用机器学习方法中的目标分类技术(比如业界内比较成熟的ResNet模型),对图像中的界面元素进行分离,并识别出界面元素的类型。
(3)通过绘制指令对每个节点的图像独立绘制(Android系统已有接口实现对单个View节点图像的独立绘制),这样可以去除父节点的背景干扰,然后对独立绘制出的图像取最小有效像素范围,可消除四周留白的背景影响,最后将图像作为样本进行目标分类模型训练,采用训练得到的模型完成图像中的界面元素识别。
如图4所示,是手机(源设备)对自身当前的显示界面进行识别后,得到的一种界面元素示意图。在图4中,打勾的标签所标识的对象即为识别得到的各个不同类型的界面元素,包括标题栏、文本框,图像以及按钮等元素。
302、根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
大屏设备在获取到该界面元素信息之后,会根据该界面元素信息将各个界面元素布局到该大屏设备的显示界面中显示。该界面元素信息可以是一个元素识别结果列表,展示源设备当前显示界面上具有的各个界面元素的名称、类别和位置等信息。大屏设备在获取到该元素识别结果列表之后,可以根据该列表计算得到每个界面元素最终在大屏设备显示界面上所处的位置。比如,可以预先设置一个界面模板,上面是标题区域、中间是内容区域、下面是按钮区域,将不同类型的元素按照类型等比放到这三个区域,就可以计算得到每个元素在大屏设备上应该显示的位置。在确定各个界面元素在大屏设备的显示界面中的位置之后,可以采用指令绘制的方式,将各个界面元素分别绘制到大屏设备显示界面的各个对应位置中。指令本身就是一个描述目标怎么绘制的对象,比如一个绘制“hello”文本框的指令,可以理解为“动作:绘制文本框,内容:hello”,这个绘制过程可以看做是大屏设备在自己的显示界面中重新绘制各个界面元素,在绘制界面元素时可以存在元素精简或者位置修改的操作。
303、在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。
在将各个界面元素布局到大屏设备的显示界面中显示之后,大屏电视会为这些界面元素中的任意一个界面元素添加一个焦点事件,添加焦点事件后,表示该界面元素获得输入焦点,从而方便用户通过遥控器等设备对该大屏设备的显示界面中的界面元素进行操作。添加焦点事件的界面元素具有焦点且处于被选定的状态,用户使用遥控器可以在显示界面中切换焦点至各个其它界面元素。
具体的,可以按照设定的方式为大屏设备显示界面中的一个界面元素添加焦点,比如默认某个初始位置(界面左上角、界面中间等)的界面元素为焦点,随机选取一个位置的界面元素为焦点等。另外,一开始也可以不显示焦点,当接收到遥控器发出的控制指令后,才按照设定的方式在各个界面元素中选取一个界面元素,然后为选取的界面元素添加焦点。比如,针对在大屏设备的显示界面中显示的ppt或者视频播放的界面,初始不显示焦点,只有当检测到用户按下遥控器之后,才显示焦点控件,此时可以默认选择左上角第一个元素作为焦点。另外,三方应用可以定义部分类型界面的默认焦点。比如,在视频/音频播放界面,用户按遥控器的“OK”键后,默认的焦点为界面中的“暂停/播放”按钮元素;又或者,无需用户按遥控器,系统根据视频/音频播放界面的类型,将默认的焦点设置为“暂停/播放”按钮元素。
在源设备投屏至大屏设备的过程中,源设备可以将识别得到的界面元素信息发送至大屏设备,大屏设备根据接收到的界面元素信息,可以将源设备当前显示界面上具有的各个界面元素布局到大屏设备的显示界面中显示,并为其中一个界面元素添加焦点事件,该添加焦点事件的界面元素会产生焦点。通过这样设置,用户可以使用遥控器对大屏设备投屏显示界面中的各个界面元素进行操作。
图5示出了本申请实施例提供的另一种控制大屏设备显示的方法的流程图,包括:
501、获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
步骤501与步骤301相同,具体可参照步骤301的相关说明。
502、获取预设的界面模板,所述界面模板包含多个位置区域,每个位置区域对应一种界面元素类型;
大屏设备在获取到该界面元素信息之后,会获取一个预设的界面模板,该界面模板包含多个位置区域,每个位置区域对应于一种界面元素类型。比如,获取的界面模板可以包括标题区域、内容区域和按钮区域三个位置区域,其中标题区域对应标题类型的界面元素,内容区域对应正文类型的界面元素,按钮区域对应按钮类型的界面元素。
进一步的,所述获取预设的界面模板可以包括:
(1)根据所述界面元素信息确定所述源设备当前显示界面的界面类型;
(2)从预先构建的界面模板库中选取与所述界面类型对应的界面模板。
在构建界面模板时,可以区分不同的界面类型,分别设计多个不同的界面模板。比如,对于播放歌曲时的歌曲列表界面类型,可以设计歌曲列表界面模板;对于PPT展示界面类型,可以设计PPT界面模板,等等,设计好的所有界面模板可以存储于预先构建的一个界面模板库中。在根据界面元素信息确定源设备当前显示界面的界面类型之后,就可以从该界面模板库中选取与该界面类型对应的界面模板。另外,界面模板可以包括元素跨设备分布后的布局信息,比如元素重布局的大小、色彩、位置,以及默认焦点ID等信息。
具体的,对于上述步骤(1),可以包括:
(1.1)将所述大屏设备的显示界面按照预设比例映射成一个平面区域,所述平面区域内的每个位置点都具有对应的特征值;
(1.2)将所述平面区域划分成N个元素区域,其中,N为所述界面元素的数量,且同一所述元素区域内的位置点的特征值相同,不同的所述元素区域内的位置点的特征值不同;
(1.3)根据所述平面区域内的各个位置点的特征值构建特征向量,并将所述特征向量输入预先构建的界面类型识别模型,得到所述源设备当前显示界面的界面类型。
对于步骤(1.1),将该大屏设备的显示界面按照设定的比例映射成一个平面区域,比如,将尺寸2240*1080的显示界面按比例映射成56*27的一个矩形平面。该平面区域内的每个位置点都有对应的1个特征值,该特征值用于限定平面区域内放置的各个界面元素的位置。
对于步骤(1.2),可以在该平面区域内划分出N个元素区域,N为界面元素的数量,而且同一元素区域内的位置点的特征值相同,不同元素区域内的位置点的特征值不同,另外该平面区域内除元素区域以外的位置点的特征值可以设为同一个默认值。比如,在56*27区域内划分出3个元素区域(对应于3个界面元素,假设为界面元素A、B和C),该56*27区域中除该3个元素区域以外的位置点的特征值都赋值为0,元素A对应的元素区域内的所有特征点的特征值都赋值为5,元素B对应的元素区域内的所有特征点的特征值都赋值为10,元素C对应的元素区域内的所有特征点的特征值都赋值为15。
对于步骤(1.3),根据该平面区域内各个位置点的特征值构建特征向量,即该特征向量的元素是该56*27个位置点的特征值。将该特征向量输入一个预先构建的界面类型识别模型,就可以得到该源设备当前显示界面的界面类型。其中,该界面类型识别模型由多个样本特征向量作为训练集训练获得,样本特征向量由已知界面类型的样本显示界面所映射得到的平面区域内的各个位置点的特征值构建得到。在将特征向量输入该界面类型识别模型后,会将输入的特征向量和各个样本特征向量进行匹配,找出匹配度最高的样本特征向量所对应的界面类型,作为该输入的特征向量对应的界面类型。
503、将所述各个界面元素按照各自的界面元素类型,分别绘制到所述界面模板对应的位置区域内;
在布局界面元素时,将各个界面元素按照各自的界面元素类型,分别绘制到界面模板中对应的位置区域内。比如,将标题类型的界面元素绘制到该界面模板中的标题区域,将正文类型的界面元素绘制到该界面模板中的内容区域,将按钮类型的界面元素绘制到该界面模板中的按钮区域,以此类推。
504、在所述大屏设备的显示界面中显示所述界面元素绘制后的界面模板;
在将界面元素按照类型分别绘制到界面模板的对应位置区域内后,在大屏设备的显示界面中显示该界面模板,从而实现将源设备当前显示界面的界面元素重布局到大屏设备的显示界面中显示。
505、在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。
步骤505与步骤303相同,具体可参照步骤303的相关说明。
在本申请实施例中,源设备可以将识别得到的界面元素信息发送至大屏设备,大屏设备根据接收到的界面元素信息,可以将源设备当前显示界面上具有的各个界面元素布局到大屏设备的显示界面中显示,并为其中一个界面元素添加焦点事件,该添加焦点事件的界面元素会产生焦点。与上一个实施例相比,本实施例提供了一种具体的将界面元素布局到大屏设备的显示界面中显示的实现方式。
图6示出了本申请实施例提供的另一种控制大屏设备显示的方法的流程图,包括:
601、获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
步骤601与步骤301相同,具体可参照步骤301的相关说明。
602、在所述大屏设备的显示界面中划分出网格状的多个区域块,处于同一行的各个所述区域块水平对齐,处于同一列的各个所述区域块垂直对齐;
大屏设备在获取到该界面元素信息之后,会在自身的显示界面中划分出网格状的多个区域块,处于同一行的各个所述区域块水平对齐,处于同一列的各个所述区域块垂直对齐。对于大屏设备,基本都是上下左右交互,通过对齐网格中的各个区域块,能够确保界面中具有清晰的两轴导航路径,即水平导航路径和垂直导航路径。这样一来,用户在使用遥控器控制焦点移动的时候,可以很清晰地知道应该如何移动焦点。
对于方向键盘的上、下、左、右控制方式来说,网格是最显而易见的映射。如果不使用网格,界面元素可能会倾斜,导致分布在不同基线上,或者分布在不同的垂直中心线上。若出现这种现象,会让用户感到困惑,不知道如何移动焦点至想要选择的界面元素,导致从上到下,从左到右不断重复切换操作。
如图7所示,是大屏设备显示界面中网格状区域块分布的示意图,当前焦点P处于左上角的区域块,可以采用缩放比例、阴影亮度、不透明度等方式来显示焦点,相邻的各个区域块之间存在一定的间隙。用户可以通过遥控器的上下方向控制焦点在垂直方向的区域块之间移动,通过遥控器的左右方向控制焦点在水平方向的区域块之间移动。
603、将所述界面元素绘制到所述区域块中显示,其中,每个所述区域块显示一个界面元素;
在大屏设备的显示界面中划分出网格状的多个区域块之后,将各个界面元素绘制到这些区域块中显示,每个区域块显示一个界面元素。需要说明的是,区域块的数量可以比界面元素的数量多,焦点不能移动至空的区域块(即无界面元素的区域块)中。
604、在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。
步骤604与步骤303相同,具体可参照步骤303的相关说明。
在本申请实施例中,源设备可以将识别得到的界面元素信息发送至大屏设备,大屏设备在将界面元素布局到显示界面中时,会在显示界面中划分出网格状的多个区域块,处于同一行的各个区域块水平对齐,处于同一列的各个区域块垂直对齐,将各个界面元素绘制到这些区域块中。通过这样设置,能够确保大屏设备的显示界面中具有清晰的两轴导航路径,用户在使用遥控器控制焦点移动的时候,可以很清晰地知道应该如何移动焦点。
图8示出了本申请实施例提供的另一种控制大屏设备显示的方法的流程图,包括:
801、获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
802、根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
803、在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态;
步骤801-803与步骤301-303相同,具体可参照步骤301-303的相关说明。
804、响应于所述遥控器发出的焦点移动指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素以及所述焦点移动的目标方向,将所述焦点移动至沿所述目标方向且距离所述目标界面元素最近的界面元素上,并将所述最近的界面元素变更为被选定状态;
在为大屏设备显示界面中的一个界面元素添加焦点之后,用户可以采用遥控器或者空鼠等设备对该焦点进行移动。响应于遥控器发出的焦点移动指令,大屏设备会确定焦点当前在显示界面中选定的目标界面元素以及焦点移动的目标方向,然后将焦点沿着该目标方向移动至距离该目标界面元素最近的一个界面元素上,此时该最近的界面元素变更为被选定状态,该目标界面元素变更为未选定状态。比如,焦点当前处于第二行第二列的界面元素上,大屏设备若接收到遥控器发出的向下移动指令,则将焦点移动至第三行第二列的界面元素;大屏设备若接收到遥控器发出的向右移动指令,则将焦点移动至第二行第三列的界面元素,以此类推。
大屏设备本身提供了监听按钮的能力,只需要监听遥控器的按键事件即可,常用的按键事件如下:
选择中间:KeyEvent.KEYCODE_DPAD_CENTER、KeyEvent.KEYCODE_ENTER;
上下左右移动:KeyEvent.KEYCODE_DPAD_UP、KeyEvent.KEYCODE_DPAD_DOWN、KeyEvent.KEYCODE_DPAD_LEFT、KeyEvent.KEYCODE_DPAD_RIGHT;
返回:KeyEvent.KEYCODE_BACK。
某个界面元素的数据结构可以表示如下:
Figure BDA0002610341820000111
每个界面元素都有位置和是否焦点两个属性,比如在上述数据结构中,srcRect和destRect参数表示界面元素位置,isFocus参数表示是否焦点(true为焦点,flase则不是焦点)。在实际操作中,可以定义一个函数,根据上下左右方向寻找下一个焦点,根据每个界面元素的区域位置就可以找到上下左右的界面元素了。找到后给相应的界面元素打上isFocus为true的标签。在同一时刻,只能有一个界面元素的isFocus为true,即处于焦点。另外,在指令还原的时候,若判断某个界面元素处于焦点,则可以额外为该界面元素绘制焦点所处的效果,比如放大、高亮或者阴影等,便于用户直观地获知焦点位置。
805、响应于所述遥控器发出的点击操作指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素,发送模拟点击事件指令至所述源设备,以指示所述源设备在所述源设备的当前显示界面上对所述目标界面元素执行点击操作。
用户还可以通过遥控器发出点击操作指令,响应于该点击操作指令,大屏设备会确定焦点当前在显示界面中选定的目标界面元素,然后发送一个模拟点击事件至该源设备,以控制该源设备在自身的显示界面上对该目标界面元素执行点击操作。比如,焦点当前处于播放音乐的暂停键上,若用户采用遥控器发出点击操作指令,则大屏设备会发送一个模拟点击事件至源设备,以控制源设备于自身显示界面上对该播放音乐的暂停键进行点击,从而实现暂停播放音乐的功能。
在本申请实施例中,源设备可以将识别得到的界面元素信息发送至大屏设备,大屏设备根据接收到的界面元素信息,可以将源设备当前显示界面上具有的各个界面元素布局到大屏设备的显示界面中显示,并为其中一个界面元素添加焦点事件,该添加焦点事件的界面元素会产生焦点。然后,用户可以采用遥控器对该焦点进行移动操作或者点击操作,以实现控制焦点在各个界面元素之间切换,以及点击某个界面元素的功能。
图9示出了本申请实施例提供的另一种控制大屏设备显示的方法的流程图,包括:
901、获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
在本申请实施例中,所述源设备的当前显示界面包含多个列表,每个列表中可以包含多个界面元素。例如,如图10所示,为源设备播放歌曲时的某个歌曲清单列表,列表内具有歌曲名称、歌曲专辑、歌手、将歌曲移除清单的功能按钮等多个界面元素,在图10中用虚线框选出这些界面元素。
902、获取所述多个列表在所述源设备的当前显示界面中的排列方式;
源设备可以识别得到自身显示界面中的各个列表的位置,从而得到该多个列表在当前显示界面中的排列方式,源设备可以将该排列方式发送至大屏电视。大屏电视在获取到该排列方式之后,可以确定如何在大屏电视的显示界面中布局并显示这些列表。
903、判断所述多个列表在所述源设备的当前显示界面中的排列方式为垂直排列或是水平排列;
大屏电视会判断这些列表在源设备的当前显示界面中的排列方式是垂直排列还是水平排列,若为垂直排列,则执行步骤904,若为水平排列,则执行步骤905。
904、将所述多个列表在所述大屏设备的显示界面中水平排列显示;
所述多个列表在所述源设备的当前显示界面中的排列方式为垂直排列,此时将所述多个列表在所述大屏设备的显示界面中水平排列显示。这属于大屏电视焦点的一个交互规则,主要针对于各个列表之间的焦点切换。对于垂直排列的某一个列表来说,其在垂直方向具有多个界面元素,假如将该多个列表在大屏设备的显示界面中垂直排列布局,则用户使用遥控器切换焦点至下一个列表时,需要点击向下移动的按钮多次,才能将焦点移动至下一个列表。而若将该多个列表在大屏设备的显示界面中水平排列布局,用户可以使用遥控器点击向左或向右按钮,以实现快速将焦点切换至其它列表的效果。在步骤904之后,执行步骤906。
905、将所述多个列表在所述大屏设备的显示界面中垂直排列显示;
所述多个列表在所述源设备的当前显示界面中的排列方式为水平排列,此时将所述多个列表在所述大屏设备的显示界面中垂直排列显示。这样处理的目的同样是为了实现快速将焦点切换至其它列表,具体原理可参照步骤904的叙述。在步骤905之后,执行步骤906。
906、在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。
在添加焦点事件时,可以选取该多个列表中的任意一个列表内的任意一个界面元素添加初始的焦点。假设一个列表内有垂直方向排列的多个主界面元素,而每个主界面元素包含横向排列的多个子界面元素,则用户点击遥控器的上下移动操作,可以实现各个主界面元素之间的焦点切换,用户点击遥控器的左右移动操作,可以实现某个主界面元素中的各个子界面元素之间的焦点切换。另外,某些界面元素是不具备操作功能以及焦点状态的,比如图10中的歌曲名称、歌手等仅作展示功能的显示信息,这部分界面元素的UI控件是不具备点击/操作属性的。在添加焦点事件以及切换焦点的时候,对于不具备点击/操作属性的界面元素可以跳过,即不需要为这部分界面元素添加焦点,且在切换焦点时焦点也不会移动至这部分界面元素上。
在本申请实施例中,源设备的当前显示界面包含多个列表,在将这些列表布局到大屏设备上显示时,首先获取这些列表在源设备的当前显示界面中的排列方式;若排列方式为垂直排列,则将这些列表在大屏设备的显示界面中水平排列显示;若排列方式为水平排列,则将这些列表在大屏设备的显示界面中垂直排列显示。通过这样设置,用户在使用遥控器控制焦点的移动时,可以快速地将焦点切换至其它列表。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
为便于理解,下面以几个实际应用场景来说明本申请提出的控制大屏设备显示的方法。
图11是本申请实施例提供的控制大屏设备显示的方法对应的一种系统功能模块示意图。
在图11中,元素识别模块用于识别源设备UI界面上的各个界面元素;元素布局模块用于将识别得到的各个界面元素重新布局到大屏设备的显示界面中显示;大屏指令获取模块用于获取遥控器发出的控制指令,比如上下左右移动、确定、返回等指令;指令位置与焦点匹配模块用于响应焦点移动的控制指令,控制焦点在各个界面元素之间切换;事件处理模块用于响应点击确认事件,发送模拟点击事件至源设备的UI界面。关于这些功能模块的作用具体如何实现,可以参照上文所述的各个实施例,这里不再赘述。
图12是采用本申请实施例提供的控制大屏设备显示的方法将手机的歌曲清单列表布局到大屏电视上显示的效果示意图。
在图12中,手机的当前显示界面中有2个歌曲清单列表,分别为列表A和列表B,列表A中有歌曲1-歌曲5共5个界面元素,列表B中有歌曲6-歌曲10共5个界面元素。列表A和列表B在手机的当前显示界面中是垂直排列的。首先,手机会识别出界面上的列表A和列表B,列表A和列表B的排列方式,以及列表A和列表B包含的各个界面元素的信息,然后将这部分界面元素信息发送给大屏电视;大屏电视在接收到这部分界面元素信息之后,根据列表A和列表B的排列方式,将列表A和列表B重新布局到大屏电视的显示界面中显示。在大屏电视的显示界面中,列表A和列表B是水平排列的,焦点当前处于列表A中的歌曲1的位置。用户使用遥控器点击向下移动,可以将焦点移动至歌曲2的位置;用户使用遥控器点击向右移动,可以将焦点移动至列表B中的歌曲6的位置,以此类推。
图13是采用本申请实施例提供的控制大屏设备显示的方法将手机的PPT界面布局到大屏电视上显示的效果示意图。
在图13中,手机的当前显示界面为一个PPT界面,其中包含两种类型的界面元素,以矩形元素和圆形元素进行区分。首先,手机会识别出界面上的各个界面元素的信息,包括每个矩形元素的类型和位置、每个圆形元素的类型和位置等信息,然后将这部分界面元素信息发送给大屏电视。大屏电视在接收到这部分界面元素信息之后,可以根据这部分界面元素信息识别出手机的当前显示界面是PPT界面,然后从预先构建的界面模板库中获取对应于PPT界面的界面模板。接着,大屏电视会将各个界面元素按照类型分别绘制到该界面模板的对应区域中。在图13中,矩形元素对应的区域位于界面模板的底部,圆形元素对应的区域位于界面模板的顶部,焦点当前处于左下角的第一个矩形元素。用户使用遥控器点击向右操作,可以将焦点移动至第二个矩形元素;用户使用遥控器点击向上操作,可以将焦点移动至左上角的第一个圆形元素,以此类推。
本申请提出的控制大屏设备显示的方法,通过界面元素识别和元素重布局,并配合源端元素转换到大屏端元素布局及焦点的原则,系统自动为源设备界面投屏后的界面元素添加焦点事件,能够减轻移动设备(源端)应用开发者为大屏设备开发的定制成本,为用户提供更丰富的源端服务体验。
对应于上文实施例所述的控制大屏设备显示的方法,图14示出了本申请实施例提供的一种控制大屏设备显示的装置的结构框图,为了便于说明,仅示出了与本申请实施例相关的部分。
参照图14,该装置包括:
界面元素信息获取模块1401,用于获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
界面元素布局模块1402,用于根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
焦点事件添加模块1403,用于在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,添加所述焦点事件的界面元素具有焦点且处于被选定状态。
进一步的,所述界面元素布局模块可以包括:
界面模板获取单元,用于获取预设的界面模板,所述界面模板包含多个位置区域,每个位置区域对应一种界面元素类型;
界面元素绘制单元,用于将所述各个界面元素按照各自的界面元素类型,分别绘制到所述界面模板中对应的位置区域内;
界面模板显示单元,用于在所述大屏设备的显示界面中显示所述界面元素绘制后的所述界面模板。
进一步的,所述界面模板获取单元可以包括:
界面类型确定子单元,用于根据所述界面元素信息确定所述源设备当前显示界面的界面类型;
界面模板选取子单元,用于从预先构建的界面模板库中选取与所述界面类型对应的界面模板。
更进一步的,所述界面类型确定子单元可以包括:
平面映射孙单元,用于将所述大屏设备的显示界面按照预设比例映射成一个平面区域,所述平面区域内的每个位置点都具有对应的特征值;
平面区域划分孙单元,用于将所述平面区域划分成N个元素区域,其中,N为所述界面元素的数量,且同一所述元素区域内的位置点的特征值相同,不同的所述元素区域内的位置点的特征值不同;
特征向量构建孙单元,用于根据所述平面区域内的各个位置点的特征值构建特征向量,并将所述特征向量输入预先构建的界面类型识别模型,得到所述源设备当前显示界面的界面类型;其中,所述界面类型识别模型由多个样本特征向量作为训练集训练获得,所述样本特征向量由已知界面类型的样本显示界面所映射得到的平面区域内的各个位置点的特征值构建得到。
进一步的,所述界面元素布局模块可以包括:
区域块划分单元,用于在所述大屏设备的显示界面中划分出网格状的多个区域块,处于同一行的各个所述区域块水平对齐,处于同一列的各个所述区域块垂直对齐;
区域块显示单元,用于将所述界面元素绘制到所述区域块中显示,其中,每个所述区域块显示一个界面元素。
进一步的,所述控制大屏设备显示的装置还可以包括:
焦点移动指令响应模块,用于响应于所述遥控器发出的焦点移动指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素以及所述焦点移动的目标方向,将所述焦点移动至沿所述目标方向且距离所述目标界面元素最近的界面元素上,并将所述最近的界面元素变更为被选定状态。
进一步的,所述控制大屏设备显示的装置还可以包括:
点击操作指令响应模块,用于响应于所述遥控器发出的点击操作指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素;
模拟点击事件发送模块,用于发送模拟点击事件指令至所述源设备,以指示所述源设备在所述源设备的当前显示界面上对所述目标界面元素执行点击操作。
进一步的,所述源设备的当前显示界面包含多个列表,所述界面元素布局模块可以包括:
排列方式获取单元,用于获取所述多个列表在所述源设备的当前显示界面中的排列方式;
第一列表排列显示单元,用于若所述多个列表在所述源设备的当前显示界面中的排列方式为垂直排列,则将所述多个列表在所述大屏设备的显示界面中水平排列显示;
第二列表排列显示单元,用于若所述多个列表在所述源设备的当前显示界面中的排列方式为水平排列,则将所述多个列表在所述大屏设备的显示界面中垂直排列显示。
本申请实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如本申请提出的各个控制大屏设备显示的方法。
本申请实施例还提供了一种计算机程序产品,当计算机程序产品在大屏设备上运行时,使得大屏设备执行本申请提出的各个控制大屏设备显示的方法。
本申请实施例还提供了一种大屏设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现如本申请提出的各个控制大屏设备显示的方法。
图15为本申请一实施例提供的大屏设备的结构示意图。如图15所示,该实施例的大屏设备15包括:至少一个处理器1500(图15中仅示出一个)处理器、存储器1501以及存储在所述存储器1501中并可在所述至少一个处理器1500上运行的计算机程序1502,所述处理器1500执行所述计算机程序1502时实现上述任意控制大屏设备显示的方法实施例中的步骤。
该大屏设备可包括,但不仅限于,处理器1500、存储器1501。本领域技术人员可以理解,图15仅仅是大屏设备15的举例,并不构成对大屏设备15的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如还可以包括输入输出设备、网络接入设备等。
所称处理器1500可以是中央处理单元(Central Processing Unit,CPU),该处理器1500还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器1501在一些实施例中可以是所述大屏设备15的内部存储单元,例如大屏设备15的硬盘或内存。所述存储器1501在另一些实施例中也可以是所述大屏设备15的外部存储设备,例如所述大屏设备15上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器1501还可以既包括所述大屏设备15的内部存储单元也包括外部存储设备。所述存储器1501用于存储操作装置、应用程序、引导装载程序(BootLoader)、数据以及其他程序等,例如所述计算机程序的程序代码等。所述存储器1501还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述装置中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质至少可以包括:能够将计算机程序代码携带到终端设备的任何实体或装置、记录介质、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质。例如U盘、移动硬盘、磁碟或者光盘等。在某些司法管辖区,根据立法和专利实践,计算机可读介质不可以是电载波信号和电信信号。
以上所述实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围,均应包含在本申请的保护范围之内。

Claims (11)

1.一种控制大屏设备显示的方法,其特征在于,包括:
获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,其中,添加所述焦点事件的界面元素表示该界面元素处于被选定状态。
2.如权利要求1所述的控制大屏设备显示的方法,其特征在于,根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,包括:
在所述大屏设备的显示界面中划分出网格状的多个区域块,处于同一行的各个所述区域块水平对齐,处于同一列的各个所述区域块垂直对齐;
将所述界面元素绘制到所述区域块中显示,其中,每个所述区域块显示一个界面元素。
3.如权利要求1所述的控制大屏设备显示的方法,其特征在于,在为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件之后,还包括:
响应于所述遥控器发出的焦点移动指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素以及所述焦点移动的目标方向,将所述焦点移动至沿所述目标方向且距离所述目标界面元素最近的界面元素上,并将所述最近的界面元素变更为被选定状态。
4.如权利要求1所述的控制大屏设备显示的方法,其特征在于,在为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件之后,还包括:
响应于所述遥控器发出的点击操作指令,确定所述焦点当前在所述大屏设备的显示界面中选定的目标界面元素;
发送模拟点击事件指令至所述源设备,以指示所述源设备在所述源设备的当前显示界面上对所述目标界面元素执行点击操作。
5.如权利要求1所述的控制大屏设备显示的方法,其特征在于,根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,包括:
获取预设的界面模板,所述界面模板包含多个位置区域,每个位置区域对应一种界面元素类型;
将所述各个界面元素按照各自的界面元素类型,分别绘制到所述界面模板对应的位置区域内;
在所述大屏设备的显示界面中显示所述界面元素绘制后的界面模板。
6.如权利要求5所述的控制大屏设备显示的方法,其特征在于,所述获取预设的界面模板包括:
根据所述界面元素信息确定所述源设备当前显示界面的界面类型;
从预先构建的界面模板库中选取与所述界面类型对应的界面模板。
7.如权利要求6所述的控制大屏设备显示的方法,其特征在于,根据所述界面元素信息确定所述源设备当前显示界面的界面类型,包括:
将所述大屏设备的显示界面按照预设比例映射成一个平面区域,所述平面区域内的每个位置点都具有对应的特征值;
将所述平面区域划分成N个元素区域,其中,N为所述界面元素的数量,且同一所述元素区域内的位置点的特征值相同,不同的所述元素区域内的位置点的特征值不同;
根据所述平面区域内的各个位置点的特征值构建特征向量,并将所述特征向量输入预先构建的界面类型识别模型,得到所述源设备当前显示界面的界面类型;
其中,所述界面类型识别模型由多个样本特征向量作为训练集训练获得,所述样本特征向量由已知界面类型的样本显示界面所映射得到的平面区域内的各个位置点的特征值构建得到。
8.如权利要求1至7任一项所述的控制大屏设备显示的方法,其特征在于,所述源设备的当前显示界面包含多个列表;
相应的,所述根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示,包括:
获取所述多个列表在所述源设备的当前显示界面中的排列方式;
若所述多个列表在所述源设备的当前显示界面中的排列方式为垂直排列,则将所述多个列表在所述大屏设备的显示界面中水平排列显示;
若所述多个列表在所述源设备的当前显示界面中的排列方式为水平排列,则将所述多个列表在所述大屏设备的显示界面中垂直排列显示。
9.一种控制大屏设备显示的装置,其特征在于,包括:
界面元素信息获取模块,用于获取与所述大屏设备连接的源设备的界面元素信息,所述界面元素信息包含所述源设备当前显示界面上的各个界面元素的信息;
界面元素布局模块,用于根据所述界面元素信息,将所述各个界面元素布局到所述大屏设备的显示界面中显示;
焦点事件添加模块,用于在所述大屏设备的显示界面中,为所述各个界面元素中的任意一个界面元素添加用于所述大屏设备的遥控器操作的焦点事件,其中,添加所述焦点事件的界面元素表示该界面元素处于被选定状态。
10.一种大屏设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时,所述大屏设备实现如权利要求1至8任一项所述的控制大屏设备显示的方法。
11.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被执行时实现如权利要求1至8任一项所述的控制大屏设备显示的方法。
CN202010755508.8A 2020-07-30 2020-07-30 控制大屏设备显示的方法、装置、大屏设备和存储介质 Active CN114071207B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010755508.8A CN114071207B (zh) 2020-07-30 2020-07-30 控制大屏设备显示的方法、装置、大屏设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010755508.8A CN114071207B (zh) 2020-07-30 2020-07-30 控制大屏设备显示的方法、装置、大屏设备和存储介质

Publications (2)

Publication Number Publication Date
CN114071207A true CN114071207A (zh) 2022-02-18
CN114071207B CN114071207B (zh) 2023-03-24

Family

ID=80227343

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010755508.8A Active CN114071207B (zh) 2020-07-30 2020-07-30 控制大屏设备显示的方法、装置、大屏设备和存储介质

Country Status (1)

Country Link
CN (1) CN114071207B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022194005A1 (zh) * 2021-03-17 2022-09-22 华为技术有限公司 一种跨设备同步显示的控制方法及系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020078445A1 (en) * 2000-07-11 2002-06-20 Imran Sharif Internet appliance for interactive audio/video display using a remote control unit for user input
CN104768042A (zh) * 2014-01-07 2015-07-08 北京三星通信技术研究有限公司 显示屏以及遥控控制装置和方法
CN110377250A (zh) * 2019-06-05 2019-10-25 华为技术有限公司 一种投屏场景下的触控方法及电子设备
CN110417992A (zh) * 2019-06-20 2019-11-05 华为技术有限公司 一种输入方法、电子设备和投屏系统
CN111447484A (zh) * 2020-03-31 2020-07-24 北京小米移动软件有限公司 电子节目指南epg的加载方法及装置、存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020078445A1 (en) * 2000-07-11 2002-06-20 Imran Sharif Internet appliance for interactive audio/video display using a remote control unit for user input
CN104768042A (zh) * 2014-01-07 2015-07-08 北京三星通信技术研究有限公司 显示屏以及遥控控制装置和方法
CN110377250A (zh) * 2019-06-05 2019-10-25 华为技术有限公司 一种投屏场景下的触控方法及电子设备
CN110417992A (zh) * 2019-06-20 2019-11-05 华为技术有限公司 一种输入方法、电子设备和投屏系统
CN111447484A (zh) * 2020-03-31 2020-07-24 北京小米移动软件有限公司 电子节目指南epg的加载方法及装置、存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022194005A1 (zh) * 2021-03-17 2022-09-22 华为技术有限公司 一种跨设备同步显示的控制方法及系统

Also Published As

Publication number Publication date
CN114071207B (zh) 2023-03-24

Similar Documents

Publication Publication Date Title
KR20140133357A (ko) 디스플레이 장치 및 그 ui 화면 제공 방법
US20210314668A1 (en) Display Device And Content Recommendation Method
CN107736031A (zh) 图像显示设备及其操作方法
EP2743814A2 (en) Display apparatus and method of providing user interface thereof
CN112463269B (zh) 用户界面显示方法及显示设备
CN112558838B (zh) 应用图标的布局方法、装置、电子设备和可读存储介质
CN112099707A (zh) 显示方法、装置和电子设备
CN104685461A (zh) 使用来自被控制的设备的输入模式数据的输入设备
KR20150081181A (ko) 디스플레이 장치 및 이의 추천 문자 제공 방법
CN112188001B (zh) 快捷设置方法、快捷设置装置、电子设备和可读存储介质
KR20140133354A (ko) 디스플레이 장치 및 이의 ui 제공 방법
CN113209616A (zh) 虚拟场景中的对象标记方法、装置、终端以及存储介质
CN114071207B (zh) 控制大屏设备显示的方法、装置、大屏设备和存储介质
KR20210074877A (ko) 디스플레이 장치 및 그 동작방법
US20140317549A1 (en) Method for Controlling Touchscreen by Using Virtual Trackball
KR20140083229A (ko) 디스플레이 장치 및 이의 메뉴 제공 방법
KR101422003B1 (ko) 단말기의 메뉴 표시 방법 및 이를 이용한 단말기
CN111064983B (zh) 显示设备
CN100543659C (zh) 用于三维图形用户界面的导航设备
CN112817555A (zh) 音量控制方法及音量控制装置
WO2022083554A1 (zh) 用户界面的布局、交互方法及三维显示设备
CN114760513A (zh) 一种显示设备及光标定位方法
CN112449227B (zh) 触屏应用兼容遥控器操作的交互方法、装置及智能电视
CN105120327A (zh) 一种电子设备间的输入方法及相应的电子设备
EP2693766A1 (en) Systems and methods for data navigation

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