CN106775614A - 智能pos界面布局方法及系统 - Google Patents

Abstract

本发明公开一种智能POS界面布局方法及系统，包括：通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向；通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；根据所述网格布局方向和网格尺寸大小得出基本网络布局；获取设备内置的应用数量以及各个应用的展示优先级；根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；根据所述应用的展示优先级，依次展示应用，完成界面布局。本发明通过引入一种可响应互动，实现可根据需要灵活动态调整布局的界面设计方法。

Description

智能POS界面布局方法及系统

技术领域

本发明涉及计算机技术领域，尤其涉及一种智能POS界面布局方法及系统。

背景技术

智能POS设备是面向商家使用的一种设备，具有一些典型的使用特征，比如：常用的应用数少，常用的应用调起频次很高，要求操作简单易用，要求高识别度不易误操作，稳定等特征。所以智能POS设备的界面设计就不能照搬面向用户的那种设计思路，否则就容易因为icon和文字较小而不易使用或者容易误操作。

传统的专用型图形界面布局，一般常见于专用设备，图形界面都是在软件发布前都已经固定好的，无法根据客户需要进行动态调整，不能满足不同商家的一些个性化需求。

而文字界面方式，常见于比较老旧或者显示屏幕受限的产品中，菜单的展示智能显示成文字，不易识别，一般还无法支持触控操作，学习成本高。

发明内容

针对现有技术的不足，本发明提出了一种智能POS界面布局方法及系统，该发明通过引入一种可响应互动，实现可根据需要灵活动态调整布局的界面设计方法。

为了实现上述目的，本发明技术方案如下：

一种智能POS的界面布局方法，其特征在于，包括以下步骤：

通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

根据所述网格布局方向和网格尺寸大小得出基本网络布局；

获取设备内置的应用数量以及各个应用的展示优先级；

根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

进一步地，所述界面布局方法还包括：

通过桌面启动器获取用户的手势动作，按照预设规则，进行滑动划分网格数量，进一步调整网格布局。

进一步地，所述通过桌面启动器获取用户的手势动作，按照预设规则，进行滑动划分网格数量，进一步调整网格布局包括：

判断获取的手势动作，判断手势动作为一根手指上下滑动时，将屏幕左右分成两部份；

判断手势动作为一根手指左右滑动时，将屏幕上下分成两部份；

判断手势动作为两根手指上下滑动时，将屏幕左中右三等分分成三部份；

判断手势动作为两根手指左右滑动时，将屏幕上中下三等分分成三部份。

进一步地，所述通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小为：

判断为小尺寸屏幕时，采用预设的大网格尺寸；

判断为大尺寸屏幕时，并根据分辨率，采用预设的初始网格尺寸。

进一步地，所述判断为大尺寸屏幕时，并根据分辨率，采用预设的初始网格尺寸还包括：

获取设备内置的应用数量，根据预设规则，进一步调整初始网格尺寸并得出网格数量。

一种智能POS的界面布局系统，其特征在于，包括以下模块：

布局方向判定模块，用于通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

网格尺寸设定模块，用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

基本布局生成模块，用于根据所述网格布局方向和网格尺寸大小得出基本网络布局；

应用数据获取模块，用于获取设备内置的应用数量以及各个应用的展示优先级；

网格数量设定模块，用于根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

界面布局生成模块，用于根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

进一步地，所述界面布局系统还包括：

触控获取模块，用于通过支持多点触控的触控屏，用于捕获用户的手势动作。

进一步地，所述界面布局系统还包括：

手势判定模块，用于判定获取的手势动作的种类。

进一步地，所述界面布局系统还包括：

二次布局模块，用于根据获取的手势动作快速调整网格数量。

进一步地，所述二次布局模块还包括：

应用展示调整模块，用于根据应用的拖动来调整应用的展示顺序，进行调整网格布局。

本发明有益效果：

本发明通过引入一种可响应互动，实现可根据需要灵活动态调整布局的界面设计方法。

附图说明

图1为本发明的主要步骤流程图。

具体实施方式

下面结合附图和实施例，进一步阐述本发明。

实施例一：

