一种应用软件交互界面的自定义方法、系统及终端与流程

文档序号:12836894阅读:271来源:国知局
一种应用软件交互界面的自定义方法、系统及终端与流程

本发明涉及人机交互界面领域,尤其涉及一种应用软件交互界面的自定义方法、系统及终端。



背景技术:

在现有操作系统、软件或游戏中,在保持人机交互界面基础架构完整性的基础上,一般会为用户提供一定程度的界面自定义功能,以满足用户的个性化需求,从而将单一的输出产品转化为能够满足用户生理与心理需求的定制化服务输出。

如图1和图2所示,图1是目前移动终端的系统(如ios系统和安卓系统)提供的界面自定义方案,用户可以对界面形式进行如下自定义:壁纸设置及更换,界面上的图标移动,界面元素大小设置,文字的字体及大小的设置等。

此外,还有一些专门用于进行界面自定义的主题软件还允许用户进行自由度更高的自定义,以linedeco为例,该软件可对图标形式以及界面颜色进行一定程度的自定义,在视觉方面可以做较高自由度的自定义。

对游戏而言,以《魔兽世界》(worldofwarcarft,wow)为例,该游戏提供给了用户自由度很高的调整界面视觉形式与结构的模式,调整的范围包括:界面元素排列形式,顺序,数量,位置,所处位置并可改变各控件的视觉形式等。在交互与视觉两方面都给予了用户较大范围的自由度,并通过游戏的记忆的功能形成用户独有的一套操作模式,面向的用户群体非常广泛,满足的需求面也很广。



技术实现要素:

上述的各种方案,从不同角度实现了对人机交互的界面的自定义,但是均缺乏对界面上的控件进行变形的方案,一方面,这限制了界面自定义的自由度,无法满足不同用户的个性需求;另一方面,还可能导致对移动终端(特别是触摸式的智能移动终端)的界面的使用不够充分,界面的控件摆放位置不够灵活的问题。

针对上述问题,本发明的目的在于提供一种应用软件交互界面的自定义方法,包括如下步骤:

监听用户对应用软件交互界面的第一操作,根据所述第一操作控制所述应用软件交互界面进入自定义编辑状态,其中,所述应用软件交互界面布置有至少一个控件;

在所述自定义编辑状态下,监听用户对被选中的控件的第二操作,根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形;

保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

上述技术方案中,通过对所述控件进行变形,从而使得控件的形态可以满足用户的自定义需求和个性需求,同时通过对控件进行变形还可使得控件的位置摆放更灵活。

优选地,根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形,具体为:

识别用户对被选中的所述控件的第二操作,从预置的变形指令集合内查询与所述第二操作对应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

本优选方案提供了一种具体的变形方案,由于控件的变形形式是由用户自己操作选择的,因而可以增加用户对交互界面的定义自由度和可操作性。

优选地,所述根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形,具体包括:

所述第二操作为拖拽操作,在用户对被选中的所述控件进行第二操作后, 获取所述控件的类型及所述控件被拖拽后的目标位置;根据所述控件的类型及所述控件被拖拽后的目标位置,从预置的变形指令集合内查询对应的变形指令,并根据所述变形指令对被选中的所述控件进行变形。

本优选方案中,还可以根据控件的类型及所处的位置自动生成变形指令,并对控件进行变形,其好处在于,自动生成的变形指令是根据控件的类型及被拖拽移动所处的位置生成的,可保证控件的形态与当前所处的位置具有较高契合度,使得生成的交互界面视觉效果更佳,而且还可节省用户的变形操作。

优选地,所述变形指令集合包括旋转指令、对称指令、缩小指令及放大指令当中的至少一种。

优选地,所述监听用户对应用软件交互界面的第一操作,根据所述第一操作控制所述软件交互界面进入自定义编辑状态,具体包括:

检测用户对所述应用软件交互界面上的任一控件的按下操作,当按下的时间超过预设时长,控制所述应用软件交互界面进入自定义编辑状态。

优选地,在根据所述变形指令对被选中的所述控件进行变形之后,还包括:

根据所述变形指令,对与所述控件关联的文字进行相应的变形。

本优选方案中,在对控件进行变形时,与控件关联的文字也进行相应的变形,保证了交互界面的统一。

优选地,还包括:

在所述控件发生变形或被拖拽后,控制附着在所述控件上的信息提示窗口与所述控件的附着关系保持不变。

本优选方案中,对于应用软件或游戏而言,有时需要设置一些弹出的信息提示窗口,如引导提示或一些反馈气泡等,这些信息提示窗口一般放置于交互界面的预定控件附近,以提示用户可以通过操作所述预定控件来实现特定的功能。现在技术中,所述信息提示窗口在交互界面中的位置是绝对位置的,若移动所述预定控件,则可能导致信息提示窗口与所述预定控件不再对应。本优选方案通过将信息提示窗口附着到对应的预定控件上,从而当所述控件发生移动后,所述信息提示窗口的弹出位置也发生相应的变化或者也发生相应的移动, 保证二者附着关系保持不变。

