[发明专利]一种页面交互方法、系统、介质及电子终端在审
申请号: | 202111081194.9 | 申请日: | 2021-09-15 |
公开(公告)号: | CN113722042A | 公开(公告)日: | 2021-11-30 |
发明(设计)人: | 王晓虎;张旭 | 申请(专利权)人: | 广域铭岛数字科技有限公司;浙江吉利控股集团有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F3/0483 |
代理公司: | 上海光华专利事务所(普通合伙) 31219 | 代理人: | 李铁 |
地址: | 401123 重庆市渝*** | 国省代码: | 重庆;50 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 交互 方法 系统 介质 电子 终端 | ||
1.一种页面交互方法,其特征在于,包括:
在一视图页面上对相应层级的页面元素进行平铺显示,相邻层级的页面元素相互关联;
当用户触发任一页面元素时,则根据预先设置的显示规则,进行下一层级的视图页面的显示与交互;
所述显示规则包括:确定与当前被触发的页面元素相关联的元素信息,根据所述元素信息,进行显示,所述元素信息至少包括以下之一:当前页面元素对应的元素详情信息、下一层级的页面元素和用于表示交互入口的交互触发区域信息。
2.根据权利要求1所述的页面交互方法,其特征在于,根据所述元素信息,进行显示的步骤包括:
根据所述元素信息,确定对应的交互显示区域,所述交互显示区域至少包括以下之一:当前被触发的页面元素的元素详情区域、下一层级的页面元素的显示区域和当前被触发的页面元素的交互触发区域;
根据预设的平移方向,控制当前的视图页面平移,对当前视图页面中的交互显示区域进行挤压与隐藏,获取当前视图页面中的剩余区域;
利用所述剩余区域,对与所述元素信息相对应的交互显示区域进行显示,完成交互。
3.根据权利要求1所述的页面交互方法,其特征在于,所述页面元素包括:一级页面元素;
根据预先设置的分类规则,对多个所述一级页面元素进行分类,确定所述一级页面元素的类别;
根据所述一级页面元素的类别,对所述一级页面元素进行收纳与分组,获取一个或多个元素组以及对应的元素组图标;
利用所述元素组图标,对所述一级页面元素进行显示。
4.根据权利要求3所述的页面交互方法,其特征在于,所述页面元素还包括:二级页面元素;
利用所述元素组图标,对所述元素组进行触发;
当所述元素组被触发时,则对所述元素组对应的一级页面元素进行显示;
当任一一级页面元素被触发时,则根据当前的一级页面元素,确定与当前的一级页面元素相关联的二级页面元素;
通过将下一层级的视图页面叠加至当前层级的视图页面,将所述二级页面元素在下一层级的视图页面进行平铺显示。
5.根据权利要求1所述的页面交互方法,其特征在于,所述页面元素还包括:三级页面元素;
当任一二级页面元素被触发时,则根据所述当前的二级页面元素,确定与当前的二级页面元素相关联的元素信息;
与当前的二级页面元素相关联的元素信息包括:二级元素详情信息、下一层级的三级页面元素,以及用于表示二级页面元素与三级页面元素的交互入口的二级交互触发区域信息;
根据与当前的二级页面元素相关联的元素信息,确定二级交互显示区域,所述二级交互显示区域包括:二级元素详情区域、三级页面元素显示区域和二级元素交互触发区域,所述二级元素交互触发区域包括:一个或多个二级触发按钮,所述二级触发按钮与触发操作相对应;
根据预先设置的二级交互显示模板和所述二级交互显示区域,进行页面显示。
6.根据权利要求5所述的页面交互方法,其特征在于,当所述页面元素不包括四级页面元素时,通过选择所述二级触发按钮,确定对应的触发操作;
根据所述触发操作,获取与三级页面元素相关联的元素信息;
与三级页面元素相关联的元素信息包括:与三级页面元素对应的三级元素详情信息,以及用于对三级页面元素进行交互触发的三级交互触发区域信息;
根据与三级页面元素相关联的元素信息,确定三级交互显示区域,并进行页面显示,所述三级交互显示区域包括:三级元素详情区域和用于作为三级页面元素的交互入口的三级元素交互触发区域,所述三级元素交互触发区域包括:一个或多个三级触发按钮,所述三级触发按钮与触发操作相对应;
通过选择所述三级触发按钮,进行交互反馈,完成页面交互。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广域铭岛数字科技有限公司;浙江吉利控股集团有限公司,未经广域铭岛数字科技有限公司;浙江吉利控股集团有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111081194.9/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种基于互联网+的补充定额测定方法及装置
- 下一篇:一种胶布材料热合成型方法