传统的智能手机界面布局，大致上可以分为搜索区、workspace区域、快捷启动位等，一般的Android界面是面向客户端用户，所以会考虑到客户端用户应用多、不易快速查找应用等问题，都会采用小ICON多网格布局，并提供应用文件夹的方式，用来对应用进行分类管理。但浏览器端的场景与客户端大不相同，由于用于商用的应用往往就是固定的几个，所以如果还是采用经典的智能手机界面布局方式，会造成以下几个问题：

(1)桌面空洞，无法填满，影响整体界面效果；

(2)应用图标较小，操作起来不方便，容易出错；

(3)如果引入分类文件夹，反而增加了操作层级，增加操作时间成本；

(4)由于每个商家都会挑选少量他们常用的应用，在桌面上展示也只有1~2屏幕，相当于已经有了固定的快速启动位，所以也不需要在界面底部保留快速启动位。

正常情况下，设备启动后，设备桌面启动器会获取设备的硬件参数，包括：屏幕方向、分辨率、屏幕尺寸。根据获取屏幕方向为横向还是竖向，来确认网格布局的方向，该方向应与屏幕方向保持一致。根据分辨率以及屏幕尺寸还计算得出触控操作场景下最佳的网格尺寸，作为界面布局时的基准。当为小屏幕尺寸，分辨率较低时，初步采用大网格尺寸，增强使用体验。当为大屏幕尺寸，分辨率较高时，选用较小网格尺寸。并可结合后来获取到的设备内置的应用数量进行网格尺寸的调整。以此确保在不同的屏幕尺寸以及屏幕分辨率下面，各个应用的网格都具有良好的操作体验。根据得到的屏幕方向和网格尺寸，作出基本网络布局。

然后获取设备内置的应用数量和各个应用的展示优先级。

结合分辨率以及屏幕尺寸等硬件参数和设备内置的应用数量，动态计算出工作区最佳网格数量，以及调整基本网格尺寸到最佳网格尺寸。并将设备内置的应用按照展示优先权的由高到低依次排序，生成包含所有应用的，以网格尺寸为大小，以网格数量为分页，生成默认的展示界面布局。

根据设备的硬件参数，以及应用的数量，结合最佳网格尺寸基准值，对于小尺寸屏幕，由于分辨率低，会采用大网格的界面布局，使小尺寸屏幕也能够实现高效的菜单定位和操作准确度。

对于较大尺寸屏幕，则会根据分辨率和应用数量，计算最优布局样式和分页数量。

本发明还引入了二次动态布局的方法，支持手势快速布局，方便用户根据实际需要来二次调整布局，按各自习惯的方式重新布局。

本发明提供装置触控屏支持多点触控，桌面启动器在设置状态下能够捕获到用户的手势动作，如：在设置状态下，一根手指上下滑动来进行屏幕的左右划分，一根手指左右滑动来实现屏幕的上下划分；两根手指上下滑动可以实现屏幕的左中右三等分，两根手指左右滑动来实现屏幕的上中下三等分等。

除了滑动实现网格划分外，还可以支持拖动来改变应用的展示顺序，达到调整布局的目的，提升用户体验效果。

实施例二：

一种智能POS的界面布局方法，其特征在于，包括以下步骤：

通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

判断为小尺寸屏幕时，采用预设的大网格尺寸；

判断为大尺寸屏幕时，并根据分辨率，采用预设的初始网格尺寸。

获取设备内置的应用数量，根据预设规则，进一步调整初始网格尺寸并得出网格数量。

根据所述网格布局方向和网格尺寸大小得出基本网络布局；

获取设备内置的应用数量以及各个应用的展示优先级；

根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

通过桌面启动器获取用户的手势动作，按照预设规则，进行滑动划分网格数量，进一步调整网格布局。

进行滑动划分网格数量，进一步调整网格布局还包括：

判断获取的手势动作，判断手势动作为一根手指上下滑动时，将屏幕左右分成两部份；

判断手势动作为一根手指左右滑动时，将屏幕上下分成两部份；

判断手势动作为两根手指上下滑动时，将屏幕左中右三等分分成三部份；

判断手势动作为两根手指左右滑动时，将屏幕上中下三等分分成三部份。

实施例三：

一种智能POS的界面布局系统，其特征在于，包括以下模块：

布局方向判定模块，用于通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

网格尺寸设定模块，用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

基本布局生成模块，用于根据所述网格布局方向和网格尺寸大小得出基本网络布局；

应用数据获取模块，用于获取设备内置的应用数量以及各个应用的展示优先级；

网格数量设定模块，用于根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

界面布局生成模块，用于根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

触控获取模块，用于通过支持多点触控的触控屏，用于捕获用户的手势动作。

手势判定模块，用于判定获取的手势动作的种类。

二次布局模块，用于根据获取的手势动作快速调整网格数量。

所述二次布局模块还包括：

应用展示调整模块，用于根据应用的拖动来调整应用的展示顺序，进行调整网格布局。

本发明通过：

更智能的界面布局，能个适配不同分辨率、不同尺寸下的最佳展示；

引入手势动作来实现网格重新布局，可以根据不同商家的实际情况选择网格布局；

引入屏幕划分算法来实现最佳网格计算，在不需要人为干预的情况下，可以在不同分辨率的屏幕下实现不同的布局，并使得各自的布局具有良好的可用性和视觉效果。

本发明有以下有益效果：

界面适配性更好；

界面更美观、大气，；

易用，不易误操作。

以上所述的仅是本发明的优选实施方式，本发明不限于以上实施例。可以理解，本领域技术人员在不脱离本发明的基本构思的前提下直接导出或联想到的其它改进和变化均应认为包含在本发明的保护范围之内。

Claims (10)

1.一种智能POS的界面布局方法，其特征在于，包括以下步骤：

通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

根据所述网格布局方向和网格尺寸大小得出基本网络布局；

获取设备内置的应用数量以及各个应用的展示优先级；

根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

2.根据权利要求1所述的界面布局方法，其特征在于，所述界面布局方法还包括：

通过桌面启动器获取用户的手势动作，按照预设规则，进行滑动划分网格数量，进一步调整网格布局。

3.根据权利要求2所述的界面布局方法，其特征在于，所述通过桌面启动器获取用户的手势动作，按照预设规则，进行滑动划分网格数量，进一步调整网格布局包括：

判断获取的手势动作，判断手势动作为一根手指上下滑动时，将屏幕左右分成两部份；

判断手势动作为一根手指左右滑动时，将屏幕上下分成两部份；

判断手势动作为两根手指上下滑动时，将屏幕左中右三等分分成三部份；

判断手势动作为两根手指左右滑动时，将屏幕上中下三等分分成三部份。

4.根据权利要求1所述的界面布局方法，其特征在于，所述通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小为：

判断为小尺寸屏幕时，采用预设的大网格尺寸；

判断为大尺寸屏幕时，并根据分辨率，采用预设的初始网格尺寸。

5.根据权利要求4所述的界面布局方法，其特征在于，所述判断为大尺寸屏幕时，并根据分辨率，采用预设的初始网格尺寸还包括：

获取设备内置的应用数量，根据预设规则，进一步调整初始网格尺寸并得出网格数量。

6.一种智能POS的界面布局系统，其特征在于，包括以下模块：

布局方向判定模块，用于通过桌面启动器获取设备的屏幕方向的参数，根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏；

网格尺寸设定模块，用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数，根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小；

基本布局生成模块，用于根据所述网格布局方向和网格尺寸大小得出基本网络布局；

应用数据获取模块，用于获取设备内置的应用数量以及各个应用的展示优先级；

网格数量设定模块，用于根据所述应用数量和所述基本网络布局，根据预设规则得出网格数量；

界面布局生成模块，用于根据所述应用的展示优先级，按照展示优先级的由高到低的顺序先后展示应用，完成界面布局。

7.根据权利要求6所述的界面布局系统，其特征在于，所述界面布局系统还包括：

触控获取模块，用于通过支持多点触控的触控屏，用于捕获用户的手势动作。

8.根据权利要求7所述的界面布局系统，其特征在于，所述界面布局系统还包括：

手势判定模块，用于判定获取的手势动作的种类。

9.根据权利要求6所述的界面布局系统，其特征在于，所述界面布局系统还包括：二次布局模块，用于根据获取的手势动作快速调整网格数量。

10.根据权利要求8所述的界面布局系统，其特征在于，所述二次布局模块还包括：

应用展示调整模块，用于根据应用的拖动来调整应用的展示顺序，进行调整网格布局。