优选地,在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前位置上无足够显示空间,则变更所述信息提示窗口相对于所述控件的位置,使所述信息提示窗口得以在所述交互界面中完整显示。

优选地,还包括:

根据被选中的控件的类型或大小将所述应用软件交互界面划分为可选择区域及不可选择区域;

当检测到所述控件被拖拽的目标位置处于所述可选择区域内时,显示可放置标识,并将所述控件设置在所述目标位置;当检测到所述控件被拖拽的目标位置处于所述不可选择区域内时,显示不可放置标识,并保持所述控件为不可放置的悬浮状态或者控制所述控件返回被拖拽前的初始位置。

本优选方案中,根据被选中的控件的类型或大小将所述应用软件交互界面划分为可选择区域及不可选择区域,其中,移动时,控件仅可移动到与其类型或大小对应的可选择区域内,如此,保证整个交互界面基础交互逻辑的可用性。

优选地,所述不可选择区域包括已被选中的控件以外的其他控件覆盖的区域。

优选地,控制所述应用软件交互界面进入自定义编辑状态的步骤之后,包括:

在所述应用软件交互界面上显示网格。

本优选方案中,在进入自定义编辑状态后,在所述应用软件交互界面上显示网格,可以使得玩家更准确的移动所述控件。优选地,还包括:

在所述应用软件交互界面上划分翻页区域;

当检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。

由于屏幕大小的限制,有时无法在一个页面上显示全部内容,因而所述应用软件交互界面有时会提供多个页面,这些页面可通过翻页来展示。本优选方案中,通过在应用软件交互界面上设置翻页区域;当检测到所述控件被拖拽到 的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。如此,实现了将控件方便的移动到其他页面。

本发明还提供了一种应用软件交互界面的自定义系统,包括:

监听单元,用于监听用户对应用软件交互界面的第一操作,根据所述第一操作控制所述应用软件交互界面进入自定义编辑状态,其中,所述应用软件交互界面布置有至少一个控件;

变形单元,用于在所述自定义编辑状态下,监听用户对被选中的控件的第二操作,根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形;

设置保存单元,用于保存所述变形后的所述控件作为所述应用软件交互界面的对应的控件。

优选地,所述变形单元具体用于,识别用户对被选中的所述控件的第二操作,从预置的变形指令集合内查询与所述第二操作对应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

优选地,所述变形单元具体用于,在识别到所述第二操作为拖拽操作,且在用户对被选中的所述控件进行第二操作后,获取所述控件的类型及所述控件被拖拽后的目标位置;根据所述控件的类型及所述控件被拖拽后的目标位置,从预置的变形指令集合内查询对应的变形指令,并根据所述变形指令对被选中的所述控件进行变形。

优选地,所述变形指令集合包括旋转指令、对称指令、缩小指令及放大指令当中的至少一种。

优选地,所述监听单元具体用于,检测用户对所述交互界面上的任一控件的按下操作,当按下的时间超过预设时长,控制所述软件交互界面进入自定义编辑状态。

优选地,还包括:

文字变形单元,用于根据所述变形指令,对与所述控件关联的文字进行相应的变形。

优选地,还包括:

附着控制单元,用于在所述控件发生变形或被拖拽后,控制附着在所述控件上的信息提示窗口与所述控件的附着关系保持不变。

优选地,还包括空间选置单元,用于在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前侧上无足够显示空间,则判断所述控件的其他侧是否有足够的显示空间;若有,则将所述信息提示窗口变更到所述控件的有足够显示空间的一侧,否则显示不可放置标识,并保持所述控件及附着于所述控件上的信息提示窗口为不可放置的悬浮状态或者控制所述控件及附着于所述控件上的信息提示窗口返回变形前的形态或被拖拽前的初始位置;其中,所述足够显示空间为得以在所述交互界面中完整显示所述信息提示窗口且不包含有已被选中的控件以外的其他控件的显示空间。

优选地,还包括:

界面划分单元,用于根据被选中的控件的类型或大小将所述应用软件交互界面划分为可选择区域及不可选择区域;

控件放置单元,用于当检测到所述控件被拖拽的目标位置处于所述可选择区域内时,显示可放置标识,并将所述控件设置在所述目标位置;当检测到所述控件被拖拽的目标位置处于所述不可选择区域内时,显示不可放置标识,并保持所述控件为不可放置的悬浮状态或者控制所述控件返回被拖拽前的初始位置。

优选地,所述不可选择区域包括已被选中的控件以外的其他控件覆盖的区域。

优选地,还包括:

网格显示单元,用于在所述应用软件交互界面上显示网格。

优选地,还包括:

翻页设置单元,用于在所述应用软件交互界面上设置翻页区域;

翻页单元,用于当检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。

