一种界面展示的实现方法和装置制造方法及图纸

技术编号:20116610 阅读:33 留言:0更新日期:2019-01-16 11:52
本发明专利技术公开了一种界面展示的实现方法和装置,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态,所述方法包括:接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。在本发明专利技术实施例中,展示效果为从动态展开静态的图像,用户视觉会关注先出现的部分,而那部分图像并不会移动,所以不会产生视觉疲劳。而且,展示效果舒适,有趣,大幅提高用户体验。

A Method and Device for Interface Display

The invention discloses an implementation method and device for interface display. The interface content of the interface is located inside the interface frame, and in the initial state, the interface content is invisible. The method includes: receiving instructions from the display interface; keeping the position of the interface content fixed, and gradually setting the interface content from one direction to the visible state until the end. Full display of the interface content. In the embodiment of the present invention, the display effect is to expand the static image from the dynamic state, and the user's vision will focus on the first part, which will not move, so there will be no visual fatigue. Moreover, the display effect is comfortable, interesting and greatly improves the user experience.

【技术实现步骤摘要】
一种界面展示的实现方法和装置
本专利技术涉及信息
,尤指一种界面展示的实现方法和装置。
技术介绍
在传统的用户界面(UserInterface,简称为UI)设计中,在某种界面未打开前,如图1(a)所示,其中界面边框为透明状态,界面内容隐藏在界面边框右边,图中的正方形为界面内容中的一部分。触发界面打开时,界面将从界面边框的右边移动进入,此时界面内容的最左边会最先变成可见,如图1(b)所示的灰色部分,右边的阴影部分依然还是隐藏的。界面全部打开完成后如图1(c)所示,界面内容会全部可见,此时,之前的正方形部分已经完全到达界面边框的左边了。关闭界面则是以上顺序的逆顺序。可以看出,这种界面展示方式有如下缺陷:1、动态从屏幕某个方法弹入弹出,用户视线会不自主的关注最先出现的部分,如果出现的部分是移动的,看久了可能会导致用户视觉疲劳,体验并不是很好。2、直接隐藏或出现会有突兀感。
技术实现思路
为了解决上述技术问题,本专利技术提供了一种界面展示的实现方法和装置,以提高用户体验。为了达到本专利技术目的,本专利技术提供了一种界面展示的实现方法,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态,所述方法包括:接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。可选地,所述界面内容处于不可见状态时,界面子边框位于所述界面边框外部,与所述界面边框相邻;所述将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容包括:所述界面子边框向所述界面边框内移动,刷新界面显示的内容,将界面内容与界面子边框重合的部分内容设置为可见状态;所述界面子边框移动至完全覆盖所述界面边框,则停止移动。可选地,所述方法还包括:接收到关闭界面的指令;将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态。可选地,所述界面内容处于可见状态时,界面子边框覆盖所述界面边框,所述将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态包括:所述界面子边框向所述界面边框外移动,刷新界面显示的内容,仅将界面内容与界面子边框重合的部分内容设置为可见状态,其余的部分内容设置为不可见状态;所述界面子边框完全移动至与所述界面边框外部后,停止移动。可选地,所述界面子边框与所述界面边框的大小和形状相同。本专利技术还提供了一种界面展示的实现装置,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态;所述处理器执行所述程序时实现以下步骤:接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。可选地,所述界面内容处于不可见状态时,界面子边框位于所述界面边框外部,与所述界面边框相邻;所述处理器执行所述程序时还实现:所述界面子边框向所述界面边框内移动,刷新界面显示的内容,将界面内容与界面子边框重合的部分内容设置为可见状态;所述界面子边框移动至完全覆盖所述界面边框,则停止移动。可选地,所述处理器执行所述程序时还实现:接收到关闭界面的指令;将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态。可选地,所述界面内容处于可见状态时,界面子边框覆盖所述界面边框,所述处理器执行所述程序时还实现:所述界面子边框向所述界面边框外移动,刷新界面显示的内容,仅将界面内容与界面子边框重合的部分内容设置为可见状态,其余的部分内容设置为不可见状态;所述界面子边框完全移动至与所述界面边框外部后,停止移动。可选地,所述界面子边框与所述界面边框的大小和形状相同。本专利技术实施例包括:所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态;接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。在本专利技术实施例中,展示效果为从动态展开静态的图像,用户视觉会关注先出现的部分,而那部分图像并不会移动,所以不会产生视觉疲劳。而且,展示效果舒适,有趣,大幅提高用户体验。本专利技术的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。附图说明附图用来提供对本专利技术技术方案的进一步理解,并且构成说明书的一部分,与本申请的实施例一起用于解释本专利技术的技术方案,并不构成对本专利技术技术方案的限制。图1(a)~(c)为现有技术中展示界面的示意图;图2为本专利技术实施例的界面展示的实现方法流程图;图3(a)~(c)为本专利技术实施例的展示界面的示意图;图4为本专利技术实施例的界面关闭的流程图;图5为本专利技术实施例的界面展示的实现装置示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明白,下文中将结合附图对本专利技术的实施例进行详细说明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互任意组合。在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。在本专利技术实施例中,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态;本专利技术实施例的界面展示的实现方法,如图2所示,包括:步骤101,接收到显示界面的指令;步骤102,所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。在现有技术中,界面内容通过移动的方式逐步可见,而在本专利技术实施例中,所述界面内容的位置保持固定,在展示过程中并不移动,只是从不可见状态逐步变为可见状态,展示效果为从动态展开静态的图像,用户视觉会关注先出现的部分,而那部分图像并不会移动,所以不会产生视觉疲劳。而且,展示效果舒适,有趣,大幅提高用户体验。在一实施方式中,在界面边框和界面内容之间增加入界面子边框这一层级关系,界面未打开时,所述界面内容处于不可见状态,界面子边框位于所述界面边框外部,与所述界面边框相邻;所述将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容包括:所述界面子边框向所述界面边框内移动,刷新界面显示的内容,将界面内容与界面子边框重合的部分内容设置为可见状态;所述界面子边框移动至完全覆盖所述界面边框,则停止移动。如图3(a)所示,界面边框为透明状态,界面子边框处于界面边框的右边,而界面内容则相对位于界面子边框左边,是不可见的,图中正方形为界面的部分内容。如图3(b)所示,当触发打开界面时,界面子边框相对界面边框向左移动,界面内容相对界面子边框向右移动,图中灰色的部分变得可见,而阴影的部分因为还在子边框的外部被切掉不会显示。当界面完全打开后,则如图3(c)所示。如图4所示,在一实施方式中,所述方法还包括:步骤201,接收到关闭界面的指令;步骤202,将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态。可以看出,上述步骤201和202本文档来自技高网...

【技术保护点】
1.一种界面展示的实现方法,其特征在于,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态,所述方法包括:接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。

【技术特征摘要】
1.一种界面展示的实现方法,其特征在于,所述界面的界面内容位于界面边框内部,在初始状态下,所述界面内容处于不可见状态,所述方法包括:接收到显示界面的指令;所述界面内容的位置保持固定,将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容。2.根据权利要求1所述的方法,其特征在于,所述界面内容处于不可见状态时,界面子边框位于所述界面边框外部,与所述界面边框相邻;所述将所述界面内容从一方向逐步设置为可见状态,直至完全显示所述界面内容包括:所述界面子边框向所述界面边框内移动,刷新界面显示的内容,将界面内容与界面子边框重合的部分内容设置为可见状态;所述界面子边框移动至完全覆盖所述界面边框,则停止移动。3.根据权利要求1所述的方法,其特征在于,所述方法还包括:接收到关闭界面的指令;将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态。4.根据权利要求3所述的方法,其特征在于,所述界面内容处于可见状态时,界面子边框覆盖所述界面边框,所述将所述界面内容从一方向逐步设置为不可见状态,直至所述界面内容的全部内容均为不可见状态包括:所述界面子边框向所述界面边框外移动,刷新界面显示的内容,仅将界面内容与界面子边框重合的部分内容设置为可见状态,其余的部分内容设置为不可见状态;所述界面子边框完全移动至与所述界面边框外部后,停止移动。5.根据权利要求2或4所述的方法,其特征在于,所述界面子边框与所述界面边框的大小和形状相同。6...

【专利技术属性】
技术研发人员:魏旻靓
申请(专利权)人:深圳市道通智能航空技术有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1