CN106775614B - 智能pos界面布局方法及系统 - Google Patents
智能pos界面布局方法及系统 Download PDFInfo
- Publication number
- CN106775614B CN106775614B CN201610967336.4A CN201610967336A CN106775614B CN 106775614 B CN106775614 B CN 106775614B CN 201610967336 A CN201610967336 A CN 201610967336A CN 106775614 B CN106775614 B CN 106775614B
- Authority
- CN
- China
- Prior art keywords
- grid
- screen
- layout
- size
- parameters
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种智能POS界面布局方法及系统,包括:通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向;通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;根据所述网格布局方向和网格尺寸大小得出基本网络布局;获取设备内置的应用数量以及各个应用的展示优先级;根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;根据所述应用的展示优先级,依次展示应用,完成界面布局。本发明通过引入一种可响应互动,实现可根据需要灵活动态调整布局的界面设计方法。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种智能POS界面布局方法及系统。
背景技术
智能POS设备是面向商家使用的一种设备,具有一些典型的使用特征,比如:常用的应用数少,常用的应用调起频次很高,要求操作简单易用,要求高识别度不易误操作,稳定等特征。所以智能POS设备的界面设计就不能照搬面向用户的那种设计思路,否则就容易因为icon和文字较小而不易使用或者容易误操作。
传统的专用型图形界面布局,一般常见于专用设备,图形界面都是在软件发布前都已经固定好的,无法根据客户需要进行动态调整,不能满足不同商家的一些个性化需求。
而文字界面方式,常见于比较老旧或者显示屏幕受限的产品中,菜单的展示智能显示成文字,不易识别,一般还无法支持触控操作,学习成本高。
发明内容
针对现有技术的不足,本发明提出了一种智能POS界面布局方法及系统,该发明通过引入一种可响应互动,实现可根据需要灵活动态调整布局的界面设计方法。
为了实现上述目的,本发明技术方案如下:
一种智能POS的界面布局方法,其特征在于,包括以下步骤:
通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏;
通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
根据所述网格布局方向和网格尺寸大小得出基本网络布局;
获取设备内置的应用数量以及各个应用的展示优先级;
根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局。
进一步地,所述界面布局方法还包括:
通过桌面启动器获取用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步调整网格布局。
进一步地,所述通过桌面启动器获取用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步调整网格布局包括:
判断获取的手势动作,判断手势动作为一根手指上下滑动时,将屏幕左右分成两部份;
判断手势动作为一根手指左右滑动时,将屏幕上下分成两部份;
判断手势动作为两根手指上下滑动时,将屏幕左中右三等分分成三部份;
判断手势动作为两根手指左右滑动时,将屏幕上中下三等分分成三部份。
进一步地,所述通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小为:
判断为小尺寸屏幕时,采用预设的大网格尺寸;
判断为大尺寸屏幕时,并根据分辨率,采用预设的初始网格尺寸。
进一步地,所述判断为大尺寸屏幕时,并根据分辨率,采用预设的初始网格尺寸还包括:
获取设备内置的应用数量,根据预设规则,进一步调整初始网格尺寸并得出网格数量。
一种智能POS的界面布局系统,其特征在于,包括以下模块:
布局方向判定模块,用于通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏;
网格尺寸设定模块,用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
基本布局生成模块,用于根据所述网格布局方向和网格尺寸大小得出基本网络布局;
应用数据获取模块,用于获取设备内置的应用数量以及各个应用的展示优先级;
网格数量设定模块,用于根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
界面布局生成模块,用于根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局。
进一步地,所述界面布局系统还包括:
触控获取模块,用于通过支持多点触控的触控屏,用于捕获用户的手势动作。
进一步地,所述界面布局系统还包括:
手势判定模块,用于判定获取的手势动作的种类。
进一步地,所述界面布局系统还包括:
二次布局模块,用于根据获取的手势动作快速调整网格数量。
进一步地,所述二次布局模块还包括:
应用展示调整模块,用于根据应用的拖动来调整应用的展示顺序,进行调整网格布局。
本发明有益效果:
本发明通过引入一种可响应互动,实现可根据需要灵活动态调整布局的界面设计方法。
附图说明
图1为本发明的主要步骤流程图。
具体实施方式
下面结合附图和实施例,进一步阐述本发明。
实施例一:
传统的智能手机界面布局,大致上可以分为搜索区、workspace区域、快捷启动位等,一般的Android界面是面向客户端用户,所以会考虑到客户端用户应用多、不易快速查找应用等问题,都会采用小ICON多网格布局,并提供应用文件夹的方式,用来对应用进行分类管理。但浏览器端的场景与客户端大不相同,由于用于商用的应用往往就是固定的几个,所以如果还是采用经典的智能手机界面布局方式,会造成以下几个问题:
(1)桌面空洞,无法填满,影响整体界面效果;
(2)应用图标较小,操作起来不方便,容易出错;
(3)如果引入分类文件夹,反而增加了操作层级,增加操作时间成本;
(4)由于每个商家都会挑选少量他们常用的应用,在桌面上展示也只有1~2屏幕,相当于已经有了固定的快速启动位,所以也不需要在界面底部保留快速启动位。
正常情况下,设备启动后,设备桌面启动器会获取设备的硬件参数,包括:屏幕方向、分辨率、屏幕尺寸。根据获取屏幕方向为横向还是竖向,来确认网格布局的方向,该方向应与屏幕方向保持一致。根据分辨率以及屏幕尺寸还计算得出触控操作场景下最佳的网格尺寸,作为界面布局时的基准。当为小屏幕尺寸,分辨率较低时,初步采用大网格尺寸,增强使用体验。当为大屏幕尺寸,分辨率较高时,选用较小网格尺寸。并可结合后来获取到的设备内置的应用数量进行网格尺寸的调整。以此确保在不同的屏幕尺寸以及屏幕分辨率下面,各个应用的网格都具有良好的操作体验。根据得到的屏幕方向和网格尺寸,作出基本网络布局。
然后获取设备内置的应用数量和各个应用的展示优先级。
结合分辨率以及屏幕尺寸等硬件参数和设备内置的应用数量,动态计算出工作区最佳网格数量,以及调整基本网格尺寸到最佳网格尺寸。并将设备内置的应用按照展示优先权的由高到低依次排序,生成包含所有应用的,以网格尺寸为大小,以网格数量为分页,生成默认的展示界面布局。
根据设备的硬件参数,以及应用的数量,结合最佳网格尺寸基准值,对于小尺寸屏幕,由于分辨率低,会采用大网格的界面布局,使小尺寸屏幕也能够实现高效的菜单定位和操作准确度。
对于较大尺寸屏幕,则会根据分辨率和应用数量,计算最优布局样式和分页数量。
本发明还引入了二次动态布局的方法,支持手势快速布局,方便用户根据实际需要来二次调整布局,按各自习惯的方式重新布局。
本发明提供装置触控屏支持多点触控,桌面启动器在设置状态下能够捕获到用户的手势动作,如:在设置状态下,一根手指上下滑动来进行屏幕的左右划分,一根手指左右滑动来实现屏幕的上下划分;两根手指上下滑动可以实现屏幕的左中右三等分,两根手指左右滑动来实现屏幕的上中下三等分等。
除了滑动实现网格划分外,还可以支持拖动来改变应用的展示顺序,达到调整布局的目的,提升用户体验效果。
实施例二:
一种智能POS的界面布局方法,其特征在于,包括以下步骤:
通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏;
通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
判断为小尺寸屏幕时,采用预设的大网格尺寸;
判断为大尺寸屏幕时,并根据分辨率,采用预设的初始网格尺寸。
获取设备内置的应用数量,根据预设规则,进一步调整初始网格尺寸并得出网格数量。
根据所述网格布局方向和网格尺寸大小得出基本网络布局;
获取设备内置的应用数量以及各个应用的展示优先级;
根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局。
通过桌面启动器获取用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步调整网格布局。
进行滑动划分网格数量,进一步调整网格布局还包括:
判断获取的手势动作,判断手势动作为一根手指上下滑动时,将屏幕左右分成两部份;
判断手势动作为一根手指左右滑动时,将屏幕上下分成两部份;
判断手势动作为两根手指上下滑动时,将屏幕左中右三等分分成三部份;
判断手势动作为两根手指左右滑动时,将屏幕上中下三等分分成三部份。
实施例三:
一种智能POS的界面布局系统,其特征在于,包括以下模块:
布局方向判定模块,用于通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏;
网格尺寸设定模块,用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
基本布局生成模块,用于根据所述网格布局方向和网格尺寸大小得出基本网络布局;
应用数据获取模块,用于获取设备内置的应用数量以及各个应用的展示优先级;
网格数量设定模块,用于根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
界面布局生成模块,用于根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局。
触控获取模块,用于通过支持多点触控的触控屏,用于捕获用户的手势动作。
手势判定模块,用于判定获取的手势动作的种类。
二次布局模块,用于根据获取的手势动作快速调整网格数量。
所述二次布局模块还包括:
应用展示调整模块,用于根据应用的拖动来调整应用的展示顺序,进行调整网格布局。
本发明通过:
更智能的界面布局,能个适配不同分辨率、不同尺寸下的最佳展示;
引入手势动作来实现网格重新布局,可以根据不同商家的实际情况选择网格布局;
引入屏幕划分算法来实现最佳网格计算,在不需要人为干预的情况下,可以在不同分辨率的屏幕下实现不同的布局,并使得各自的布局具有良好的可用性和视觉效果。
本发明有以下有益效果:
界面适配性更好;
界面更美观、大气,;
易用,不易误操作。
以上所述的仅是本发明的优选实施方式,本发明不限于以上实施例。可以理解,本领域技术人员在不脱离本发明的基本构思的前提下直接导出或联想到的其它改进和变化均应认为包含在本发明的保护范围之内。
Claims (8)
1.一种智能POS的界面布局方法,其特征在于,包括以下步骤:
通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕方向和预设规则判断网格布局方向应设为横屏还是竖屏;
通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
根据所述网格布局方向和网格尺寸大小得出基本网络布局;
获取设备内置的应用数量以及各个应用的展示优先级;
根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局;
所述界面布局方法还包括:
通过桌面启动器获取用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步调整网格布局。
2.根据权利要求1所述的界面布局方法,其特征在于,所述通过桌面启动器获取用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步调整网格布局包括:
判断获取的手势动作,判断手势动作为一根手指上下滑动时,将屏幕左右分成两部份;
判断手势动作为一根手指左右滑动时,将屏幕上下分成两部份;
判断手势动作为两根手指上下滑动时,将屏幕左中右三等分分成三部份;
判断手势动作为两根手指左右滑动时,将屏幕上中下三等分分成三部份。
3.根据权利要求1所述的界面布局方法,其特征在于,所述通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小为:
判断为小尺寸屏幕时,采用预设的大网格尺寸;
判断为大尺寸屏幕时,并根据分辨率,采用预设的初始网格尺寸。
4.根据权利要求3所述的界面布局方法,其特征在于,所述判断为大尺寸屏幕时,并根据分辨率,采用预设的初始网格尺寸还包括:
获取设备内置的应用数量,根据预设规则,进一步调整初始网格尺寸并得出网格数量。
5.一种智能POS的界面布局系统,其特征在于,包括以下模块:布局方向判定模块,用于通过桌面启动器获取设备的屏幕方向的参数,根据所述屏幕 方向和预设规则判断网格布局方向应设为横屏还是竖屏;
网格尺寸设定模块,用于通过桌面启动器获取设备的分辨率以及屏幕尺寸的参数,根据所述分辨率参数、屏幕尺寸参数以及预设规则得出网格尺寸大小;
基本布局生成模块,用于根据所述网格布局方向和网格尺寸大小得出基本网络布局;
应用数据获取模块,用于获取设备内置的应用数量以及各个应用的展示优先级;
网格数量设定模块,用于根据所述应用数量和所述基本网络布局,根据预设规则得出网格数量;
界面布局生成模块,用于根据所述应用的展示优先级,按照展示优先级的由高到低的顺序先后展示应用,完成界面布局;
所述界面布局系统还包括:触控获取模块,用于通过支持多点触控的触控屏,用于捕获用户的手势动作,按照预设规则,进行滑动划分网格数量,进一步 调整网格布局。
6.根据权利要求5所述的界面布局系统,其特征在于,所述界面布局系统还包括:
手势判定模块,用于判定获取的手势动作的种类。
7.根据权利要求5所述的界面布局系统,其特征在于,所述界面布局系统还包括:二次布局模块,用于根据获取的手势动作快速调整网格数量。
8.根据权利要求7所述的界面布局系统,其特征在于,所述二次布局模块还包括:
应用展示调整模块,用于根据应用的拖动来调整应用的展示顺序,进行调整网格布局。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610967336.4A CN106775614B (zh) | 2016-10-31 | 2016-10-31 | 智能pos界面布局方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610967336.4A CN106775614B (zh) | 2016-10-31 | 2016-10-31 | 智能pos界面布局方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106775614A CN106775614A (zh) | 2017-05-31 |
CN106775614B true CN106775614B (zh) | 2020-01-24 |
Family
ID=58972569
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610967336.4A Active CN106775614B (zh) | 2016-10-31 | 2016-10-31 | 智能pos界面布局方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106775614B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107256115A (zh) * | 2017-06-01 | 2017-10-17 | 上海雪鲤鱼计算机科技有限公司 | Android系统下实现等比例布局的方法及系统 |
WO2019100351A1 (zh) * | 2017-11-25 | 2019-05-31 | 深圳传音通讯有限公司 | 分辨率调整方法及相关产品 |
CN108415703B (zh) * | 2018-02-08 | 2022-01-04 | 武汉斗鱼网络科技有限公司 | 一种界面布局方法、装置、电子设备及存储介质 |
CN109032749B (zh) * | 2018-08-16 | 2021-08-10 | 成都映潮科技股份有限公司 | 一种适配终端设备分辨率方法及装置 |
CN109901898A (zh) * | 2019-01-22 | 2019-06-18 | 成都随安保网络技术有限公司 | 软件的屏幕自适应显示方法及显示装置 |
CN110262799A (zh) * | 2019-06-03 | 2019-09-20 | 中国第一汽车股份有限公司 | 基于ivi系统的界面布局方法、显示方法、装置及设备 |
CN110381360A (zh) * | 2019-08-23 | 2019-10-25 | 四川长虹电器股份有限公司 | 用于智能电视的图片文件下发方法及系统 |
CN111696256A (zh) * | 2020-05-09 | 2020-09-22 | 上海趣致网络科技股份有限公司 | 一种实现自动售货机界面动态布局的方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101893914A (zh) * | 2009-05-22 | 2010-11-24 | Lg电子株式会社 | 移动终端和使用该移动终端来提供图形用户界面的方法 |
CN103530117A (zh) * | 2013-09-30 | 2014-01-22 | 山西云途信息技术有限公司 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
CN103984477A (zh) * | 2014-04-01 | 2014-08-13 | 深圳市云来网络科技有限公司 | 一种ui界面适配不同屏幕尺寸移动客户端的方法及装置 |
CN105511725A (zh) * | 2015-12-09 | 2016-04-20 | 网易(杭州)网络有限公司 | 界面中控件的显示方法及装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20150007910A (ko) * | 2013-07-11 | 2015-01-21 | 삼성전자주식회사 | 사용자 인터렉션을 제공하는 사용자 단말 장치 및 그 방법 |
US10257670B2 (en) * | 2015-04-16 | 2019-04-09 | Samsung Electronics Co., Ltd. | Portable device and method for providing notice information thereof |
-
2016
- 2016-10-31 CN CN201610967336.4A patent/CN106775614B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101893914A (zh) * | 2009-05-22 | 2010-11-24 | Lg电子株式会社 | 移动终端和使用该移动终端来提供图形用户界面的方法 |
CN103530117A (zh) * | 2013-09-30 | 2014-01-22 | 山西云途信息技术有限公司 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
CN103984477A (zh) * | 2014-04-01 | 2014-08-13 | 深圳市云来网络科技有限公司 | 一种ui界面适配不同屏幕尺寸移动客户端的方法及装置 |
CN105511725A (zh) * | 2015-12-09 | 2016-04-20 | 网易(杭州)网络有限公司 | 界面中控件的显示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN106775614A (zh) | 2017-05-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106775614B (zh) | 智能pos界面布局方法及系统 | |
US9256349B2 (en) | User-resizable icons | |
CN107168712B (zh) | 界面绘制方法、移动终端及计算机可读存储介质 | |
US10656811B2 (en) | Animation of user interface elements | |
CN103733172B (zh) | 用于文本选择/光标放置的自动缩放 | |
US20140164963A1 (en) | User configurable subdivision of user interface elements and full-screen access to subdivided elements | |
TWI541748B (zh) | 股票多模式詳細資訊裝置與方法 | |
US20120064946A1 (en) | Resizable filmstrip view of images | |
US20130141359A1 (en) | Electronic device with touch screen and page flipping method | |
KR20140136500A (ko) | 터치 스크린 호버 입력 핸들링 | |
US10204079B2 (en) | Method and apparatus for displaying an extended function information area | |
KR102266196B1 (ko) | 이미지들을 표시하기 위한 방법 및 장치 | |
WO2017000898A1 (zh) | 软件图标显示方法和装置 | |
CN114564263A (zh) | 页面布局调整方法、装置 | |
KR20150044540A (ko) | 단말장치의 정보 리스트 처리장치 및 방법 | |
CN113986076A (zh) | 图标显示控制方法、装置、电子设备及存储介质 | |
CN107122104B (zh) | 数据显示方法及装置 | |
CN104281378A (zh) | 移动装置单手掌控处理方法及系统 | |
EP2871826B1 (en) | Method, device and terminal for adjusting widget | |
US20160132478A1 (en) | Method of displaying memo and device therefor | |
CN106535002B (zh) | 一种桌面启动器模板布局的更新方法及装置 | |
CN106126057B (zh) | 一种屏幕截图方法、装置及终端设备 | |
CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
CN106933463A (zh) | 一种在屏幕中显示对象的方法和装置 | |
CN111796736B (zh) | 应用程序的分享方法、装置和电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |