应用界面按钮显示方法及装置制造方法及图纸

本发明专利技术涉及一种应用界面按钮显示方法及装置，其方法包括：在应用界面上接收外部触发的按钮显示指令；根据按钮显示指令，获取预设的可伸缩的按钮集合容器；将按钮集合容器以弧形区域在应用界面上展开，并将按钮集合容器中的各按钮显示在所述弧形区域。本发明专利技术通过将按钮集合容器以弧形区域在应用界面上展开，并使各按钮分布在一弧形区域显示，当需要使用按钮的时候展开按钮集合容器，按钮呈现出来；当不需要使用按钮时，则可以将按钮集合容器折叠收起，使按钮不可见，由于弧形区域相对条形区域来说，可有效减少横向和纵向的展开跨度，不易造成应用界面上其他元素被遮挡的现象，而且减少了对屏幕空间的占用。

【技术实现步骤摘要】

本专利技术涉及界面显示
，尤其涉及一种应用界面按钮显示方法及装置。
技术介绍
移动端应用中按钮是最常用也是最常见的人机交互控件，程序通过截获按钮的点击事件后可以进行UI刷新、页面切换、数据拉取等各种操作，但是对于手机端来说，由于屏幕的尺寸有限，同一页面上又要尽量展现更多的内容，如果按钮较多就会影响主要内容的展示，而且按钮占用的空间越多，页面布局就越复杂。目前的应用中为了避免按钮占用过多的屏幕空间，通常将多个按钮集成在一起，以弹出形式展现，当不用时将按钮的集合收缩在屏幕的一个很小的区域。但是，对于一些游戏类的应用来说，由于界面元素很多，留给按钮伸缩的空间很少，如果按钮太多，全部显示出来后需要较长的屏幕空间，就会遮挡其它的界面元素。
技术实现思路
本专利技术实施例提供一种应用界面按钮显示方法及装置，旨在减少按钮占用的屏幕空间。本专利技术实施例提出一种应用界面按钮显示方法，包括:在应用界面上接收外部触发的按钮显示指令；根据所述按钮显示指令，获取预设的可伸缩的按钮集合容器；将所述按钮集合容器以弧形区域在所述应用界面上展开，并将所述按钮集合容器中的各按钮显示在所述弧形区域。本专利技术实施例还提出一种应用界面按钮显示装置，包括:接收模块，用于在应用界面上接收外部触发的按钮显示指令；获取模块，用于根据所述按钮显示指令，获取预设的可伸缩的按钮集合容器；展开显示模块，用于将所述按钮集合容器以弧形区域在所述应用界面上展开，并将所述按钮集合容器中的各按钮显示在所述弧形区域。本专利技术实施例提出的一种应用界面按钮显示方法及装置，通过将按钮集合容器以弧形区域在应用界面上展开，并使各按钮分布在一弧形区域显示，当需要使用按钮的时候展开按钮集合容器，按钮呈现出来；当不需要使用按钮时，则可以将按钮集合容器折叠收起，使按钮不可见，由于弧形区域相对条形区域来说，可有效减少横向和纵向的展开跨度，不易造成应用界面上其他元素被遮挡的现象，而且减少了对屏幕空间的占用。【附图说明】图1是本专利技术应用界面按钮显示方法第一实施例的流程示意图；图2a是本专利技术实施例中扇形按钮集合容器在屏幕上画布的裁剪区域之外的示意图；图2b是本专利技术实施例中扇形按钮集合容器展开状态示意图；图2c是本专利技术实施例中扇形按钮集合容器折叠状态示意图；图2d是本专利技术实施例中在应用界面上设置触发按键的示意图；图2e是本专利技术实施例中在应用界面上点击触发按键展开按钮集合容器的示意图；图2f是本专利技术实施例中对按钮反方向旋转设定角度后的效果示意图；图2g是本专利技术实施例中对按钮旋转角度进行修正的示意图；图3是本专利技术应用界面按钮显示方法第二实施例的流程示意图；图4是本专利技术应用界面按钮显示方法第三实施例的流程示意图；图5是本专利技术实施例中按钮集合容器折叠后的屏幕显示示意图；图6是本专利技术应用界面按钮显示装置第一实施例的功能模块示意图；图7是本专利技术应用界面按钮显示装置第二实施例的功能模块示意图；图8是本专利技术应用界面按钮显示装置第三实施例的功能模块示意图。为了使本专利技术的技术方案更加清楚、明了，下面将结合附图作进一步详述。【具体实施方式】应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。如图1所示，本专利技术第一实施例提出一种应用界面按钮显示方法，包括:步骤S101，在应用界面上接收外部触发的按钮显示指令；步骤S102，根据所述按钮显示指令，获取预设的可伸缩的按钮集合容器；本实施例应用界面可以为各种终端应用界面，尤其指移动终端等屏幕较小的终端上的应用界面。由于终端屏幕尺寸有限，作为人机交互的控件，应用界面中显示的各种按钮，其数量如果较多，则会影响应用中主要内容的展示。鉴于此，本专利技术实施例将各按钮集合放置在一个可伸缩的容器(即本实施例所指按钮集合容器)内，需要使用按钮时，展开该按钮集合容器，按钮可见、可点击，不需要使用按钮时，收缩该按钮集合容器，按钮不可见、不可点击。即按钮集合容器具有展开和折叠两种状态，按钮集合容器展开状态的形状可以参照图2a及图2b所示，按钮集合容器折叠状态的形状可以参照图2c所示。此外，为了减少对屏幕空间的占用，本实施例设置该可伸缩的按钮集合容器在展开后的形状为弧形，比如扇形，如图2a及图2b所示。由于弧形区域相对条形区域来说，可有效减少横向和纵向的展开跨度，对屏幕空间占用少，不易造成对应用界面上其他元素的遮挡。具体地，当用户需要显示按钮时，可以在应用界面上触发按钮显示指令。由此，可以在应用界面上设置一专用的触发按键，如图2d中三角按键所示，当用户点击该按键后，终端会根据用户的按键指令，获取可伸缩的按钮集合容器，并可以将按钮集合容器展开如图2e所示。步骤S103，将所述按钮集合容器以弧形区域在所述应用界面上展开，并将所述按钮集合容器中的各按钮显示在所述弧形区域。在将按钮集合容器在应用界面上展开以显示按钮集合容器中的按钮时，具体可以采用以下方式:将所述按钮集合容器从所述应用界面的边界处以设定的角度旋转进所述应用界面的显示区域，并在所述显示区域中以弧形区域展开。其中，应用界面的显示区域为该应用界面显示屏幕上画布的可见的裁剪区域。以扇形按钮集合容器为例，按钮集合容器在旋转进应用界面的裁剪区域之前，处于应用界面显示屏幕上画布的裁剪区域之外，不可见，如图2a所示，M、N是初始化时放置在扇形按钮集合容器上的两个按钮控件，虚线框内区域表示在屏幕上画布的裁剪区域之外，因此扇形按钮集合容器不可见，两个按钮控件M、N不可见；在将扇形按钮集合容器旋转设定角度后，按钮集合容器在旋转进应用界面的裁剪区域，如图2b所示，扇形按钮集合容器处于裁减区域之内，可见。上述过程中，扇形按钮集合容器在展开状态下，分布在扇形区域的按钮可以显示出来，并可以点击，扇形按钮集合容器从折叠状态到展开状态有一个过渡动画，本实施例是以旋转动画进行举例，在其他实施例中，还可以以其他动画方式来实现扇形按钮集合容器从折叠状态到展开状态的过程，在此不再详述。此外，还可以根据需要设定:在展开动画过程中禁止按钮点击事件，当扇形按钮集合容器彻底展开后，允许进行按钮点击操作。在显示按钮集合容器中的各按钮时，需要根据按钮在按钮集合容器中的初始放置情况而采用相应的显示过程。其中，放置在按钮集合容器中的各按钮的位置，可以在按钮集合容器初始化时进行初始化，或者在按钮集合容器展开之前初始化。作为一种放置方式，所述按钮集合容器中的各按钮可以在初始化时，预先排布在所述按钮集合容器中。作为另一种放置方式，所述按钮集合容器中的各按钮还可以在初始化时，预先重叠放置在所述按钮集合容器中。此外，按钮在初始化时，在按钮集合容器中还可以采取正立或倒立的方式放置。对于正立放置的情形，由于初始化按钮只能以扇形按钮集合容器的初始化状态为基准，所以按钮的初始化放置位置如图2a所示，按钮集合容器旋转后展开，按钮也随着按钮当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种应用界面按钮显示方法，其特征在于，包括：在应用界面上接收外部触发的按钮显示指令；根据所述按钮显示指令，获取预设的可伸缩的按钮集合容器；将所述按钮集合容器以弧形区域在所述应用界面上展开，并将所述按钮集合容器中的各按钮显示在所述弧形区域。

【技术特征摘要】

【专利技术属性】
技术研发人员：王玉龙，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44