本技术涉及终端,尤其涉及一种列表消息的删除方法及电子设备。
背景技术:
1、当前电子设备上安装的多种应用均可以通过列表的形式向用户显示信息。如,短信列表、通知列表、文件列表、视频列表、聊天信息列表、笔记列表等等。
2、用户时常会清理一些不需要的列表信息。例如,用户可以通过长按呼出针对于某一列表信息的删除控件,用户点击删除控件便可以删除对应的列表信息;用户可以左滑呼出删除图标,点击删除图标删除对应的列表信息等。然而,在上述过程中,电子设备不能够在一个用户触控操作的过程中,给用户动态地提醒相关操作的作用和功能,因此,用户的操作体验差。
技术实现思路
1、本技术实施例公开了一种列表消息的删除方法及电子设备,可以提高用户的操作体验。
2、第一方面,本技术提供了一种列表消息的删除方法,所述方法应用于电子设备,所述方法包括:显示第一列表,所述第一列表中包括第一列表消息,所述第一列表不包括第一列表消息对应的滑动框;响应于针对所述第一列表消息的第一滑动操作,显示与所述第一列表消息对应的滑动框;所述滑动框包括删除图标,所述删除图标包括第一删除图形和第二删除图形,所述第一删除图形和所述第二删除图形之间的夹角为0;响应于针对所述第一列表消息的第二滑动操作,将所述滑动框的长度弹性拉伸;当所述滑动框的长度未达到第一阈值时,所述删除图标的位置随着所述滑动框的长度增大而移动;随着所述滑动框的长度增大,所述第一删除图形与所述第一删除图形之间的夹角随着所述第一删除图形绕旋转轴的转动而增大,所述第二删除图形保持不转;当所述滑动框的长度达到或超过所述第一阈值时,所述删除图标的位置向所述滑动框的中心移动,所述删除图标的尺寸变大,所述第一删除图形和所述第二删除图形之间的夹角保持不变;当所述第二滑动操作结束时,将所述第一列表中的所述第一列表消息删除,所述第二滑动操作结束是指用户离手且滑动框的长度达到或超过所述第一阈值的情况。
3、其中,删除图标可以是垃圾桶的图形,删除图标中的第一删除图形可以垃圾桶的桶盖;第二删除图形可以是垃圾桶的桶身。在垃圾桶所述第一删除图形与所述第一删除图形之间的夹角变大,则垃圾桶的桶身与桶盖之间的夹角变大,在夹角变大的过程中,垃圾桶的桶身不转动,垃圾桶的桶盖以桶盖右边的一点为轴心(即旋转轴)进行转动。当然也可以是其他的图形,不加限定。此外,当滑动框的长度达到或超过第一阈值时,第一删除图形和第二删除图形之间的夹角保持不变,则垃圾桶的桶盖不再转动,保持当前的张开的最大角度。第一滑动操作是指本技术实施例中的第一操作;第二滑动操作是指本技术实施例中的第二操作。滑动框的长度为滑动框水平方向的长度,具体可以参考图4中的(b)标注的长度。其中,第二滑动操作与第一滑动操作的滑动方向一般相同。
4、在本技术实施例中,基于用户的第二操作,第二列表画面中的滑动框和图标位置可以弹性变化,垃圾桶的开口角度也可以弹性变化,以及图标透明度的变化,使得界面的动态效果更明显地能够表明当前用户的操作,可以提高用户操作体验和感官体验。
5、在一种可能的实现方式中,所述将所述第一列表中的所述第一列表消息删除,具体包括:
6、在所述删除图标的尺寸保持不变,所述滑动框的长度增大到屏幕宽度,所述删除图标的位置处于所述滑动框的中心位置,所述删除图标的透明度变为最大之后,删除所述第一列表中的所述第一列表消息。
7、在本技术实施例中,在滑动框的长度大于第一阈值的情况下,用户松手之后,滑动框能够增大并自动覆盖到屏幕宽度,之后可以列表消息可以消失,从而达到删除的效果。这样,滑动框的界面可以自然而然的从拉伸过渡到覆盖再到删除,连续的动态变化能够提示用户当前操作对应的功能,从而可以提高用户的操作体验。
8、在一种可能的实现方式中,所述滑动框还包括其他功能图标,当所述滑动框的长度未达到所述第一阈值时,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度增大而增大;当所述滑动框的长度达到或超过所述第一阈值时,所述其他功能图标的透明度变大。
9、其中,其他功能图标包括除删除图标外滑动框中出现的其他图标,其数量不限。例如,图4中的(b)所示的收藏图标和已读图标。
10、在本技术实施例中,伴随着用户的第二滑动操作,其他功能图标也能够产生相应的变化,使得向左滑动,能够触发删除功能,而其他的功能并没有执行,因此,其他功能图标透明度变大到消失,使得界面的动态效果更明显地能够表明当前用户的操作,能够提高用户的操作体验。
11、在一种可能的实现方式中,在所述第二滑动操作没有执行完毕,且所述滑动框的长度未达到所述第一阈值的情况下,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度减少而减少,所述第一删除图形和所述第二删除图形之间的夹角随着所述滑动框的长度减少而减少。
12、在本技术实施例中,在滑动框的长度处于第一阈值之内的情况下,当用户向右滑动时,两图标之间的距离可以弹性收拢,图标中的两图形形成的夹角也能够弹性收缩,这样,左滑和右滑的过程中图标的显示均类似于拉伸弹簧的过程,给用户更好的视觉体验。此外,右滑意味着用户不进行删除操作,图标产生相应的动效变化能够提醒用户相应的效果,从而可以提高用户的操作体验。
13、在一种可能的实现方式中,在所述第二滑动操作执行完毕,且所述滑动框的长度未达到所述第一阈值的情况下,所述滑动框的长度回弹变小,所述删除图标和所述其他功能图标之间的距离回弹变小,所述第一删除图形和所述第二删除图形之间的夹角回弹收缩;回弹后的所述滑动框的长度为初始长度,回弹后的所述删除图标和所述其他功能图标之间的距离为初始距离,回弹后的所述第一删除图形和所述第二删除图形之间的夹角为0。
14、在本技术实施例中,在用户在滑动框尚未到第一阈值之前,用户松手(或离手)的情况下,滑动框以及其中的图标回弹到初始位置,这个过程如同有人拉着弹簧松手之后弹簧的回弹过程,上述图标的移动情况如同弹簧上的某几个点的回弹过程。这样,在第一阈值的范围内,用户滑动的过程中松手,用户界面的显示能够呈现弹簧回弹的动效,可以提高用户操作体验。
15、在一种可能的实现方式中,将所述滑动框的长度弹性拉伸,具体包括:在t1时刻开始,接收到第二滑动操作,所述滑动框的初始长度为h(t1);在第二滑动操作没有执行完毕的情况下,当前tx时刻滑动框的长度为h(tx);从t1时刻到tx时刻,所述滑动框的弹性拉伸的长度为h(tx)-h(t1):
16、h(tx)-h(t1)=rate·(p(tx)-p(t1))
17、其中,所述t1时刻为第二滑动操作的开始时刻,所述p(t1)为t1时刻用户触控点的位置;所述tx时刻为当前第二滑动操作中的任一时刻,所述p(tx)为当前时刻tx的用户触控点的位置;所述rate为拉伸率,rate=e-α·m/l(a),所述α为阻尼系数,所述m为上一帧滑动框拉伸的长度,所述l(a)为屏幕宽度。
18、在本技术实施例中,由于拉伸曲线的特性,拉伸的长度越长,越难以继续拉伸。这样,可以使得用户拉伸的过程中,滑动框的拉伸效果近似于弹簧拉伸效果,从而可以提高用户的感官体验。
19、在一种可能的实现方式中,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度增大而增大,具体包括:在所述t1时刻,所述删除图标的位置为d(t1);在当前t2时刻所述滑动框的长度未达到所述第一阈值的情况下,所述删除图标的位置为d(t2);从所述t1时刻到所述t2时刻,所述删除图标d位置变化的长度为d(t2)-d(t1):
20、d(t2)-d(t1)=rate·(p(t2)–p(t1))·0.1·(index(d)+1)
21、在所述t1时刻,所述其他功能图标的位置为a(t1);在所述t2时刻,所述其他功能图标的位置为a(t2);从所述t1时刻到所述t2时刻,所述其他功能图标a位置变化的长度为a(t2)-a(t1):
22、a(t2)-a(t1)=rate·(p(t2)–p(t1))·0.1·(index(a)+1)
23、其中,所述t2时刻为当前第二滑动操作下滑动框的长度未达到所述第一阈值的时刻,index()表示对应图标从右到左的位置索引,所述index(d)表示所述删除图标的位置索引,所述index(a)表示所述其他功能图标的位置索引;
24、所述随着所述滑动框的长度增大,所述第一删除图形与所述第一删除图形之间的夹角随着所述第一删除图形绕旋转轴的转动而增大,具体包括:在所述t1时刻,所述第一删除图形和所述第二删除图形之间的夹角为0,在所述t2时刻,所述第一删除图形和所述第二删除图形之间的夹角为open(d):
25、open(d)=maxangle·rate·(p(t2)-p(t1))/thr
26、其中,所述maxangle为所述第一删除图形和所述第二删除图形之间的最大角度;所述thr为所述滑动框从所述初始长度到第一阈值的变化长度。
27、在本技术实施例中,其他功能图标a可以为以下实施例中的收藏图标c和/或已读图标b,还可以是其它图标,不加限定。在本技术实施例中,每个图标的拉伸位移由用户作用于屏幕的位移,图标的位置索引和拉伸率所决定。其中,位置索引越大,拉伸位移也就是越大,即已读图标的拉伸位移大于收藏图标的拉伸位移,收藏图标的拉伸位移大于删除图标的拉伸位移。这样,可以使得用户拉伸的过程中,图标的位移效果近似于弹簧拉伸效果,从而可以提高用户的感官体验。随着用户向左滑动的过程中,垃圾桶渐渐张开,表示左滑操作将要触发该条列表信息的删除。这样,一来能够提示用户操作触发的相关删除功能,二来通过垃圾桶的动态微张,给用户带来更好的操作体验。此外,由于滑动框中各个图标的显示均是通过上述的拉伸位移公式计算所得,删除图标的对应夹角也是通过上述垃圾桶张开的角度所得,这样,确定图标的位置和角度可以直接调用相关的公式,使得计算效率更高,处理速度更快。
28、在一种可能的实现方式中,所述其他功能图标的透明度变大,具体包括:在t3时刻,所述滑动框的长度刚好到达所述第一阈值;在所述当前t4时刻,所述滑动框的长度达到或超过所述第一阈值的情况下,所述其他功能图标的透明和半透明度alpha(a)满足坐标:
29、((t4-t3)/duration_a,1-alpha(a))
30、其中,所述坐标((t4-t3)/duration_a,1-alpha(a))满足贝塞尔曲线,所述duration_a为透明度变化的动效执行时长;
31、所述删除图标的位置向所述滑动框的中心移动,具体包括:在所述t3时刻,所述删除图标的位置为d(t3);在所述t4时刻,所述删除图标的位置d(t4)满足坐标:
32、((t4-t3)/duration_x,d(t4)/(h(t4)/2-d(t3)))
33、其中,所述坐标((t4-t3)/duration_x,d(t4)/(h(t4)/2-d(t3)))满足所述贝塞尔曲线,所述duration_x为位置变化的动效执行时长,所述h(t4)为所述t4时刻所述滑动框的长度;
34、所述删除图标的尺寸变大,具体包括:在所述t3时刻,所述删除图标的原始尺寸为s;在所述t4时刻,所述删除图标的尺度大小s(t4)满足坐标:
35、((t4-t3)/duration_s,s(t4)/s-1)
36、所述坐标((t4-t3)/duration_s,s(t4)/s-1)满足所述贝塞尔曲线,所述duration_s为所述删除图标尺度变化的动效执行时长。
37、在本技术实施例中,在滑动框的长度超过第一阈值的情况下,电子设备可以基于贝塞尔曲线调整其他功能图标的透明度,调整删除图标的位置以及尺寸大小,从而可以提示用户当前在执行删除该条列表信息的操作,同时也能够提高用户的操作体验和感官效果。此外,由于滑动框中各个图标的位置、透明度和尺寸的显示均是通过上述的贝塞尔曲线代入计算所得,这样,计算的过程可以直接调用相关的曲线,使得计算效率更高,速度更快。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
38、在一种可能的实现方式中,所述其他功能图标的透明度变大,具体包括:在t3时刻,所述滑动框的长度刚好到达所述第一阈值;在所述当前t4时刻,所述滑动框的长度达到或超过所述第一阈值的情况下,所述其他功能图标的透明和半透明度alpha(a)为:
39、alpha(a)=1-(t4-t3)/duration_a
40、或
41、alpha(a)=1-((t4-t3)/duration_a)2
42、其中,所述duration_a为透明度变化的动效执行时长;
43、所述删除图标的位置向所述滑动框的中心移动,具体包括:在所述t3时刻,所述删除图标的位置为d(t3);在所述t4时刻,所述删除图标的位置d(t4):
44、d(t4)=(h(t4)/2-d(t3))·(t4-t3)/duration_x
45、其中,所述duration_x为位置变化的动效执行时长,h(t4)为所述t4时刻所述滑动框的长度;
46、所述删除图标的尺寸变大,具体包括:在所述t3时刻,所述删除图标的原始尺寸为s;在所述t4时刻,所述删除图标的尺寸为s(t4):
47、s(t4)=(s_max-s)·(t4-t3)/duration_s
48、其中,所述duration_s为所述删除图标尺度变化的动效执行时长,所述s_max为所述删除图标的最大尺寸。
49、在本技术实施例中,电子设备可以基于特定的函数调整其他功能图标的透明度,调整删除图标的位置以及尺寸大小,从而可以提示用户当前在执行删除该条列表信息的操作,同时也能够提高用户的操作体验和感官效果。此外,由于滑动框中各个图标的位置、透明度和尺寸的显示均是通过上述的代入计算代入计算所得,这样,计算的过程效率更高,简洁。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
50、在一种可能的实现方式中,所述滑动框的长度回弹变小,具体包括:在第二滑动操作开始t1时刻,所述滑动框的初始长度为h(t1);在t2时刻所述滑动框的长度未达到所述第一阈值的情况下,结束所述第二滑动操作;从第二滑动操作结束到当前t2″时刻,经过了t=t2″-t2时间段;在当前t2″时刻,所述滑动框的长度为h(t2″);从所述t1时刻到所述当前t2″时刻,所述滑动框的拉伸长度为x=h(t2″)-h(t1);所述拉伸长度为与所述t满足微分方程:
51、
52、其中,β表示弹簧阻尼,θ表示弹簧的刚性,满足β2=θ2;
53、所述删除图标和所述其他功能图标之间的距离回弹变小,具体包括:在所述t1时刻,所述删除图标的位置为d(t1);在所述当前t2″时刻,所述删除图标的位置为d(t2″);从所述t1时刻到所述当前t2″时刻,所述删除图标d位置的拉伸长度d(t2″)-d(t1)为:
54、d(t2″)-d(t1)=x(t2″)·0.1·(index(d)+1)
55、在所述t1时刻,所述其他功能图标的位置为a(t1);在所述当前t2″时刻,所述其他功能图标的位置为a(t2″);从所述t1时刻到所述当前t2″时刻,所述其他功能图标位置的拉伸长度a(t2″)-a(t1)为:
56、a(t2″)-a(t1)=x(t2″)·0.1·(index(a)+1)
57、其中,所述x(t2″)为t2″时刻的x;index()表示对应图标从右到左的位置索引,所述index(d)表示所述删除图标的位置索引,所述index(a)表示所述其他功能图标的位置索引;
58、所述第一删除图形和所述第二删除图形之间的夹角回弹收缩,具体包括:在所述当前t2″时刻,所述第一删除图形和所述第二删除图形之间的夹角open(d)为:
59、open(d)=maxangle·x(t2″)/thr
60、其中,所述maxangle为所述第一删除图形和所述第二删除图形之间的最大角度,所述thr为滑动框从t1时刻的长度到第一阈值的变化长度。
61、在本技术实施例中,在用户在滑动框尚未到达t3时刻之前,用户松手(或离手)的情况下,滑动框以及其中的图标回弹到初始位置,这个过程如同有人拉着弹簧松手之后弹簧的回弹过程,上述图标的移动情况如同弹簧上的某几个点的回弹过程。这样,在第一阈值的范围内,用户滑动的过程中松手,用户界面的显示能够呈现弹簧回弹的动效,可以提高用户操作体验。此外,由于滑动框中各个图标的显示均是通过上述的回弹位移公式计算所得,删除图标的对应夹角也是通过上述垃圾桶张开的角度所得,这样,确定图标的位置和角度可以直接调用相关的公式,使得计算效率更高,速度更快。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
62、第二方面,本技术提供了一种电子设备,包括:触控屏、一个或多个处理器和一个或多个存储器,所述一个或多个存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,当所述一个或多个处理器执行所述计算机指令时,以使得所述电子设备执行:
63、显示第一列表,所述第一列表中包括第一列表消息,所述第一列表不包括第一列表消息对应的滑动框;响应于针对所述第一列表消息的第一滑动操作,显示与所述第一列表消息对应的滑动框;所述滑动框包括删除图标,所述删除图标包括第一删除图形和第二删除图形,所述第一删除图形和所述第二删除图形之间的夹角为0;响应于针对所述第一列表消息的第二滑动操作,将所述滑动框的长度弹性拉伸;当所述滑动框的长度未达到第一阈值时,所述删除图标的位置随着所述滑动框的长度增大而移动;随着所述滑动框的长度增大,所述第一删除图形与所述第一删除图形之间的夹角随着所述第一删除图形绕旋转轴的转动而增大,所述第二删除图形保持不转;当所述滑动框的长度达到或超过所述第一阈值时,所述删除图标的位置向所述滑动框的中心移动,所述删除图标的尺寸变大,所述第一删除图形和所述第二删除图形之间的夹角保持不变;当所述第二滑动操作结束时,将所述第一列表中的所述第一列表消息删除,所述第二滑动操作结束是指用户离手且滑动框的长度达到或超过所述第一阈值的情况。
64、其中,删除图标可以是垃圾桶的图形,删除图标中的第一删除图形可以垃圾桶的桶盖;第二删除图形可以是垃圾桶的桶身。在垃圾桶所述第一删除图形与所述第一删除图形之间的夹角变大,则垃圾桶的桶身与桶盖之间的夹角变大,在夹角变大的过程中,垃圾桶的桶身不转动,垃圾桶的桶盖以桶盖右边的一点为轴心(即旋转轴)进行转动。当然也可以是其他的图形,不加限定。此外,当滑动框的长度达到或超过第一阈值时,第一删除图形和第二删除图形之间的夹角保持不变,则垃圾桶的桶盖不再转动,保持当前的张开的最大角度。第一滑动操作是指本技术实施例中的第一操作;第二滑动操作是指本技术实施例中的第二操作。
65、在本技术实施例中,基于用户的第二操作,第二列表画面中的滑动框和图标位置可以弹性变化,垃圾桶的开口角度也可以弹性变化,以及图标透明度的变化,使得界面的动态效果更明显地能够表明当前用户的操作,可以提高用户操作体验和感官体验。
66、在一种可能的实现方式中,所述将所述第一列表中的所述第一列表消息删除,具体执行:
67、在所述删除图标的尺寸保持不变,所述滑动框的长度增大到屏幕宽度,所述删除图标的位置处于所述滑动框的中心位置,所述删除图标的透明度变为最大之后,删除所述第一列表中的所述第一列表消息。
68、在本技术实施例中,在滑动框的长度大于第一阈值的情况下,用户松手之后,滑动框能够增大并自动覆盖到屏幕宽度,之后可以列表消息可以消失,从而达到删除的效果。这样,滑动框的界面可以自然而然的从拉伸过渡到覆盖再到删除,连续的动态变化能够提示用户当前操作对应的功能,从而可以提高用户的操作体验。
69、在一种可能的实现方式中,所述滑动框还包括其他功能图标,当所述滑动框的长度未达到所述第一阈值时,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度增大而增大;当所述滑动框的长度达到或超过所述第一阈值时,所述其他功能图标的透明度变大。
70、其中,其他功能图标包括除删除图标外滑动框中出现的其他图标,其数量不限。例如,图4中的(b)所示的收藏图标和已读图标。
71、在本技术实施例中,伴随着用户的第二滑动操作,其他功能图标也能够产生相应的变化,使得向左滑动,能够触发删除功能,而其他的功能并没有执行,因此,其他功能图标透明度变大到消失,使得界面的动态效果更明显地能够表明当前用户的操作,能够提高用户的操作体验。
72、在一种可能的实现方式中,在所述第二滑动操作没有执行完毕,且所述滑动框的长度未达到所述第一阈值的情况下,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度减少而减少,所述第一删除图形和所述第二删除图形之间的夹角随着所述滑动框的长度减少而减少。
73、在本技术实施例中,在滑动框的长度处于第一阈值之内的情况下,当用户向右滑动时,两图标之间的距离可以弹性收拢,图标中的两图形形成的夹角也能够弹性收缩,这样,左滑和右滑的过程中图标的显示均类似于拉伸弹簧的过程,给用户更好的视觉体验。此外,右滑意味着用户不进行删除操作,图标产生相应的动效变化能够提醒用户相应的效果,从而可以提高用户的操作体验。
74、在一种可能的实现方式中,在所述第二滑动操作执行完毕,且所述滑动框的长度未达到所述第一阈值的情况下,所述滑动框的长度回弹变小,所述删除图标和所述其他功能图标之间的距离回弹变小,所述第一删除图形和所述第二删除图形之间的夹角回弹收缩;回弹后的所述滑动框的长度为初始长度,回弹后的所述删除图标和所述其他功能图标之间的距离为初始距离,回弹后的所述第一删除图形和所述第二删除图形之间的夹角为0。
75、在本技术实施例中,在用户在滑动框尚未到第一阈值之前,用户松手(或离手)的情况下,滑动框以及其中的图标回弹到初始位置,这个过程如同有人拉着弹簧松手之后弹簧的回弹过程,上述图标的移动情况如同弹簧上的某几个点的回弹过程。这样,在第一阈值的范围内,用户滑动的过程中松手,用户界面的显示能够呈现弹簧回弹的动效,可以提高用户操作体验。
76、在一种可能的实现方式中,将所述滑动框的长度弹性拉伸,具体执行:在t1时刻开始,接收到第二滑动操作,所述滑动框的初始长度为h(t1);在第二滑动操作没有执行完毕的情况下,当前tx时刻滑动框的长度为h(tx);从t1时刻到tx时刻,所述滑动框的弹性拉伸的长度为h(tx)-h(t1):
77、h(tx)-h(t1)=rate·(p(tx)-p(t1))
78、其中,所述t1时刻为第二滑动操作的开始时刻,所述p(t1)为t1时刻用户触控点的位置;所述tx时刻为当前第二滑动操作中的任一时刻,所述p(tx)为当前时刻tx的用户触控点的位置;所述rate为拉伸率,rate=e-α·m/l(a),所述α为阻尼系数,所述m为上一帧滑动框拉伸的长度,所述l(a)为屏幕宽度。
79、在本技术实施例中,由于拉伸曲线的特性,拉伸的长度越长,越难以继续拉伸。这样,可以使得用户拉伸的过程中,滑动框的拉伸效果近似于弹簧拉伸效果,从而可以提高用户的感官体验。
80、在一种可能的实现方式中,所述删除图标与所述其他功能图标之间的距离随着所述滑动框的长度增大而增大,具体包括:在所述t1时刻,所述删除图标的位置为d(t1);在当前t2时刻所述滑动框的长度未达到所述第一阈值的情况下,所述删除图标的位置为d(t2);从所述t1时刻到所述t2时刻,所述删除图标d位置变化的长度为d(t2)-d(t1):
81、d(t2)-d(t1)=rate·(p(t2)–p(t1))·0.1·(index(d)+1)
82、在所述t1时刻,所述其他功能图标的位置为a(t1);在所述t2时刻,所述其他功能图标的位置为a(t2);从所述t1时刻到所述t2时刻,所述其他功能图标a位置变化的长度为a(t2)-a(t1):
83、a(t2)-a(t1)=rate·(p(t2)–p(t1))·0.1·(index(a)+1)
84、其中,所述t2时刻为当前第二滑动操作下滑动框的长度未达到所述第一阈值的时刻,index()表示对应图标从右到左的位置索引,所述index(d)表示所述删除图标的位置索引,所述index(a)表示所述其他功能图标的位置索引;
85、所述随着所述滑动框的长度增大,所述第一删除图形与所述第一删除图形之间的夹角随着所述第一删除图形绕旋转轴的转动而增大,具体包括:在所述t1时刻,所述第一删除图形和所述第二删除图形之间的夹角为0,在所述t2时刻,所述第一删除图形和所述第二删除图形之间的夹角为open(d):
86、open(d)=maxangle·rate·(p(t2)-p(t1))/thr
87、其中,所述maxangle为所述第一删除图形和所述第二删除图形之间的最大角度;所述thr为所述滑动框从所述初始长度到第一阈值的变化长度。
88、在本技术实施例中,其他功能图标a可以为以下实施例中的收藏图标c和/或已读图标b,还可以是其它图标,不加限定。在本技术实施例中,每个图标的拉伸位移由用户作用于屏幕的位移,图标的位置索引和拉伸率所决定。其中,位置索引越大,拉伸位移也就是越大,即已读图标的拉伸位移大于收藏图标的拉伸位移,收藏图标的拉伸位移大于删除图标的拉伸位移。这样,可以使得用户拉伸的过程中,图标的位移效果近似于弹簧拉伸效果,从而可以提高用户的感官体验。随着用户向左滑动的过程中,垃圾桶渐渐张开,表示左滑操作将要触发该条列表信息的删除。这样,一来能够提示用户操作触发的相关删除功能,二来通过垃圾桶的动态微张,给用户带来更好的操作体验。此外,由于滑动框中各个图标的显示均是通过上述的拉伸位移公式计算所得,删除图标的对应夹角也是通过上述垃圾桶张开的角度所得,这样,确定图标的位置和角度可以直接调用相关的公式,使得计算效率更高,处理速度更快。
89、在一种可能的实现方式中,所述其他功能图标的透明度变大,具体包括:在t3时刻,所述滑动框的长度刚好到达所述第一阈值;在所述当前t4时刻,所述滑动框的长度达到或超过所述第一阈值的情况下,所述其他功能图标的透明和半透明度alpha(a)满足坐标:
90、((t4-t3)/duration_a,1-alpha(a))
91、其中,所述坐标((t4-t3)/duration_a,1-alpha(a))满足贝塞尔曲线,所述duration_a为透明度变化的动效执行时长;
92、所述删除图标的位置向所述滑动框的中心移动,具体包括:在所述t3时刻,所述删除图标的位置为d(t3);在所述t4时刻,所述删除图标的位置d(t4)满足坐标:
93、((t4-t3)/duration_x,d(t4)/(h(t4)/2-d(t3)))
94、其中,所述坐标((t4-t3)/duration_x,d(t4)/(h(t4)/2-d(t3)))满足所述贝塞尔曲线,所述duration_x为位置变化的动效执行时长,所述h(t4)为所述t4时刻所述滑动框的长度;
95、所述删除图标的尺寸变大,具体包括:在所述t3时刻,所述删除图标的原始尺寸为s;在所述t4时刻,所述删除图标的尺度大小s(t4)满足坐标:
96、((t4-t3)/duration_s,s(t4)/s-1)
97、所述坐标((t4-t3)/duration_s,s(t4)/s-1)满足所述贝塞尔曲线,所述duration_s为所述删除图标尺度变化的动效执行时长。
98、在本技术实施例中,在滑动框的长度超过第一阈值的情况下,电子设备可以基于贝塞尔曲线调整其他功能图标的透明度,调整删除图标的位置以及尺寸大小,从而可以提示用户当前在执行删除该条列表信息的操作,同时也能够提高用户的操作体验和感官效果。此外,由于滑动框中各个图标的位置、透明度和尺寸的显示均是通过上述的贝塞尔曲线代入计算所得,这样,计算的过程可以直接调用相关的曲线,使得计算效率更高,速度更快。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
99、在一种可能的实现方式中,所述其他功能图标的透明度变大,具体包括:在t3时刻,所述滑动框的长度刚好到达所述第一阈值;在所述当前t4时刻,所述滑动框的长度达到或超过所述第一阈值的情况下,所述其他功能图标的透明和半透明度alpha(a)为:
100、alpha(a)=1-(t4-t3)/duration_a
101、或
102、alpha(a)=1-((t4-t3)/duration_a)2
103、其中,所述duration_a为透明度变化的动效执行时长;
104、所述删除图标的位置向所述滑动框的中心移动,具体包括:在所述t3时刻,所述删除图标的位置为d(t3);在所述t4时刻,所述删除图标的位置d(t4):
105、d(t4)=(h(t4)/2-d(t3))·(t4-t3)/duration_x
106、其中,所述duration_x为位置变化的动效执行时长,h(t4)为所述t4时刻所述滑动框的长度;
107、所述删除图标的尺寸变大,具体包括:在所述t3时刻,所述删除图标的原始尺寸为s;在所述t4时刻,所述删除图标的尺寸为s(t4):
108、s(t4)=(s_max-s)·(t4-t3)/duration_s
109、其中,所述duration_s为所述删除图标尺度变化的动效执行时长,所述s_max为所述删除图标的最大尺寸。
110、在本技术实施例中,电子设备可以基于特定的函数调整其他功能图标的透明度,调整删除图标的位置以及尺寸大小,从而可以提示用户当前在执行删除该条列表信息的操作,同时也能够提高用户的操作体验和感官效果。此外,由于滑动框中各个图标的位置、透明度和尺寸的显示均是通过上述的代入计算代入计算所得,这样,计算的过程效率更高,简洁。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
111、在一种可能的实现方式中,所述滑动框的长度回弹变小,具体包括:在第二滑动操作开始t1时刻,所述滑动框的初始长度为h(t1);在t2时刻所述滑动框的长度未达到所述第一阈值的情况下,结束所述第二滑动操作;从第二滑动操作结束到当前t2″时刻,经过了t=t2″-t2时间段;在当前t2″时刻,所述滑动框的长度为h(t2″);从所述t1时刻到所述当前t2″时刻,所述滑动框的拉伸长度为x=h(t2″)-h(t1);所述拉伸长度为与所述t满足微分方程:
112、
113、其中,β表示弹簧阻尼,θ表示弹簧的刚性,满足β2=θ2;
114、所述删除图标和所述其他功能图标之间的距离回弹变小,具体包括:在所述t1时刻,所述删除图标的位置为d(t1);在所述当前t2″时刻,所述删除图标的位置为d(t2″);从所述t1时刻到所述当前t2″时刻,所述删除图标d位置的拉伸长度d(t2″)-d(t1)为:
115、d(t2″)-d(t1)=x(t2″)·0.1·(index(d)+1)
116、在所述t1时刻,所述其他功能图标的位置为a(t1);在所述当前t2″时刻,所述其他功能图标的位置为a(t2″);从所述t1时刻到所述当前t2″时刻,所述其他功能图标位置的拉伸长度a(t2″)-a(t1)为:
117、a(t2″)-a(t1)=x(t2′′)·0.1·(index(a)+1)
118、其中,所述x(t2″)为t2″时刻的x;index()表示对应图标从右到左的位置索引,所述index(d)表示所述删除图标的位置索引,所述index(a)表示所述其他功能图标的位置索引;
119、所述第一删除图形和所述第二删除图形之间的夹角回弹收缩,具体包括:在所述当前t2″时刻,所述第一删除图形和所述第二删除图形之间的夹角open(d)为:
120、open(d)=maxangle·x(t2″)/thr
121、其中,所述maxangle为所述第一删除图形和所述第二删除图形之间的最大角度,所述thr为滑动框从t1时刻的长度到第一阈值的变化长度。
122、在本技术实施例中,在用户在滑动框尚未到达t3时刻之前,用户松手(或离手)的情况下,滑动框以及其中的图标回弹到初始位置,这个过程如同有人拉着弹簧松手之后弹簧的回弹过程,上述图标的移动情况如同弹簧上的某几个点的回弹过程。这样,在第一阈值的范围内,用户滑动的过程中松手,用户界面的显示能够呈现弹簧回弹的动效,可以提高用户操作体验。此外,由于滑动框中各个图标的显示均是通过上述的回弹位移公式计算所得,删除图标的对应夹角也是通过上述垃圾桶张开的角度所得,这样,确定图标的位置和角度可以直接调用相关的公式,使得计算效率更高,速度更快。高效的处理能够支撑界面的显示,避免显示出现的卡顿,从而可以提高用户的体验。
123、第三方面,本技术提供了一种电子设备,包括触控屏、一个或多个处理器和一个或多个存储器。该一个或多个处理器与触控屏、摄像头、以及一个或多个存储器耦合,一个或多个存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,当一个或多个处理器执行计算机指令时,使得电子设备执行上述任一方面任一项可能的实现方式中的列表消息的删除方法。
124、第四方面,本技术提供了一种电子设备,包括:一个或多个功能模块。一个或多个功能模块用于执行上述任一方面任一项可能的实现方式中的列表消息的删除方法。
125、第五方面,本技术实施例提供了一种计算机存储介质,包括计算机指令,当计算机指令在电子设备上运行时,使得电子设备执行上述任一方面任一项可能的实现方式中的列表消息的删除方法。
126、第六方面,本技术实施例提供了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述任一方面任一项可能的实现方式中的列表消息的删除方法。