本发明还提供一种终端,包括上述的应用软件交互界面的自定义系统。

附图说明

为了更清楚地说明本发明的技术方案,下面将对实施方式中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1是现有技术提供的应用软件交互界面自定义方案。

图2是现有技术提供的应用软件交互界面自定义方案。

图3是本发明实施例提供的应用软件交互界面的自定义方法的流程示意图。

图4是本发明实施例提供的对应用软件交互界面上的控件进行变形的第一示意图。

图5是本发明实施例提供的对应用软件交互界面上的控件进行变形的第二示意图。

图6是本发明实施例提供的对应用软件交互界面上的控件进行变形的第三示意图。

图7是对应用软件交互界面上的与控件关联的文字进行变形的示意图。

图8是设置了翻页区域的应用软件交互界面的示意图。

图9是本发明实施例提供的应用软件交互界面的自定义系统的结构示意图。

图10是图9所示的变形单元的一种结构示意图。

图11是本发明实施例提供的应用软件交互界面的自定义系统的另一种结构示意图。

图12是本发明实施例提供的应用软件交互界面的自定义系统的另一种结构示意图。

图13是本发明实施例提供的应用软件交互界面的自定义系统的另一种结构示意图。

图14是本发明实施例提供的应用软件交互界面的自定义系统的另一种结构 示意图。

图15是本发明实施例提供的应用软件交互界面的自定义系统的另一种结构示意图。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

请参阅图3,本发明实施例提供了一种应用软件交互界面的自定义方法,用于允许用户对应用软件交互界面,特别是支持触摸操作的应用软件的交互界面进行自定义设置。所述应用软件交互界面的自定义方法可由应用软件交互界面的自定义系统(以下称为自定义系统)来执行,并至少包括如下步骤:

s101,监听用户对应用软件交互界面的第一操作,根据所述第一操作控制所述软件交互界面进入自定义编辑状态,其中,所述应用软件交互界面布置有至少一个控件。

在本发明实施例中,所述应用软件交互界面(以下简称为交互界面)为用于进行人机交互的界面,例如,智能终端的主界面或者游戏的交互界面等。以手游的交互界面为例,对于目前的手游来说,所述交互界面上设置有各个控件,这些控件在交互界面上以按钮或建筑物的形式呈现,作为人机交互的入口。当触摸所述控件时,即可触发相应的功能,例如,对于一个经营类的游戏,所述控件的外形可能以各种建筑物的形式出现,用户可通过触发所述控件控制建筑物进行升级或其他操作。此外,还包括各种其他功能的控件,如进行游戏设置或者任务查看等。

在本发明实施例中,所述控件在所述交互界面中的位置可以由应用软件在开发阶段预先设置好,也可以由用户自行设定,其中,若用户需要对控件的位置进行自定义设置,需先使所述交互界面进入自定义编辑状态。具体地,用户 可通过对所述交互界面执行第一操作(如按下任意控件超过预设时长或者触摸专门设置的用于进入自定义编辑状态的控件或者按下特定的实体按键),此时,所述自定义系统在监听到所述用户执行所述第一操作后,即控制所述交互界面进入自定义编辑状态。

s102,在所述自定义编辑状态下,监听用户对被选中的控件的第二操作,根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

在本发明实施例中,在进入自定义编辑状态后,用户就可对被选中的所述控件进行操作,例如,对所述控件进行拖拽操作或变形操作,以改变控件在所述交互界面上的位置或形状等。当交互界面上布置有两个或以上数量的控件时,需要对其中一个或多个控件进行选定,继而监听第二操作对被选中控件的变形指令,对选中的控件进行变形。所以,如果交互界面是在根据触碰特定按键或控件而进入自定义编辑状态的,则可以通过在自定义编辑状态下单击或双击某一控件作为被选中的控件;如果交互界面是在根据按下某一控件,当按下的时间超过预设时长进入自定义编辑状态的,则可以在进入自定义编辑状态的同时,将被按下的所述控件作为被选中的控件。在此不对控件选择的具体触发操作做进一步的限定。

具体的,在一个实施例中,所述步骤s102具体为:

识别用户对被选中的所述控件的第二操作,从预置的变形指令集合内查询与所述第二操作对应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

其中,所述变形指令集合包括旋转指令、对称指令、缩小指令及放大指令当中的至少一种。

请一并参阅图4,例如,对于放大控件,当所述自定义系统识别到用户的第二操作为对被选中的控件的边缘点向远离所述控件中心点的方向进行拖拽时,则从预置的变形指令集合内查询放大指令,根据所述放大指令对被选中的所述控件进行变形。

对于缩小控件,当所述自定义系统识别到用户的第二操作为对被选中的控件的边缘点向靠近所述控件中心点的方向进行拖拽时,则从预置的变形指令集合内查询缩小指令,根据所述缩小指令对被选中的所述控件进行变形。

优选地,可指定放缩的边缘点为所述控件的右上角点。

在本发明实施例中,用户通过控制所述控件的大小来实现对所述交互界面的控件的变形,以更充分利用所述交互界面的空间。例如,可通过缩小所述控件的尺寸,以使得所述交互界面的一些角落位置可以容置所述控件,也可以通过放大所述控件的尺寸来使得所述控件更加显眼,方便用户的个性化操作等。此外,对于改变所述控件的大小,所述交互界面的自定义系统可定义一个最大范围和最小范围,所述控件的大小只能是位于最大范围和最小范围之间,如此,保证所述交互界面基础的可用性。

对于旋转控件,当所述自定义系统识别到用户的第二操作为对被选中的控件的边缘点拖拽,根据拖拽方向与放缩方向之间的正夹角生成逆时针的旋转指令,其中,所述放缩方向为拖拽终点与所述控件中心点形成的方向。当所述自定义系统识别到用户的第二操作为对被选中的控件的边缘点拖拽,根据拖拽方向与放缩方向之间的负夹角生成顺时针的旋转指令,其中,所述放缩方向为拖拽终点与所述控件中心点形成的方向。

如图5和6所示,例如对于一个具有界面切换功能的控件01,其原本位于建筑物a的左部,而用户出于自己的操作习惯,希望将所述控件01放置到所述建筑物a的右部(图5所示)或下部(图6所示),此时,可通过在自定义编辑状态下拖拽所述控件01来实现位置的调整。

然而,由于所述控件01本身是有朝向的,其朝向与其位置相关,若仅进行位置的改变,其将影响所述交互界面的视觉效果及用户的体验,此时用户可选中所述控件01并对所述控件做出一个旋转的第二操作,此时,所述自定义系统识别到所述第二操作为对被选中的控件的边缘点拖拽,根据拖拽方向与放缩方向之间的负(正)夹角生成顺时针(逆时针)的旋转指令,并根据所述旋转指令对被选中的所述控件进行旋转变形(参见图5右边的控件01和图6下边的控 件01)。

优选地,可指定放缩的边缘点为所述控件的右下角点。

此外,所述自定义系统还可在所述控件被选中时显示预置的变形选项,当所述自定义系统识别用户通过第二操作选中的变形选项后,从预置的变形指令集合内查询与所述变形选项对应的变形指令,并根据变形指令对所述控件执行相应的变形。其中,所述变形选项可包括旋转选项、对称选项、缩小选项及放大选项等,本发明不做具体限定。

在另一个实施例中,所述步骤s102包括:

s1021,在用户对被选中的所述控件进行第二操作后,获取所述控件的类型及所述控件被拖拽后的目标位置。

s1022,根据所述控件的类型及所述控件被拖拽后的目标位置,从预置的变形指令集合内查询对应的变形指令,并根据所述变形指令对被选中的所述控件进行变形。

其中,所述第二操作为拖拽操作。具体的,仍以图5和图6为例,在所述用户选中所述控件01并拖拽所述控件01后,所述自定义系统首先确定所述控件的类型,并根据所述控件的类型显示可供所述控件被移动后的至少一个位置区域。此后再根据所述控件的类型及所述控件被移动后的位置区域,从预置的变形指令集合内查询与所述控件的类型和移动后的位置对应的变形指令,并根据所述变形指令对被选中的所述控件进行变形。例如,当所述控件本身是具有朝向类型的控件,在根据用户的第二操作从左边被拖拽到右边后,所述自定义系统获取所述控件01移动后的位置区域,若判断所述控件01从所述建筑物a的左边移动到所述建筑物a的右边,则从预置的变形指令集合内查询与所述控件的类型和移动后的位置对应的对称指令,并根据所述变形指令对被选中的所述控件进行对称变形;若判断所述控件01从所述建筑物a的左边移动到所述建筑物a的下边,则从预置的变形指令集合内查询与所述控件的类型和移动后的位置对应的顺时针旋转90°的旋转指令,并根据所述变形指令对被选中的所述控件进行旋转变形,再例如自动改变所述控件01的朝向,在向后旋转90°之后 再对称变形,以使得其朝向满足界面布置的需求。

此外,若判断所述控件要移动的目标位置没有足够的空间来容纳所述控件,则可自动对所述控件进行缩小,使得所述控件可以容置于所述目标位置上。

在本发明实施例中,若控件本身不具有朝向,而且目标位置也足够容纳所述控件,则可不需要进行自动变形,但是用户可根据自己的实际需要对所述控件进行手动变形。

s103,保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

在本发明实施例中,所述自定义系统还提供了退出自定义编辑状态的机制,例如,所述自定义系统可在所述交互界面上设置一个退出自定义编辑状态的控件,用户在完成自定义编辑后,触摸所述控件,即可退出自定义编辑状态,此时,所述自定义系统保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

