[发明专利]基于react native的瀑布流楼层式展示交互方法、介质及设备

权利要求书

1.一种基于react native的瀑布流楼层式展示交互方法，其特征在于，包括以下步骤：

基于react native框架显示交互菜单内容，该交互菜单内容采用瀑布流楼层式布局，每个楼层内包含多个单元格，所述楼层或单元格基于配置参数显示，所述交互菜单上显示有一可控焦点，基于所述配置参数，各所述楼层的排列方式包括从里到外层叠排列；

响应对所述交互菜单内容的操作指令，控制所述可控焦点的移动或选择；

所述交互菜单内容包括根视图，通过调整所述根视图的位置调整所述瀑布流楼层式布局中楼层的可见范围，具体地：

需要发生楼层间焦点切换时，判断需切换至的下一楼层是否全部可见，若否，则计算不可见的区域高度或宽度，通过重新调节根视图的位置将不可见区域调整至可见状态，同时判断是否有必要加上偏移量；

对于层叠排列的楼层，切换到下一个楼层时，隐藏当前楼层。

2.根据权利要求1所述的基于react native的瀑布流楼层式展示交互方法，其特征在于，基于所述配置参数，各所述楼层的排列方式还包括从上至下顺序排列或从左至右顺序排列。

3.根据权利要求1所述的基于react native的瀑布流楼层式展示交互方法，其特征在于，基于所述配置参数，楼层内的所述多个单元格的排列方式包括横向排列、纵向排列和二维矩阵排列。

4.根据权利要求1所述的基于react native的瀑布流楼层式展示交互方法，其特征在于，所述将不可见区域调整至可见状态时，对所述根视图的位置添加偏移量。

5.根据权利要求1所述的基于react native的瀑布流楼层式展示交互方法，其特征在于，所述操作指令为触屏控制指令或遥控器指令；

对所述触屏控制指令的响应，通过react native封装的PanResponder控制；

对所述遥控器指令的响应，焦点变化的逻辑，在楼层内按照“米”字焦点游走规则，在楼层间按照“十”字游走的规则。

6.一种计算机可读存储介质，其特征在于，包括供电子设备的一个或多个处理器执行的一个或多个程序，所述一个或多个程序包括用于执行如权利要求1-5任一所述基于reactnative的瀑布流楼层式展示交互方法的指令。

7.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器；和

被存储在存储器中的一个或多个程序，所述一个或多个程序包括用于执行如权利要求1-5任一所述基于react native的瀑布流楼层式展示交互方法的指令。

8.根据权利要求7所述的电子设备，其特征在于，所述电子设备包括智能电视或者智能盒子控制的显示设备。

9.根据权利要求7所述的电子设备，其特征在于，所述电子设备为触控设备或通过遥控器控制的设置。