界面元素显示方法和系统的制作方法
【专利摘要】本发明提供了一种界面元素显示方法和系统，上述界面元素显示方法包括：获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域；接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。上述界面元素显示方法和系统可以对用户进行人机交互过程中在使用的界面元素按照预设的动画规则进行显示，使对应的界面元素更容易被用户识别，可以提高人机交互的效果；并且不会出现亮度太低影响人机交互或者亮度太强带来其他负面影响的问题，有效提高了显示界面上各界面元素的显示效果。
【专利说明】界面元素显示方法和系统
【技术领域】
[0001]本发明涉及人机交互【技术领域】，特别是涉及一种界面元素显示方法和系统。
【背景技术】
[0002]随着电子产业的发展，很多情况下，用户与机器或者通过机器与其他用户的交互都依赖于各种显示界面。上述指显示界面是指介于用户与硬件之间，为彼此之间交互沟通而设计的相关软件，使得用户能够方便有效地去操作硬件以达成双向之交互，完成所希望的工作。
[0003]一般情况下，一个显示界面上包含多个界面元素(如控件、按钮等)，当多个界面元素以同一种显示方法显示在用户面前时，用户不易区分当前进行交互的具体界面元素，使通过该显示界面进行人机交互的效果差。因此，对于正在交互中的界面元素，使用不同于其他界面元素的显示方式进行显示，有助于提高人机交互的效果。现有技术中一般为将正在使用的界面元素进行加亮，来区别哪个界面元素正在使用；这一显示方法中，如果亮度不够，便不足以吸引用户的注意，从而使人机交互的效果差；如果亮度太强，便有可能为用户带来刺眼等负面影响。
【发明内容】
[0004]基于此，本申请提供一种界面元素显示方法和系统，可以提高通过该显示界面进行人机交互的效果。
[0005]一种界面元素显示方法，包括如下步骤:
[0006]获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域；
[0007]接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点；
[0008]确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
[0009]一种界面元素显示系统,包括:
[0010]第一确定模块，用于获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域；
[0011]第二确定模块，用于接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点；
[0012]第一显示模块，用于确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
[0013]上述界面元素显示方法和系统通过获取并分析显示界面中各界面元素的布局确定其在显示界面中的区域，根据用户的操作指令确定的焦点对用户交互过程中在使用的界面元素按照预设的动画规则进行显示，使对应的界面元素更容易被用户识别，可以提高用户通过显示界面进行人机交互的效果；并且不会出现亮度太低影响交互或者亮度太强带来其他负面影响的问题，有效提高了显示界面上各界面元素的显示效果。
【专利附图】
【附图说明】
[0014]图1为一个实施例的界面元素显示方法流程图；
[0015]图2为一个实施例的动画显示方法流程图；
[0016]图3为一个优选实施例的界面元素显示方法流程图；
[0017]图4为一个实施例的界面元素显示系统结构示意图；
[0018]图5为一个实施例的动画显示系统结构示意图；
[0019]图6为一个优选实施例的界面元素显示系统结构示意图。
【具体实施方式】
[0020]下面结合附图对本发明提供的界面元素显示方法和系统的【具体实施方式】作详细描述。
[0021]参考图1，图1所示为一个实施例的界面元素显示方法流程图，包括如下步骤:
[0022]S10，获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域；
[0023]上述步骤SlO中，显示界面可能出现在不同的交互环境中，因此其包含的界面元素以及这些界面元素在显示界面中的位置都不同，因此，在显示某个界面元素之前，首先需要对该显示界面上界面元素的布局以及它们在显示界面中对应的区域进行分析。
[0024]S20，接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点；
[0025]上述步骤S20中，选择界面元素的操作指令可以为用户需要具体通过显示界面上的哪个界面元素进行人机交互而发出的指令。其中，所述焦点为所述操作指令在显示界面上指示的坐标点，它可以为鼠标指针在电脑显示器上指向的显示界面上的某一点；也可以为触摸物在触摸屏上的按下位置在显示界面上对应的点。
[0026]S30，确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
[0027]上述步骤S30中，当前区域对应的界面元素即为用户当前交互过程中需要使用的界面元素。对该界面元素按照预设的动画规则进行显示，同时维持其他界面元素的静态显示，可以使通过显示界面进行人机交互的用户准确知道当前交互中使用的界面元素，从而提高通过软件界面进行交互的效果。
[0028]上述实施例提供的界面元素显示方法通过获取并分析显示界面中各界面元素的布局确定其在显示界面中的区域，根据用户的操作指令确定的焦点对用户交互过程中在使用的界面元素按照预设的动画规则进行显示，使对应的界面元素更容易被用户识别，使通过该显示界面进行人机交互的效果变好；并且不会出现亮度太低影响人机交互或者亮度太强带来其他负面影响的问题，有效提高了显示界面上各界面元素的显示效果。
[0029]参考图2,图2所示为一个实施例的动画显示方法流程图，如图示,上述根据预设的动画规则显示当前区域对应的界面元素可以包括:
[0030]S31，定义显示界面元素的基类；
[0031]S32，根据所述基类添加界面元素的预设的动画规则的显示函数；
[0032]S33，调用所述显示函数，根据显示函数显示当前区域对应的界面元素。
[0033]上述实施例提供的动画显示方法中，基类为已存在的用来派生新类的类，也可以称为父类；利用基类所定义的新的数据类型不仅可以拥有新定义的成员，而且还可以同时拥有旧的成员。该动画显示方法可以根据用户的交互需求通过对界面元素添加各种预设的动画规则，并根据所添加的动画规则对相应的界面元素进行显示。该动画显示方法可以在各种操作系统中制作对应的控件包，便于不同设备间的移植，或者其他功能上的扩展。
[0034]在一个实施例中，上述操作指令可以包括遥控器指令、鼠标指令、触摸点指令中的任意一个或组合。
[0035]参考图3，图3所示为一个优选实施例的界面元素显示方法流程图，如图示，上述界面元素显示方法还可以包括:
[0036]S40，实时监测焦点当前坐标位置；
[0037]S50，根据所述坐标位置判断焦点是否移动；
[0038]S60,若焦点移动,进一步判断所述焦点是否超出当前区域；
[0039]S70，若焦点超出当前区域，则进一步判断焦点是否进入新的区域；
[0040]S80，若焦点进入新的区域，则对原当前区域对应的界面元素进行静态显示，根据预设的动画规则显示新的区域对应的界面元素。
[0041]上述实施例通过监测焦点当前坐标位置判断焦点是否移动，进一步判断人机交互过程中用户所使用的用户界面元素是否发生改变，若发生改变，则将原使用的界面元素进行静态显示，并根据预设的动画规则显示新的区域对应的界面元素，使用户在人机交互过程中的使用到的界面元素根据用户的实时交互状态按照预设动画进行显示，使用户在整个交互过程中都能高效识别使用中的界面元素，进一步提高了通过显示界面进行人机交互的效果。
[0042]在一个实施例中，上述根据预设的动画规则显示当前区域对应的界面元素可以包括:
[0043]将界面元素按照循环放大、缩小的动画效果显示；
[0044]或
[0045]将界面元素的边界框按照循环放大、缩小的动画效果显示，其中所述显示界面边界框为界面元素的边界线向内预设宽度的范围。
[0046]上述实施例，将界面元素按照循环放大、缩小的动画效果显示；或者将界面元素的边界框按照循环放大、缩小的动画效果显示；这样使界面元素在同一亮度下进行动画显示，这样既可以明确当前正使用的用户元素，又能避免改变界面元素亮度造成的人机交互效果差的问题。
[0047]在一个实施例中，上述界面元素显示方法可以用于在移动通信设备上的安卓系统，用户可以通过该系统上的显示界面与上述移动通信设备或者移动通信设备另一端的用户进行交互，其交互过程中使用到的界面元素可以根据预设的动画规则进行显示，使用户可以准确识别交互所用到的界面元素，进而提高此次交互效果。
[0048]参考图4,图4所示为一个实施例的界面元素显示系统结构示意图,包括:
[0049]第一确定模块10，用于获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域；
[0050]第二确定模块20，用于接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点；
[0051]第一显示模块30，用于确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
[0052]参考图5,图5所示为一个实施例的动画显示系统结构示意图，如图示,上述根据预设的动画规则显示当前区域对应的界面元素可以包括:
[0053]定义模块31，用于定义显示界面元素的基类；
[0054]添加模块32，用于根据所述基类添加界面元素的预设的动画规则的显示函数；
[0055]调用模块33，用于调用所述显示函数，根据显示函数显示当前区域对应的界面元素。
[0056]在一个实施例中，上述操作指令可以包括遥控器指令、鼠标指令、触摸点指令中的任意一个或组合。
[0057]参考图6,图6所示为一个优选实施例的界面元素显示系统结构示意图，如图示，上述界面元素显示系统还可以包括
[0058]监测模块40，用于实时监测焦点当前坐标位置；
[0059]第一判断模块50，用于根据所述坐标位置判断焦点是否移动；
[0060]第二判断模块60，用于若焦点移动，进一步判断所述焦点是否超出当前区域；
[0061]第三判断模块70，用于若焦点超出当前区域，则进一步判断焦点是否进入新的区域；
[0062]第二显示模块80，用于若焦点进入新的区域，则对原当前区域对应的界面元素进行静态显示，根据预设的动画规则显示新的区域对应的界面元素。
[0063]在一个实施例中，上述根据预设的动画规则显示当前区域对应的界面元素可以包括:
[0064]第一动画显示模块，用于将界面元素按照循环放大、缩小的动画效果显示；
[0065]或
[0066]第二动画显示模块，用于将界面元素的边界框按照循环放大、缩小的动画效果显示，其中所述显示界面边界框为界面元素的边界线向内预设宽度的范围。
[0067]本发明的界面元素显示系统与本发明的界面元素显示方法一一对应，在上述界面元素显示方法的实施例阐述的技术特征及其有益效果均适用于界面元素显示系统的实施例中，特此声明。
[0068]以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
【权利要求】
1.一种界面元素显示方法，其特征在于，包括如下步骤: 获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域； 接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点； 确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
2.根据权利要求1所述的界面元素显示方法，其特征在于，所述根据预设的动画规则显示当前区域对应的界面元素包括: 定义显示界面元素的基类； 根据所述基类添加界面元素的预设的动画规则的显示函数； 调用所述显示函数，根据显示函数显示当前区域对应的界面元素。
3.根据权利要求1所述的界面元素显示方法，其特征在于，所述操作指令包括遥控器指令、鼠标指令、触摸点指令中的任意一个或组合。
4.根据权利要求1所述的界面元素显示方法，其特征在于，还包括: 实时监测焦点当前坐标位置； 根据所述坐标位置判断焦点是否移动； 若焦点移动，进一步判断所述焦点是否超出当前区域； 若焦点超出当前区域，则进一步判断焦点是否进入新的区域； 若焦点进入新的区域，则对原当前区域对应的界面元素进行静态显示，根据预设的动画规则显示新的区域对应的界面元素。
5.根据权利要求1所述的界面元素显示方法，其特征在于，所述根据预设的动画规则显示当前区域对应的界面元素包括: 将界面元素按照循环放大、缩小的动画效果显示； 或 将界面元素的边界框按照循环放大、缩小的动画效果显示，其中所述边界框为界面元素的边界线向内预设宽度的范围。
6.一种界面元素显示系统，其特征在于，包括: 第一确定模块，用于获取显示界面上各界面元素的布局，根据所述布局确定各界面元素在显示界面的区域； 第二确定模块，用于接收用户输入的在所述显示界面上选择界面元素的操作指令，确定所述操作指令在显示界面上的焦点；其中，所述焦点为所述操作指令在显示界面上指示的坐标点； 第一显示模块，用于确定所述焦点所在的当前区域，根据预设的动画规则显示当前区域对应的界面元素。
7.根据权利要求6所述的界面元素显示系统，其特征在于，所述根据预设的动画规则显示当前区域对应的界面元素包括: 定义模块，用于定义显示界面元素的基类； 添加模块，用于根据所述基类添加界面元素的预设的动画规则的显示函数； 调用模块，用于调用所述显示函数，根据显示函数显示当前区域对应的界面元素。
8.根据权利要求6所述的界面元素显示系统，其特征在于，所述操作指令包括遥控器指令、鼠标指令、触摸点指令中的任意一个或组合。
9.根据权利要求6所述的界面元素显示系统，其特征在于，还包括: 监测模块，用于实时监测焦点当前坐标位置； 第一判断模块，用于根据所述坐标位置判断焦点是否移动； 第二判断模块，用于若焦点移动，进一步判断所述焦点是否超出当前区域； 第三判断模块，用于若焦点超出当前区域，则进一步判断焦点是否进入新的区域；第二显示模块，用于若焦点进入新的区域，则对原当前区域对应的界面元素进行静态显示，根据预设的动画规则显示新的区域对应的界面元素。
10.根据权利要求6所述的界面元素显示系统，其特征在于，所述根据预设的动画规则显示当前区域对应的界面元素包括: 第一动画显示模块，用于将界面元素按照循环放大、缩小的动画效果显示； 或 第二动画显示模块，用于将界面元素的边界框按照循环放大、缩小的动画效果显示，其中所述显示界面边界框为界面元素的边界线向内预设宽度的范围。
【文档编号】G06F3/0481GK104461256SQ201410850469
【公开日】2015年3月25日 申请日期:2014年12月30日 优先权日:2014年12月30日
【发明者】周军 申请人:广州视源电子科技股份有限公司