当然,所述自定义系统还可设置其他的退出自定义编辑状态的机制,例如,当所述自定义系统在检测到用户在交互界面的空白区域按下超过预设的时长后,自动退出自定义编辑状态,并保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

综上所述,本发明实施例提供的应用软件交互界面的自定义方法,通过在所述交互界面上提供控件变形的功能,从而根据用户的第二操作对控件执行相应的变形,使得所述控件在所述交互界面上具有更灵活的显示方式,满足用户的自定义需求和个性需求。此外,通过对所述控件进行变形,还可充分利用所述交互界面的空间,并使得所述交互界面显得更加合理,视觉效果更佳,提升了用户的体验。

为了加深对本发明的理解,下面将对本发明的一些优选实施例做进一步描述。

第一个优选实施例:

对于控件来说,其一般还包括文字描述部分,若对控件进行变形时,不对文字进行同步变形,则可能导致视觉效果不佳。为此,在本优选实施例中,所 述交互界面的自定义方法还包括:

s104,根据所述变形指令,对与所述控件关联的文字进行相应的变形。

如图7所示,假设所述文字原本是水平显示的,当所述控件发生90度旋转后,其文字也相应进行旋转,变成垂直显示。

此外,当对控件本身进行放大时,文字也相应放大,以保证控件与文字的协调一致。

本优选实施例中,在对控件进行变形时,与控件关联的文字也进行相应的变形,例如,所述控件做镜像对称变形,则所述文字的位置也进行镜像对称变形,所述控件放大,所述文字也相应放大,保证了所述交互界面的统一。

第二个优选实施例:

对于应用软件或游戏而言,有时需要设置一些弹出的信息提示窗口,如引导提示或一些反馈气泡等,这些信息提示窗口一般放置于交互界面的预定控件附近,以提示用户可以通过操作所述预定控件来实现特定的功能。现在技术中,所述信息提示窗口在交互界面中的位置是绝对位置的,若移动所述预定控件,则可能导致信息提示窗口与所述预定控件不再对应。为此,在本优选实施例中,所述交互界面的自定义方法还包括:

s105,在所述控件发生变形或被拖拽后,控制附着在所述控件上的信息提示窗口与所述控件的附着关系保持不变。

其中,在附着的时候,可以将所述信息提示窗口附着到所述控件上的一个指定点(如所述控件的中心点或者一个指定的边界上的点)上,若所述控件发生了移动,则将所述指定点移动后的坐标发送给所述信息提示窗口,所述信息提示窗口可以根据获取的坐标确定其显示的位置,从而当所述控件发生移动后,所述信息提示窗口的弹出位置也发生相应的变化或者也发生相应的移动,保证二者附着关系保持不变。

应当说明的是,所述信息提示窗口本身也是一个控件,因而很显然,通过本优选实施例也可以实现具有位置关联关系的控件的附着关系,例如,假设两 个控件本身的位置关系是相对固定的,那么在移动一个控件时,也可通过附着关系实现两个控件的同步移动。

需要说明的是,对于本优选实施例,在将所述信息提示窗口附着到所述预定的控件上后,当所述控件移动到屏幕边缘,可能导致信息提示窗口无法完全显示,此时,

本优选实施例还进一步包括:

s106,在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前位置上无足够显示空间,则变更所述信息提示窗口相对于所述控件的位置,使所述信息提示窗口得以在所述交互界面中完整显示。

在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前位置上无足够显示空间,则判断所述控件的其他位置是否有足够的显示空间;若有,则将所述信息提示窗口变更到所述控件的有足够显示空间的其他位置,否则显示不可放置标识,并保持所述控件及附着于所述控件上的信息提示窗口为不可放置的悬浮状态或者控制所述控件及附着于所述控件上的信息提示窗口返回变形前的形态或被拖拽前的初始位置;其中,所述足够显示空间为得以在所述交互界面中完整显示所述信息提示窗口且不包含有已被选中的控件以外的其他控件的显示空间。

例如,所述信息提示窗口原本附着于所述控件的左侧,当所述控件被移动到左边缘的时候,则可能导致所述信息提示窗口的内容无法完整显示,此时,可变更所述信息提示窗口相对于所述控件的位置(如将所述信息提示窗口设置于所述控件的右侧、上侧或下侧),使所述信息提示窗口得以在所述交互界面中完整显示且不覆盖到其他控件。

再例如,若所述信息提示窗口原本附着于所述控件的下侧的中点位置,则当所述控件被移动到左边缘的时候,则可能导致所述信息提示窗口左边的内容无法显示,此时,可变更所述信息提示窗口相对于所述控件的位置,如通过将所述提示窗口移动到所述控件的右下角,使得提示窗口左边的内容得以显示。

此外,如果判断所述控件的其他位置均没有足够的显示空间,则显示不可 放置标识,并保持所述控件及附着于所述控件上的信息提示窗口为不可放置的悬浮状态或者控制所述控件及附着于所述控件上的信息提示窗口返回变形前的形态或被拖拽前的初始位置。

第三个优选实施例:

为了保证交互界面基础的可用性,维持结构的稳定,当用户在移动所述控件的过程中,可能出现遮挡重合或者将控件移动到不可选择的区域的问题,此时,应进行反馈设置。具体地,在本优选实施例中,所述应用软件交互界面的自定义方法还包括:

s107,根据被选中的控件的类型或大小将所述应用软件交互界面划分为可选择区域及不可选择区域。

s108,当检测到所述控件被拖拽的目标位置处于所述可选择区域内时,显示可放置标识,并将所述控件设置在所述目标位置;当检测到所述控件被拖拽的目标位置处于所述不可选择区域内时,显示不可放置标识,并保持所述控件为不可放置的悬浮状态或者控制所述控件返回被拖拽前的初始位置。

例如,在移动时,某些控件(如系统设置类型的控件)被限制放置在所述交互界面的下侧,那么所述交互界面的上侧的区域就是所述控件的不可选择区域,此外,若所述控件的大小已经超过了某个区域能容纳的最大面积或者某个区域已被其他控件覆盖,则这些区域也是所述控件的不可选择区域。在本发明实施例中,当所述控件被拖拽移动时,不可选择区域将显示不可放置标识(如这些区域的背景变成红色),而可选择区域显示可放置标识(如这些区域的背景显示为绿色)。本优选实施例中,通过将所述交互界面划分为可选择区域及不可选择区域,其中,拖拽移动时,控件仅可移动到可选择区域内,如此,保证整个交互界面基础的结构稳定性。

需要说明的是,在本发明实施例中,所述交互界面的自定义系统还可提供复原的功能,用于将所述交互界面返回到初始设置的界面,此外,还可存储用户设置的界面,用户可通过调取界面的存档来快速选择之前已经设置好的界面 样式。

第四个优选实施例:

优选地,在步骤s101之后,还包括:

在所述应用软件交互界面上显示网格。

如图5和图6所示,在本优选实施例中,在所述应用软件交互界面上显示网格,以帮助用户更准确的移动所述控件,而且由于所述交互界面是以网格的形式呈现的,也可以使得玩家更好进行定位。

第五个优选实施例:

优选地,所述自定义方法还包括:

s108,在所述应用软件交互界面上划分翻页区域;

s109,当检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。

由于屏幕大小的限制,有时无法在一个页面上显示全部内容,因而所述应用软件交互界面会提供可翻页的页面,这些页面可通过翻页进行展示。

如图8所述,在本优选实施例中,通过在所述交互界面上设置翻页区域(如图8中的显示“上一页”和“下一页”所在的区域);当检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。如此,实现了将控件方便的移动到其他页面。

请一并参阅图9,图9是本发明实施例提供的应用软件交互界面的自定义系统的结构示意图,用于执行上述的应用软件交互界面的自定义方法,所述自定义系统100包括监听单元10、变形单元20及设置保存单元30:

所述监听单元10,用于监听用户对应用软件交互界面的第一操作,根据所述第一操作控制所述应用软件交互界面进入自定义编辑状态,其中,所述应用软件交互界面布置有至少一个控件。

具体地,用户可通过对所述交互界面执行第一操作(如按下任意控件超过 预设时长或者触摸专门设置的用于进入自定义编辑状态的控件或者按下特定的实体按键),此时,所述监听单元10在监听到所述用户执行所述第一操作后,即控制所述交互界面进入自定义编辑状态。

所述变形单元20,用于在所述自定义编辑状态下,监听用户对被选中的控件的第二操作,根据所述第二操作生成相应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

在一个实施例中,所述变形单元20具体用于,识别用户对被选中的所述控件的第二操作,从预置的变形指令集合内查询与所述第二操作对应的变形指令,根据所述变形指令对被选中的所述控件进行变形。

其中,所述变形指令集合包括旋转指令、对称指令、缩小指令及放大指令当中的至少一种。

例如,对应放大控件,当所述变形单元20识别到用户的第二操作为对被选中的控件的边缘点向远离所述控件中心点的方向进行拖拽时,则从预置的变形指令集合内查询放大指令,根据所述放大指令对被选中的所述控件进行变形。

对于缩小控件,当所述变形单元20识别到所述第二操作为对被选中的控件的边缘点向靠近所述控件中心点的方向进行拖拽时,则从预置的变形指令集合内查询缩小指令,根据所述缩小指令对被选中的所述控件进行变形。

优选地,可指定放缩的边缘点为所述控件的右上角点。

对于旋转控件,当所述变形单元20识别到所述第二操作为对被选中的控件的边缘点拖拽,根据拖拽方向与放缩方向之间的正夹角生成逆时针的旋转指令,其中,所述放缩方向为拖拽终点与所述控件中心点形成的方向。当所述变形单元20识别到所述第二操作为对被选中的控件的边缘点拖拽,根据拖拽方向与放缩方向之间的负夹角生成顺时针的旋转指令,其中,所述放缩方向为拖拽终点与所述控件中心点形成的方向。

