【技术实现步骤摘要】
用户界面的显示方法、装置、设备及存储介质
本申请涉及人机交互领域,特别涉及一种用户界面的显示方法、装置、设备及存储介质。
技术介绍
在移动应用程序(Application,APP)中,图像是非常重要的信息载体。同一个用户界面中存在单图、多图、单图和多图共存这三种呈现方式。当用户界面中存在多张图像时,多张图像的排版分为消费场景和预览场景两种类型。消费场景更注重图像呈现的视觉冲击力和完整度,通常通过图像横排方式来呈现。用户通过左右滑动来切换消费图像,消费图像是用户界面中正在显示的当前图像。而预览场景通常采用图像宫格的方式来呈现,有利于用户的快速寻找。在采用图像横排方式的n张图像消费场景中,对于用户需要滑动n-1次才能完全浏览所有的n张图像。如果同一个用户界面中的图像数量过多,用户所需要的滑动次数太多,导致用户的消费深度会大打折扣。比如,同一个用户界面中存在9张图像,一般用户只会查看前面的3-4张图像,而不会查看后面的5-6张图像。
技术实现思路
本申请实施例提供了一种用户界面的显示方法、装置、 ...
【技术保护点】
1.一种用户界面的显示方法,其特征在于,所述方法包括:/n显示用户界面,所述用户界面的图像显示区域包括采用单图显示布局的n张图像中的第i张图像,n为大于1的整数;/n接收对应于所述第i张图像的第一触发指令,i为不大于n的整数;/n响应于所述第一触发指令,将所述图像显示区域中的所述第i张图像,切换显示为采用多图显示布局的所述n张图像。/n
【技术特征摘要】
1.一种用户界面的显示方法,其特征在于,所述方法包括:
显示用户界面,所述用户界面的图像显示区域包括采用单图显示布局的n张图像中的第i张图像,n为大于1的整数;
接收对应于所述第i张图像的第一触发指令,i为不大于n的整数;
响应于所述第一触发指令,将所述图像显示区域中的所述第i张图像,切换显示为采用多图显示布局的所述n张图像。
2.根据权利要求1所述的方法,其特征在于,
所述单图显示布局是同一时刻仅显示单张图像且采用左右方向进行图像切换的横排显示布局;
所述多图显示布局是同一时刻显示至少两张图像且采用宫格方式进行排版的宫格显示布局。
3.根据权利要求2所述的方法,其特征在于,所述将所述图像显示区域中的所述第i张图像,切换显示为采用多图显示布局的所述n张图像,包括:
根据所述n张图像的数量n来确定所述宫格显示布局下的宫格排版样式;
在所述图像显示区域中取消显示所述第i张图像,且在所述图像显示区域中更新显示采用所述宫格排版样式进行排版的所述n张图像。
4.根据权利要求3所述的方法,其特征在于,所述根据所述n张图像的数量n来确定所述宫格显示布局下的宫格排版样式,包括:
确定与所述n张图像的数量n对应的至少两种候选宫格排版样式;
在所述至少两种候选宫格排版样式中,按照目标策略选择出本次使用的宫格排版格式;
其中,所述目标策略包括:随机选择策略,或者,指定样式优先策略。
5.根据权利要求1至4任一所述的方法,其特征在于,所述方法还包括:
当所述图像显示区域仅显示有所述第i张图像的部分内容时,在切换后将采用所述多图显示布局的所述n张图像的顶部,自动滚动至与所述图像显示区域的顶部对齐。
6.根据权利要求1至4任一所述的方法,其特征在于,所述第一触发指令包括:第一点击信号、第一双击信号、第一长按信号、第一悬停信号、第一眼睛注视信号、终端上的运动传感器采集到的第一运动信号,所述终端上的摄像头采集到的第一手势信号中的至少一种。
7.根据权利要求1至4任一所述的方法,其特征在于,所述将所述图像显示区域中的所述第i张图像,切换为采用多图显示布局的所述n张图像之后,还包括:
接收对应于所述n张图像中的第j张图像的第二触发指令,j为不大于n的整数;
响应于所述第二触发指令,将所述图像显示区域中采用所述多图显示布局的所述n张图像,切换显示为采用所述单图显示布局的所述第j张图像。
8.根据权利要求7所述的方法,其特征在于,所述将所述图像显示区域中采用多图显示布局的所述n...
【专利技术属性】
技术研发人员:李炤,董超,
申请(专利权)人:腾讯科技深圳有限公司,
类型:发明
国别省市:广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。