[发明专利]卡片显示方法及终端设备在审
申请号: | 202310846563.1 | 申请日: | 2023-07-11 |
公开(公告)号: | CN116578375A | 公开(公告)日: | 2023-08-11 |
发明(设计)人: | 李永彬 | 申请(专利权)人: | 荣耀终端有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 深圳中一联合知识产权代理有限公司 44414 | 代理人: | 王俊婷 |
地址: | 518040 广东省深圳市福田区香蜜湖街道*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 卡片 显示 方法 终端设备 | ||
本申请提供了一种卡片显示方法及终端设备,该方法包括:显示第一界面,第一界面中显示有第一卡片,第一卡片中包括多个条目中的第一条目,第一条目中包括第一控件;响应于对第一控件的第一操作,根据预设条件显示第一画面,预设条件包括以下至少一项:预设时长、多个条目中每个条目的预设高度、多个条目中每个条目的预设宽度,以及第一圆角值;在第一画面显示结束后,在第一界面中显示更新后的第一卡片,更新后的第一卡片中包括第一条目以及按照预设条目顺序依次显示的多个条目中除第一条目之外的其他条目。从而,本申请通过逐渐显示多个条目中除第一条目之外的其他条目,保证展开的多个条目形成卡片的视觉效果,能够提高用户的体验。
技术领域
本申请涉及终端领域,具体涉及一种卡片显示方法及终端设备。
背景技术
终端设备可通过卡片中的条目显示指示终端设备中不同的信息,以方便用户对所需信息进行组织、管理和查找,同时也可以提高信息的可读性和可操作性。
目前,多个条目可以相互拼接,可以收起和展开,在收起时,多个条目呈现出一个条目的视觉效果,在展开时,可从显示一个条目直接切换为显示多个条目。
然而,上述的展开方式中,视觉效果较差,且展开后的多个条目难以实现形成整张卡片,使得用户体验不佳。
发明内容
本申请提供了一种列表卡片显示方法及终端设备,以使得多个条目展开时的视觉效果更佳,保证了用户的视觉体验。
第一方面,本申请提供一种卡片显示方法,应用于终端设备,该方法包括:
显示第一界面,第一界面中显示有第一卡片,第一卡片中包括多个条目中的第一条目,第一条目中包括第一控件;
响应于对第一控件的第一操作,根据预设条件显示第一画面,预设条件包括以下至少一项:预设时长、多个条目中每个条目的预设高度、多个条目中每个条目的预设宽度,以及第一圆角值;第一画面为按照预设条目顺序依次显示多个条目中除第一条目之外的其他条目的画面;
在第一画面显示结束后,在第一界面中显示更新后的第一卡片,更新后的第一卡片中包括第一条目以及按照预设条目顺序依次显示的多个条目中除第一条目之外的其他条目。
其中,第一圆角值可以为第一卡片的圆角值。
上述方法中,可在第一预设时长内,根据多个条目中每个条目的预设高度、多个条目中每个条目的预设宽度,以及第一圆角值按照预设条目顺序逐渐显示多个条目中除第一条目之外的其他条目,使得第一画面显示结束时,第一界面中显示有第一条目与多个条目中除第一条目之外的其他条目拼接形成更新后的第一卡片;通过边计算待展开的多个条目中除第一条目之外的其他条目的位置和大小,边展开多个条目中除第一条目之外的其他条目的方式,保证了展开多个条目的视觉效果,并且,在计算的过程中加入第一圆角值,可使得展开后的多个条目拼接形成四个圆角的圆角值相同的整张卡片,保证了最终形成的卡片的视觉效果,提高了用户的体验;另外,展开后的多个条目可以单独实现操作反馈,避免了多个条目拼接形成的卡片中多个条目难以实现操作反馈的情况。
结合第一方面,在第一方面的某些实现方式中,当预设条件包括预设时长、多个条目中每个条目的预设高度、多个条目中每个条目的预设宽度,以及第一圆角值时;根据预设条件显示第一画面,包括:
根据预设时长和预设帧率,确定第一时间周期;
每隔第一时间周期,根据第一时刻、多个条目中每个条目的预设高度、多个条目中每个条目的预设宽度,以及第一圆角值,确定待显示的条目的背景的显示位置、显示宽度和显示高度,第一时刻为终端设备接收到第一操作的时刻;
根据待显示的条目的背景的显示位置、显示宽度和显示高度,对待显示的条目进行绘制;
按照预设条目顺序,将绘制后的待显示的条目依次显示在第一界面中,待显示的条目包括多个条目中除第一条目之外的其他条目。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于荣耀终端有限公司,未经荣耀终端有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202310846563.1/2.html,转载请声明来源钻瓜专利网。