一种Weex框架下的焦点控制方法及装置与流程

一种weex框架下的焦点控制方法及装置
技术领域
1.本技术涉及应用控制技术领域，尤其涉及一种weex框架下的焦点控制方法及装置。


背景技术：

2.weex是一个开源的跨平台页面渲染解决方案，可使开发者能够基于通用跨平台的web开发语言生成js bundle来构建包括不限于android移动端的应用。
3.现有技术中，weex框架构建出来的应用程序在触屏版设备(如手机、平板)等上交互操作正常，但是，对于在大屏设备(如电视机、机顶盒、投影仪)等需要靠遥控器按键控制的设备上，使用基于weex解决方案进行交互操作经常出现错乱，遥控器操作无法很好的反馈用户真实的控制意愿，用户体验较差。


技术实现要素：

4.有鉴于此，本技术提供了一种weex框架下的焦点控制方法及装置，用以实现大屏设备的交互控制过程中的焦点准确控制，提高大屏设备的用户交互体验。
5.其技术方案如下：
6.第一方面，本技术实施例提供了一种weex框架下的焦点控制方法，所述方法包括：
7.获取焦点视窗页面，所述焦点视窗页面包括当前屏幕焦点的位置信息，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；
8.当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于所述预设的焦点控制策略响应用户发起的焦点移动控制指令；
9.当所述焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。
10.可选的，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的，包括：
11.基于weex框架建立与js bundle的第一调用通道；
12.基于weex框架建立与视窗渲染模块的第二调用通道；
13.获取所述js bundle中视图标签数据，并将所述视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据；
14.基于所述第一调用通道和所述第二调用通道对所述视图标签重建数据进行渲染，以获得所述焦点视窗页面。
15.可选的，在所述发起焦点控制策略的配置请求之后，所述方法还包括：
16.确定所述焦点视窗页面的目标元素，所述目标元素为所述焦点视窗页面中的任一元素；
17.接收用户对所述目标元素的焦点控制策略的配置数据，所述配置数据包括所述目标元素在用户的焦点移动控制指令下的焦点移动路径；
18.将所述配置数据保存，以得到所述用户预设的焦点控制策略。
19.可选的，所述基于默认的焦点控制策略响应用户发起的焦点移动控制指令，包括：
20.当所述焦点移动控制指令为向上移动指令或向下移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素；
21.当所述焦点移动控制指令为向左移动指令或向右移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素。
22.第二方面，本技术实施例提供了一种weex框架下的焦点控制装置，所述装置包括：
23.视窗获取模块，用于获取焦点视窗页面，所述焦点视窗页面包括当前屏幕焦点的位置信息，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；
24.焦点控制模块，用于当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于所述预设的焦点控制策略响应用户发起的焦点移动控制指令；
25.所述焦点控制模块，还用于当所述焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。
26.可选的，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的，包括：
27.基于weex框架建立与js bundle的第一调用通道；
28.基于weex框架建立与视窗渲染模块的第二调用通道；
29.获取所述js bundle中视图标签数据，并将所述视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据；
30.基于所述第一调用通道和所述第二调用通道对所述视图标签重建数据进行渲染，以获得所述焦点视窗页面。
31.可选的，所述装置还包括：策略配置模块；
32.所述策略配置模块，用于在所述发起焦点控制策略的配置请求之后，确定所述焦点视窗页面的目标元素，所述目标元素为所述焦点视窗页面中的任一元素；接收用户对所述目标元素的焦点控制策略的配置数据，所述配置数据包括所述目标元素在用户的焦点移动控制指令下的焦点移动路径；将所述配置数据保存，以得到所述用户预设的焦点控制策略。
33.可选的，所述焦点控制模块基于默认的焦点控制策略响应用户发起的焦点移动控制指令，具体包括：
34.当所述焦点移动控制指令为向上移动指令或向下移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素；
35.当所述焦点移动控制指令为向左移动指令或向右移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素。
36.第三方面，本技术实施例提供了一种电子设备，其特征在于，包括：
37.存储器，用于存储一个或多个程序；
38.处理器；当所述一个或多个程序被所述处理器执行时，实现如本技术第一方面提
供的任一种weex框架下的焦点控制方法。
39.第四方面，本技术实施例提供了一种存储介质，其特征在于，所述存储介质上存储有程序，所述程序被处理器执行时实现如本技术第一方面提供的任一种weex框架下的焦点控制方法。
40.上述技术方案具有如下有益效果：
41.本技术实施例提供的一种weex框架下的焦点控制方法，在执行所述方法时，获取焦点视窗页面，所述焦点视窗页面包括当前屏幕焦点的位置信息，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于所述预设的焦点控制策略响应用户发起的焦点移动控制指令；当所述焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。本技术实施例中可以基于用户预先配置的焦点控制策略进行焦点控制，并可以在焦点视窗页面未配置焦点控制策略的情况下发起配置请求，便于用户设置符合自身操作习惯的焦点控制策略，由此提高焦点控制方法的准确性和页面交互效率。
42.本技术实施例还提供了与上述方法相对应的装置、电子设备以及存储介质，具有与上述方法相同的有益效果。
附图说明
43.为更清楚地说明本实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
44.图1为本技术实施例提供的一种焦点控制场景示例图；
45.图2为本技术实施例提供的一种weex框架下的焦点控制方法的流程示意图；
46.图3为本技术实施例提供的一种weex框架下的焦点控制方法涉及的框架结构示意图；
47.图4为本技术实施例提供的一种weex框架下的焦点控制方法涉及的视图树重建示意图；
48.图5为本技术实施例提供的一种默认焦点控制策略的示意图；
49.图6为本技术实施例提供的一种weex框架下的焦点控制装置结构示意图。
具体实施方式
50.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
51.如图1所示，显示设备的当前视窗中，焦点在视图viewe上，用户通过操作遥控器按键【左键】，下一个获取到焦点的为视图viewb，从产品功能区域属性上说，基于在视图viewe上操作遥控器按键【左键】用户的预期的获取焦点的应该为视图viewd，在该场景下，默认的
焦点控制策略将不符合用户预期，在存在更为丰富的视图元素的视窗中，现有的焦点控制策略难以符合用户的真实交互操作意图，造成用户体验较差。
52.为了实现大屏设备的交互控制过程中的焦点准确控制，提高大屏设备的用户交互体验，本技术实施例提供了一种weex框架下的焦点控制方法，请参阅图2，该方法可以包括：
53.步骤s100：获取焦点视窗页面，焦点视窗页面包括当前屏幕焦点的位置信息，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的。
54.具体的，焦点视窗页面可以是大屏设备当前所呈现的页面，页面中至少包括当前的焦点位置信息，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的。
55.可以理解的是，在实际应用中，大屏设备在weex框架下，js bundle无法直接渲染获得符合用户交互行为的页面，更没办法动态对页面进行焦点控制，因此，本技术实施例中焦点视窗页面是基于weex框架下的视图标签转换渲染获得的，具体说明如下：
56.参见图3，示出了焦点视窗页面获得涉及的一种框架结构示意图，weex框架与js bundle建立第一调用通道c1；weex框架与视窗渲染模块建立第二调用通道c2。
57.其中，js bundle用于获取焦点请求、进行焦点配置以及进行焦点行为接收；weex框架用于焦点视图的构建、焦点的管理以及焦点行为的通知；视窗渲染模块用于试图展示、视图动画的呈现以及提供视图交互。
58.作为一种示例，js bundle与weex框架之间建立的调用通道c1为程序语言c++之间的相互调用，可基于调用通道c1进行数据的传递，实现指令参数的发送，在收到指令参数的一端做出行为响应；weex框架与视窗渲染之间建立的调用通道c2为程序语言c++和java程序语言之间通过jni相互调用。通过调用通道c1和调用通道c2，实现了js bundle的焦点初始化请求和焦点配置请求并进行预期渲染，并把用户操作交互行为回传weex框架、焦点行为通知到js bundle。
59.获取js bundle中视图标签数据，并将视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据。
60.基于第一调用通道和第二调用通道对视图标签重建数据进行渲染，以获得焦点视窗页面。
61.图4示出了一种视图标签视图树重建方式的示意，结合图1，获取js bundle中视图标签数据包括viewa、viewb、viewc、viewd、viewe、viewf，按照视图标签数据的属性类别进行分类，将viewa、viewb以及viewc归为功能区类别，将viewd、viewe以及viewf归为非功能区类别，将js bundle的根节点重建为focusviewgroup，父节点重建为focuslayout，得到重建的视图树，由此进行渲染，由此获得焦点视窗页面。
62.可以理解的是，焦点视窗页面是基于js bundle与weex框架之间的调用通道c1、weex框架与视窗之间的调用通道c2对视图标签重建数据进行渲染获得的，这样weex框架就可以将js bundle的视图树转换成相应的符合用户操作的焦点视窗页面，渲染显示在设备视窗上，供用户友好的操作交互。
63.基于已经建立的调用通道c1、调用通道c2，js bundle可以发送指令数据到weex框架，weex框架收到指令后，焦点管理模块执行相应的动作(例如主动让视图获取焦点、设置视图按键的下一个焦点视图等)，从而实现js bundle对视图焦点的控制。同理，展示在视窗中的各视图，在获取到焦点或者失去焦点变化中，会通过调用通道c2触发weex框架中的焦
点行为通知，进一步通过调用通道c1通知到js bundle，做进一步的焦点效果变化等，对用户的操做出感观上的反馈。
64.实际应用中，焦点视图(如focusviewgroup、focuslayout等)是预先集成到weex框架中的，且焦点视图已经注册到weex框架，并且与js bundle视图标签建立了转换映射关系，示例性的代码如下：
[0065][0066]
需要说明的是，调用通道是指一种可以调用到跨程序语言或者不同代码段函数的方式。
[0067]
步骤s200：当焦点视窗页面配置有用户预设的焦点控制策略时，基于预设的焦点控制策略响应用户发起的焦点移动控制指令。
[0068]
具体的，如果当前的焦点视窗页面配置有用户预设的焦点控制策略，可以直接基于预设的焦点控制策略对焦点移动控制指令进行响应。可以理解的是此处的用户可以是产品的实际使用者，也可以是开发人员，即焦点控制策略可以由产品的实际使用者进行设置，也可以是开发人员在产品开发时就预先设置好的，预设的焦点控制策略是更为符合用户实际焦点控制意图的策略，基于该控制策略，用户可以更高效、准确的对视窗中的焦点进行控制。
[0069]
实际应用中，可以通过如下代码调用焦点控制策略：
[0070][0071]
步骤s300：当焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。
[0072]
具体的，如果当前的焦点视窗页面未配置有用户预设的焦点控制策略，则可以向用户发起焦点控制策略的配置请求，便于用户为当前的焦点视窗页面配置对应的焦点控制策略；或者，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。
[0073]
作为一种可选的实现方式，在发起焦点控制策略的配置请求之后，本技术实施例还包括：
[0074]
确定焦点视窗页面的目标元素，目标元素为焦点视窗页面中的任一元素；
[0075]
接收用户对目标元素的焦点控制策略的配置数据，配置数据包括目标元素在用户的焦点移动控制指令下的焦点移动路径；
[0076]
将配置数据保存，以得到用户预设的焦点控制策略。
[0077]
具体的，用户可以选择焦点视窗页面中的任一元素，对其进行单独的焦点控制策略的设置。可以理解的是，视窗中可能存在多个元素，但可能就某一元素的控制策略需要调整，用户可以仅对该元素的焦点控制策略进行设置，而无需对焦点视窗页面中的所有元素进行设置，提高焦点控制策略设置的效率。
[0078]
结合图1，用户可以将视图viewe确定为焦点视窗页面的目标元素，并对其进行配置，具体的，将视图viewe在【左键】的焦点移动控制指令下的焦点移动路径确定为视图viewe移动至viewd的移动路径，并将该配置数据进行保存，得到用户预设的焦点控制策略。
[0079]
实际应用中，可以通过如下代码发起焦点控制策略的配置请求：
[0080]
void setnextfocus(string ref_src,string ref_dst,int direction,
callback c)；其中，字符ref_src是js bundle侧定义的视图标签参考值，具有唯一性，以区分不同的视图，这里指待配置焦点的视图；字符ref_dst是js bundle侧定义的视图标签参考值，具有唯一性，以区分不同的视图这里指在direction方向按键情况下，下一个获取焦点的视图；整型direction是指方向，如1：上键，2下键，3左键，4右键；接口c用户回传请求结果到js bundle。
[0081]
作为一种可选的实现方式，本技术实施例中基于默认的焦点控制策略响应用户发起的焦点移动控制指令，包括：
[0082]
当焦点移动控制指令为向上移动指令或向下移动指令时，在焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至目标元素；
[0083]
当焦点移动控制指令为向左移动指令或向右移动指令时，在焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至目标元素。
[0084]
示例性的，参见图5，对默认的焦点控制策略进行说明，当前焦点在视图viewe上，此刻操作遥控器按键【左键】，会触默认的焦点控制策略，s1为当前焦点视图viewe与视图viewb的水平距离，s2、s3分别为当前焦点视图viewe与视图viewd的水平距离与垂直距离。本技术实施例中在水平按键【左、右】操作下，优先选择水平距离更接近当前焦点视图和更靠近当前焦点上方的视图；竖直按键【上、下】操作下，优先选择垂直距离更接近当前焦点视图和更靠近当前焦点左方的视图。基于默认的焦点控制策略，当前焦点在视图viewe上，此刻操作遥控器按键【左键】，下一个获取到焦点的将会是视图viewd，符合交互场景预期，呈现更友好的用户体验。
[0085]
实际应用中，可以通过如下代码实现默认的焦点控制策略：
[0086][0087]
综上所述，本技术实施例提供了一种weex框架下的焦点控制方法，在执行所述方法时，获取焦点视窗页面，焦点视窗页面包括当前屏幕焦点的位置信息，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于预设的焦点控制策略响应用户发起的焦点移动控制指令；当焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。本技术实施例中可以基于用户预先配置的焦点控制策略进行焦点控制，并可以在焦点视窗页面未配置焦点控制策略的情况下发起配置
请求，便于用户设置符合自身操作习惯的焦点控制策略，由此提高焦点控制方法的准确性和页面交互效率。
[0088]
与上述方法相对应，本技术实施例还提供了一种weex框架下的焦点控制装置，请参阅图6，示出了该装置的结构示意图，该装置可以包括：
[0089]
视窗获取模块601，用于获取焦点视窗页面，焦点视窗页面包括当前屏幕焦点的位置信息，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；
[0090]
焦点控制模块602，用于当焦点视窗页面配置有用户预设的焦点控制策略时，基于预设的焦点控制策略响应用户发起的焦点移动控制指令；
[0091]
焦点控制模块602，还用于当焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。
[0092]
可选的，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的，包括：
[0093]
基于weex框架建立与js bundle的第一调用通道；
[0094]
基于weex框架建立与视窗渲染模块的第二调用通道；
[0095]
获取js bundle中视图标签数据，并将视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据；
[0096]
基于第一调用通道和第二调用通道对视图标签重建数据进行渲染，以获得焦点视窗页面。
[0097]
可选的，装置还包括：策略配置模块；
[0098]
策略配置模块，用于在发起焦点控制策略的配置请求之后，确定焦点视窗页面的目标元素，目标元素为焦点视窗页面中的任一元素；接收用户对目标元素的焦点控制策略的配置数据，配置数据包括目标元素在用户的焦点移动控制指令下的焦点移动路径；将配置数据保存，以得到用户预设的焦点控制策略。
[0099]
可选的，焦点控制模块基于默认的焦点控制策略响应用户发起的焦点移动控制指令，具体包括：
[0100]
当焦点移动控制指令为向上移动指令或向下移动指令时，在焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至目标元素；
[0101]
当所述焦点移动控制指令为向左移动指令或向右移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素。
[0102]
需要说明的是，本技术实施例提供的一种weex框架下的焦点控制装置中各模块执行的步骤以及相关技术特征与申请实施例所提供方法相对应，装置部分的描述可以参见前述方法部分的实施例，此处不赘述。
[0103]
综上所述，本技术实施例提供了一种weex框架下的焦点控制装置，所述装置包括：视窗获取模块，用于获取焦点视窗页面，焦点视窗页面包括当前屏幕焦点的位置信息，焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；焦点控制模块，用于述焦点视窗页面配置有用户预设的焦点控制策略时，基于预设的焦点控制策略响应用户发起的焦点移动控制指令；焦点控制模块，还用于述焦点视窗页面未配置有用户预设的焦点控制策略时，
发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。本技术实施例中可以基于用户预先配置的焦点控制策略进行焦点控制，并可以在焦点视窗页面未配置焦点控制策略的情况下发起配置请求，便于用户设置符合自身操作习惯的焦点控制策略，由此提高焦点控制方法的准确性和页面交互效率。
[0104]
本技术实施例还提供了一种电子设备，包括：
[0105]
存储器，用于存储一个或多个程序；
[0106]
处理器；当所述一个或多个程序被所述处理器执行时，实现如本技术实施例提供的任一种weex框架下的焦点控制方法。
[0107]
第四方面，本技术实施例提供了一种存储介质，存储介质上存储有程序，程序被处理器执行时实现如本技术实施例提供的任一种weex框架下的焦点控制方法。
[0108]
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。
[0109]
本领域技术人员可以理解，图所示的流程图仅是本技术的实施方式可以在其中得以实现的一个示例，本技术实施方式的适用范围不受到该流程图任何方面的限制。
[0110]
在本技术所提供的几个实施例中，应该理解到，所揭露的方法、装置和设备，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
[0111]
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
[0112]
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
[0113]
对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本技术。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本技术的精神或范围的情况下，在其它实施例中实现。因此，本技术将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

技术特征：
1.一种weex框架下的焦点控制方法，其特征在于，所述方法包括：获取焦点视窗页面，所述焦点视窗页面包括当前屏幕焦点的位置信息，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于所述预设的焦点控制策略响应用户发起的焦点移动控制指令；当所述焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。2.根据权利要求1所述的方法，其特征在于，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的，包括：基于weex框架建立与js bundle的第一调用通道；基于weex框架建立与视窗渲染模块的第二调用通道；获取所述js bundle中视图标签数据，并将所述视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据；基于所述第一调用通道和所述第二调用通道对所述视图标签重建数据进行渲染，以获得所述焦点视窗页面。3.根据权利要求1所述的方法，其特征在于，在所述发起焦点控制策略的配置请求之后，所述方法还包括：确定所述焦点视窗页面的目标元素，所述目标元素为所述焦点视窗页面中的任一元素；接收用户对所述目标元素的焦点控制策略的配置数据，所述配置数据包括所述目标元素在用户的焦点移动控制指令下的焦点移动路径；将所述配置数据保存，以得到所述用户预设的焦点控制策略。4.根据权利要求1所述的方法，其特征在于，所述基于默认的焦点控制策略响应用户发起的焦点移动控制指令，包括：当所述焦点移动控制指令为向上移动指令或向下移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素；当所述焦点移动控制指令为向左移动指令或向右移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素。5.一种weex框架下的焦点控制装置，其特征在于，所述装置包括：视窗获取模块，用于获取焦点视窗页面，所述焦点视窗页面包括当前屏幕焦点的位置信息，所述焦点视窗页面是基于weex框架下的视图标签转换渲染获得的；焦点控制模块，用于当所述焦点视窗页面配置有用户预设的焦点控制策略时，基于所述预设的焦点控制策略响应用户发起的焦点移动控制指令；所述焦点控制模块，还用于当所述焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。6.根据权利要求5所述的装置，其特征在于，所述焦点视窗页面是基于weex框架下的视
图标签转换渲染获得的，包括：基于weex框架建立与js bundle的第一调用通道；基于weex框架建立与视窗渲染模块的第二调用通道；获取所述js bundle中视图标签数据，并将所述视图标签数据按照属性类别进行视图树重建，以获得视图标签重建数据；基于所述第一调用通道和所述第二调用通道对所述视图标签重建数据进行渲染，以获得所述焦点视窗页面。7.根据权利要求5所述的装置，其特征在于，所述装置还包括：策略配置模块；所述策略配置模块，用于在所述发起焦点控制策略的配置请求之后，确定所述焦点视窗页面的目标元素，所述目标元素为所述焦点视窗页面中的任一元素；接收用户对所述目标元素的焦点控制策略的配置数据，所述配置数据包括所述目标元素在用户的焦点移动控制指令下的焦点移动路径；将所述配置数据保存，以得到所述用户预设的焦点控制策略。8.根据权利要求5所述的装置，其特征在于，所述焦点控制模块基于默认的焦点控制策略响应用户发起的焦点移动控制指令，具体包括：当所述焦点移动控制指令为向上移动指令或向下移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在竖直方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素；当所述焦点移动控制指令为向左移动指令或向右移动指令时，在所述焦点视窗页面中搜寻满足焦点移动方向，且与当前屏幕焦点在水平方向上距离最近的元素作为目标元素，将屏幕焦点移动至所述目标元素。9.一种电子设备，其特征在于，包括：存储器，用于存储一个或多个程序；处理器；当所述一个或多个程序被所述处理器执行时，实现如权利要求1至4中任一项所述的方法。10.一种存储介质，其特征在于，所述存储介质上存储有程序，所述程序被处理器执行时实现权利要求1至4中任一项所述方法。

技术总结
本申请提供了一种Weex框架下的焦点控制方法及装置，其中，所述方法包括：获取焦点视窗页面，焦点视窗页面包括当前屏幕焦点的位置信息，焦点视窗页面是基于Weex框架下的视图标签转换渲染获得的；当焦点视窗页面配置有用户预设的焦点控制策略时，基于预设的焦点控制策略响应用户发起的焦点移动控制指令；当焦点视窗页面未配置有用户预设的焦点控制策略时，发起焦点控制策略的配置请求，或，基于默认的焦点控制策略响应用户发起的焦点移动控制指令。本申请基于用户预先配置的焦点控制策略进行焦点控制，并在未配置焦点控制策略时发起配置请求，供用户设置符合自身操作习惯的焦点控制策略，提高了焦点控制方法的准确性和页面交互效率。率。率。


技术研发人员：李尧彦 陈碧锋 欧阳俊豪 赵文娴 刘广宾
受保护的技术使用者：湖南快乐阳光互动娱乐传媒有限公司
技术研发日：2023.04.18
技术公布日：2023/7/25