请一并参阅图10,具体的,在一个实施例中,所述变形单元20包括:

位置区域显示模块21,用于在用户对被选中的所述控件进行第二操作后,获取所述控件的类型及所述控件被拖拽后的目标位置。

变形选择模块22,用于根据所述控件的类型及所述控件被拖拽后的目标位置,从预置的变形指令集合内查询对应的变形指令,并根据所述变形指令对被选中的所述控件进行变形。

所述设置保存单元30,用于保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

在本发明实施例中,所述自定义系统还提供了退出自定义编辑状态的机制,例如,所述自定义系统可在所述交互界面上设置一个退出自定义编辑状态的控件,用户在完成自定义编辑后,触摸所述控件,即可退出自定义编辑状态,此时,所述设置保存单元30保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

当然,所述自定义系统还可设置其他的退出自定义编辑状态的机制,例如,当所述自定义系统在检测到用户在交互界面的空白区域按下超过预设的时长后,自动退出自定义编辑状态,此时,所述设置保存单元30保存变形后的所述控件作为所述应用软件交互界面的对应的控件。

综上所述,本发明实施例提供的应用软件交互界面的自定义系统100,所述变形单元20通过在所述交互界面上提供控件变形的功能,所述设置保存单元30保存用户的设置,从而使得所述控件在所述交互界面上具有更灵活的显示方式,满足用户的自定义需求。此外,通过对所述控件进行变形,还可充分利用所述交互界面,并使得所述交互界面显得更加合理,视觉效果更佳,提升了用户的体验。

为了加深对本发明的理解,下面将对本发明的一些优选实施例做进一步描述。

第一个优选实施例:

请一并参阅图11,对于控件来说,其一般还包括文字描述部分,若对控件进行变形时,不对文字进行同步变形,则可能导致视觉效果不佳。为此,在本优选实施例中,所述自定义系统100还包括:

文字变形单元40,根据所述变形指令,对与所述控件关联的文字进行相应的变形。

如图7所示,假设所述文字原本是水平显示的,当所述控件发生90度旋转后,所述文字变形单元40将文字也相应进行旋转,变成垂直显示。

本优选实施例中,在对控件进行变形时,所述文字变形单元40将与控件关联的文字也进行相应的变形,例如,所述控件做镜像对称变形,则所述文字的位置也进行镜像对称变形,所述控件放大,所述文字也相应放大,保证了交互界面的统一。

第二个优选实施例:

请一并参阅图12,对于应用软件或游戏而言,有时需要设置一些弹出的信息提示窗口,如引导提示或一些反馈气泡等,这些信息提示窗口一般放置于交互界面的预定控件附近,以提示用户可以通过操作所述预定控件来实现特定的功能。现在技术中,所述信息提示窗口在交互界面中的位置是绝对位置的,若移动所述预定控件,则可能导致信息提示窗口与所述预定控件不再对应。为此,在本优选实施例中,所述自定义系统100还包括:

附着控制单元50,用于在所述控件发生变形或被拖拽后,控制附着在所述控件上的信息提示窗口与所述控件的附着关系保持不变。

其中,所述附着控制单元50在控制附着的时候,可以将所述信息提示窗口附着到所述控件上的一个指定点上(如所述控件的中心点或者一个指定的边界上的点),若所述控件发生了移动,则所述附着控制单元50将所述指定点移动后的坐标发送给所述信息提示窗口,所述信息提示窗口可以根据新的坐标确定其显示的位置,从而当所述控件发生移动后,所述信息提示窗口的弹出位置也发生相应的变化或者也发生相应的移动,保证二者附着关系保持不变。

应当说明的是,所述信息提示窗口本身也是一个控件,因而很显然,通过所述附着控制单元50也可以实现具有位置关联关系的控件的附着关系,例如,假设两个控件本身的位置关系是相对固定的,那么在移动一个控件时,也可通 过附着关系实现两个控件的同步移动。

需要说明的是,对于本优选实施例,在将所述信息提示窗口附着到所述预定的控件上后,当所述控件移动到屏幕边缘,可能导致信息提示窗口无法完全显示,此时,本优选实施例还进一步包括:

空间选置单元60,用于在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前位置上无足够显示空间,则变更所述信息提示窗口相对于所述控件的位置,使所述信息提示窗口得以在所述交互界面中完整显示。

