(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210951237.2 (22)申请日 2022.08.09 (71)申请人 北京有竹居网络技 术有限公司 地址 101299 北京市平谷区林荫北街13号 信息大厦802室 (72)发明人 张阳琴　 (74)专利代理 机构 北京世辉律师事务所 16 093 专利代理师 李峥宇 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 用于呈现用户界面的方法、 装置、 设备和介 质 (57)摘要 提供了用于呈现用户界面的方法、 装置、 设 备和介质。 在一种方法中， 在用户界面中呈现一 组卡片， 一组卡片中的内容分别来自于卡片内容 序列中的一组连续卡片内容。 检测用于旋转一组 卡片的滑动操作是否满足预定条件。 响应于确定 滑动操作满足预定条件， 从卡片内容序列中确定 与一组连续卡片内容相邻的相邻卡片内容。 在与 一组卡片相邻的相邻卡片处， 呈现相邻卡片内 容。 利用本公开的示例性实现方式， 可 以在检测 到符合预定条件的滑动操作时， 从卡片内容序列 中动态地选择将被呈现的卡片内容。 权利要求书3页 说明书12页 附图7页 CN 115291988 A 2022.11.04 CN 115291988 A 1.一种用于呈现用户界面的方法， 包括： 在用户界面中呈现一组卡片， 所述一组卡片中的内容分别来自于卡片内容序列中的一 组连续卡片内容； 检测用于 旋转所述 一组卡片的滑动操作是否满足预定条件； 响应于确定所述滑动操作满足所述预定条件， 从所述卡片内容序列中确定与所述 一组连续 卡片内容相邻的相邻卡片内容； 以及 在与所述 一组卡片相邻的相邻卡片处， 呈现所述相邻卡片内容。 2.根据权利要求1的所述方法， 其中检测所述滑动操作是否满足所述预定条件 包括： 基于所述滑动操作的滑动位移确定所述 一组卡片的父容器的旋转角度； 响应于确定所述父容器的所述旋转角度不低于 阈值角度， 确定所述滑动操作满足所述 预定条件； 以及 响应于确定所述父容器的所述旋转角度低于阈值角度， 确定所述滑动操作不满足所述 预定条件。 3.根据权利要求2的所述方法， 其中确定所述相邻卡片内容包括： 基于所述滑动操作的所述滑动方向， 从所述卡片内容序列中选择所述相邻卡片内容， 所述滑动方向包括以下任一方向的分量： 水平方向、 竖直方向。 4.根据权利要求3的所述方法， 其中在所述相邻卡片处呈现所述相邻卡片内容进一步 包括： 基于所述滑动方向来选择 所述一组卡片的所述相邻位置； 以及 在所述相邻位置处呈现所述相邻卡片。 5.根据权利要求2的所述方法， 其中在所述用户界面中呈现所述 一组卡片包括： 基于所述 一组卡片的数量确定与所述 一组卡片中的卡片相关联的呈现角度； 以及 基于所述父容器的初始旋转角度和所述呈现角度来呈现所述 卡片。 6.根据权利要求5的所述方法， 进一 步包括： 响应于确定所述滑动操作尚未 结束， 基于所述父容器的所述初始旋转角度和所述旋转角度确定所述父容器的更新旋转角 度； 以及 基于所述更新旋转角度和所述呈现角度来更新所述 一组卡片。 7.根据权利要求5的所述方法， 进一步包括： 响应于确定所述滑动操作已经结束 并且所 述滑动操作不满足所述预定条件， 基于所述父容器的所述初始旋转角度和所述一组卡片的 呈现角度， 呈现所述 一组卡片。 8.根据权利要求5的所述方法， 进一步包括： 响应于确定所述滑动操作已经结束 并且所 述滑动操作满足所述预定条件， 基于所述父容器的所述初始角度和所述阈值角度， 确定所述父容器的更新旋转角度； 以及 基于所述父容器的所述更新旋转角度以及所述一组卡片的呈现角度， 呈现所述一组卡 片中的至少一部分和所述相邻卡片。 9.根据权利要求1的所述方法， 其中所述方法在用于呈现所述用户界面的应用程序的 层叠样式表中被调用。 10.一种用于呈现用户界面的装置， 包括：权　利　要　求　书 1/3 页 2 CN 115291988 A 2卡片呈现模块， 被配置用于在用户界面中呈现一组卡片， 所述一组卡片中的内容分别 来自于卡片内容序列中的一组连续 卡片内容； 检测模块， 被 配置用于检测用于 旋转所述 一组卡片的滑动操作是否满足预定条件； 确定模块， 被配置用于响应于确定所述滑动操作满足所述预定条件， 从所述卡片内容 序列中确定与所述 一组连续 卡片内容相邻的相邻卡片内容； 以及 呈现模块， 被 配置用于在与所述 一组卡片相邻的相邻卡片处， 呈现所述相邻卡片内容。 11.根据权利要求10的所述装置， 其中所述检测模块包括： 角度确定模块， 被配置用于基于所述滑动操作的滑动 位移确定所述一组卡片的父容器 的旋转角度； 第一确定模块， 被配置用于响应于确定所述父容器的所述旋转角度不低于阈值角度， 确定所述滑动操作满足所述预定条件； 以及 第二确定模块， 被配置用于响应于确定所述父容器的所述旋转角度低于阈值角度， 确 定所述滑动操作不满足所述预定条件。 12.根据权利要求1 1的所述装置， 其中所述确定模块包括： 内容选择模块， 被配置用于基于所述滑动操作的所述滑动方向， 从所述卡片内容序列 中选择所述相邻卡片内容， 所述滑动方向包括以下任一方向的分量： 水平方向、 竖直方向。 13.根据权利要求12的所述装置， 其中所述呈现模块进一 步包括： 位置选择模块， 被配置用于基于所述滑动方向来选择所述一组卡片的所述相邻位置； 以及 卡片呈现模块， 被 配置用于在所述相邻位置处呈现所述相邻卡片。 14.根据权利要求1 1的所述装置， 其中所述 卡片呈现模块包括： 呈现角度确定模块， 被配置用于基于所述一组卡片的数量确定与所述一组卡片中的卡 片相关联的呈现角度； 以及 基于角度的卡片呈现模块， 被配置用于基于所述父容器的初始旋转角度和所述呈现角 度来呈现所述 卡片。 15.根据权利要求14的所述装置， 进一 步包括： 更新角度确定模块， 被配置用于响应于确定所述滑动操作尚未结束， 基于所述父容器 的所述初始旋转角度和所述旋转角度确定所述父容器的更新旋转角度； 以及 更新模块， 被 配置用于基于所述更新旋转角度和所述呈现角度来更新所述 一组卡片。 16.根据权利要求14的所述装置， 进一步包括： 回弹模块， 被配置用于响应于确定所述 滑动操作已经结束并且所述滑动操作不满足所述预定条件， 基于所述父容器的所述初始旋 转角度和所述 一组卡片的呈现角度， 呈现所述 一组卡片。 17.根据权利要求14的所述装置， 进一 步包括： 更新角度确定模块， 被配置用于响应于确定所述滑动操作已经结束 并且所述滑动操作 满足所述预定条件， 基于所述父容器的所述初始角度和所述阈值角度， 确定所述父容器的 更新旋转角度； 以及 翻页模块， 被配置用于基于所述父容器的所述更新旋转角度以及所述一组卡片的呈现 角度， 呈现所述 一组卡片中的至少一部分和所述相邻卡片。 18.根据权利要求10的所述装置， 其中所述装置在用于呈现所述用户界面的应用程序权　利　要　求　书 2/3 页 3 CN 115291988 A 3