其中,所述空间选置单元60在所述控件发生变形或被拖拽后,如果所述信息提示窗口在相对于所述控件的当前位置上无足够显示空间,则判断所述控件的其他位置是否有足够的显示空间;若有,则将所述信息提示窗口变更到所述控件的有足够显示空间的其他位置,否则显示不可放置标识,并保持所述控件及附着于所述控件上的信息提示窗口为不可放置的悬浮状态或者控制所述控件及附着于所述控件上的信息提示窗口返回变形前的形态或被拖拽前的初始位置;其中,所述足够显示空间为得以在所述交互界面中完整显示所述信息提示窗口且不包含有已被选中的控件以外的其他控件的显示空间。

例如,所述信息提示窗口原本附着于所述控件的左侧,当所述控件被移动到左边缘的时候,则可能导致所述信息提示窗口的内容无法完整显示或者覆盖到其他控件,此时,所述空间选置单元60可变更所述信息提示窗口相对于所述控件的位置(如将所述信息提示窗口设置于所述控件的右侧、上侧或下侧),使所述信息提示窗口得以在所述交互界面中完整显示且不覆盖到其他控件。

此外,如果所述空间选置单元60判断所述控件的其他侧是均没有足够的显示空间,则显示不可放置标识,并保持所述控件及附着于所述控件上的信息提示窗口为不可放置的悬浮状态或者控制所述控件及附着于所述控件上的信息提示窗口返回变形前的形态或被拖拽前的初始位置。

第三个优选实施例:

请一并参阅图13,为了保证交互界面基础的可用性,维持结构的稳定,当用户在移动所述控件的过程中,可能出现遮挡重合或者将控件移动到不可选择的区域的问题,此时,应进行反馈设置。具体地,在本优选实施例中,所述自定义系统还包括:

界面划分单元70,用于根据被选中的控件的类型或大小将所述应用软件交互界面划分为可选择区域及不可选择区域;

控件放置单元80,用于当检测到所述控件被拖拽的目标位置处于所述可选择区域内时,显示可放置标识,并将所述控件设置在所述目标位置;当检测到所述控件被拖拽的目标位置处于所述不可选择区域内时,显示不可放置标识,并保持所述控件为不可放置的悬浮状态或者控制所述控件返回被拖拽前的初始位置。

例如,在移动时,某些控件被限制放置在交互界面的下侧,那么所述界面划分单元70将交互界面的上侧的区域设置为所述控件的不可选择区域,此外,若所述控件的大小已经超过了某个区域能容纳的最大面积或者某个区域已被其他控件覆盖,则这些区域也是所述控件的不可选择区域。在本发明实施例中,不可选择区域将变成红色区域,而可选择区域将变成绿色区域。本优选实施例中,通过将所述交互界面划分为可选择区域及不可选择区域,其中,移动时,所述控件放置单元80设定控件仅可移动到可选择区域内,如此,保证整个交互界面基础的结构稳定性。

需要说明的是,在本发明实施例中,所述交互界面的自定义系统还可提供复原的功能,用于将所述交互界面返回到初始设置的界面,此外,还可存储用户设置的界面,用户可通过调取界面的存档来快速选择之前已经设置好的界面样式。

第四个优选实施例:

请一并参阅图14,优选地,所述自定义系统100还包括:

网格显示单元90,用于在所述应用软件交互界面上显示网格。

本优选实施例中所述网格显示单元90在所述交互界面上显示网格,可以帮助用户更准确的移动所述控件,而且由于所述交互界面是以网格的形式呈现的,也可以使得玩家更好进行定位。

第五个优选实施例:

请一并参阅图15,优选地,所述自定义系统100还包括:

翻页设置单元91,用于在所述应用软件交互界面上设置翻页区域。

翻页单元92,用于当检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。

由于屏幕大小的限制,有时无法在一个页面上显示全部内容,因而所述应用软件交互界面有时会提供多个页面,这些页面可通过翻页进行展示。

如图8所述,在本优选实施例中,翻页设置单元91通过在所述交互界面上设置翻页区域(如图8中的显示“上一页”和“下一页”所在的区域);当翻页单元92检测到所述控件被拖拽到的目标位置处于所述翻页区域内时,展示与当前显示的页面相邻的其他页面。如此,实现了将控件方便的移动到其他页面。

本发明还提供了一种终端,包括上述任一实施例所述的交互界面的自定义系统100。所述终端可为智能手机、平板电脑或其他智能终端,本发明不做具体限定。

本发明实施例提供的终端,变形单元20通过在所述交互界面上提供控件变形的功能,所述设置保存单元30保存用户的设置,从而使得所述控件在所述交互界面上具有更灵活的显示方式,满足用户的自定义需求。此外,通过对所述控件进行变形,还可充分利用所述交互界面,并使得所述交互界面显得更加合理,视觉效果更佳,提升了用户的体验。

以上所揭露的仅为本发明一种较佳实施例而已,当然不能以此来限定本发明之权利范围,本领域普通技术人员可以理解实现上述实施例的全部或部分流程,并依本发明权利要求所作的等同变化,仍属于发明所涵盖的范围。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算 机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory,rom)或随机存储记忆体(randomaccessmemory,ram)等。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1