本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域,尤其涉及一種智能POS界面布局方法及系統(tǒng)。
背景技術(shù):
智能POS設(shè)備是面向商家使用的一種設(shè)備,具有一些典型的使用特征,比如:常用的應(yīng)用數(shù)少,常用的應(yīng)用調(diào)起頻次很高,要求操作簡(jiǎn)單易用,要求高識(shí)別度不易誤操作,穩(wěn)定等特征。所以智能POS設(shè)備的界面設(shè)計(jì)就不能照搬面向用戶(hù)的那種設(shè)計(jì)思路,否則就容易因?yàn)閕con和文字較小而不易使用或者容易誤操作。
傳統(tǒng)的專(zhuān)用型圖形界面布局,一般常見(jiàn)于專(zhuān)用設(shè)備,圖形界面都是在軟件發(fā)布前都已經(jīng)固定好的,無(wú)法根據(jù)客戶(hù)需要進(jìn)行動(dòng)態(tài)調(diào)整,不能滿(mǎn)足不同商家的一些個(gè)性化需求。
而文字界面方式,常見(jiàn)于比較老舊或者顯示屏幕受限的產(chǎn)品中,菜單的展示智能顯示成文字,不易識(shí)別,一般還無(wú)法支持觸控操作,學(xué)習(xí)成本高。
技術(shù)實(shí)現(xiàn)要素:
針對(duì)現(xiàn)有技術(shù)的不足,本發(fā)明提出了一種智能POS界面布局方法及系統(tǒng),該發(fā)明通過(guò)引入一種可響應(yīng)互動(dòng),實(shí)現(xiàn)可根據(jù)需要靈活動(dòng)態(tài)調(diào)整布局的界面設(shè)計(jì)方法。
為了實(shí)現(xiàn)上述目的,本發(fā)明技術(shù)方案如下:
一種智能POS的界面布局方法,其特征在于,包括以下步驟:
通過(guò)桌面啟動(dòng)器獲取設(shè)備的屏幕方向的參數(shù),根據(jù)所述屏幕方向和預(yù)設(shè)規(guī)則判斷網(wǎng)格布局方向應(yīng)設(shè)為橫屏還是豎屏;
通過(guò)桌面啟動(dòng)器獲取設(shè)備的分辨率以及屏幕尺寸的參數(shù),根據(jù)所述分辨率參數(shù)、屏幕尺寸參數(shù)以及預(yù)設(shè)規(guī)則得出網(wǎng)格尺寸大?。?/p>
根據(jù)所述網(wǎng)格布局方向和網(wǎng)格尺寸大小得出基本網(wǎng)絡(luò)布局;
獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量以及各個(gè)應(yīng)用的展示優(yōu)先級(jí);
根據(jù)所述應(yīng)用數(shù)量和所述基本網(wǎng)絡(luò)布局,根據(jù)預(yù)設(shè)規(guī)則得出網(wǎng)格數(shù)量;
根據(jù)所述應(yīng)用的展示優(yōu)先級(jí),按照展示優(yōu)先級(jí)的由高到低的順序先后展示應(yīng)用,完成界面布局。
進(jìn)一步地,所述界面布局方法還包括:
通過(guò)桌面啟動(dòng)器獲取用戶(hù)的手勢(shì)動(dòng)作,按照預(yù)設(shè)規(guī)則,進(jìn)行滑動(dòng)劃分網(wǎng)格數(shù)量,進(jìn)一步調(diào)整網(wǎng)格布局。
進(jìn)一步地,所述通過(guò)桌面啟動(dòng)器獲取用戶(hù)的手勢(shì)動(dòng)作,按照預(yù)設(shè)規(guī)則,進(jìn)行滑動(dòng)劃分網(wǎng)格數(shù)量,進(jìn)一步調(diào)整網(wǎng)格布局包括:
判斷獲取的手勢(shì)動(dòng)作,判斷手勢(shì)動(dòng)作為一根手指上下滑動(dòng)時(shí),將屏幕左右分成兩部份;
判斷手勢(shì)動(dòng)作為一根手指左右滑動(dòng)時(shí),將屏幕上下分成兩部份;
判斷手勢(shì)動(dòng)作為兩根手指上下滑動(dòng)時(shí),將屏幕左中右三等分分成三部份;
判斷手勢(shì)動(dòng)作為兩根手指左右滑動(dòng)時(shí),將屏幕上中下三等分分成三部份。
進(jìn)一步地,所述通過(guò)桌面啟動(dòng)器獲取設(shè)備的分辨率以及屏幕尺寸的參數(shù),根據(jù)所述分辨率參數(shù)、屏幕尺寸參數(shù)以及預(yù)設(shè)規(guī)則得出網(wǎng)格尺寸大小為:
判斷為小尺寸屏幕時(shí),采用預(yù)設(shè)的大網(wǎng)格尺寸;
判斷為大尺寸屏幕時(shí),并根據(jù)分辨率,采用預(yù)設(shè)的初始網(wǎng)格尺寸。
進(jìn)一步地,所述判斷為大尺寸屏幕時(shí),并根據(jù)分辨率,采用預(yù)設(shè)的初始網(wǎng)格尺寸還包括:
獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量,根據(jù)預(yù)設(shè)規(guī)則,進(jìn)一步調(diào)整初始網(wǎng)格尺寸并得出網(wǎng)格數(shù)量。
一種智能POS的界面布局系統(tǒng),其特征在于,包括以下模塊:
布局方向判定模塊,用于通過(guò)桌面啟動(dòng)器獲取設(shè)備的屏幕方向的參數(shù),根據(jù)所述屏幕方向和預(yù)設(shè)規(guī)則判斷網(wǎng)格布局方向應(yīng)設(shè)為橫屏還是豎屏;
網(wǎng)格尺寸設(shè)定模塊,用于通過(guò)桌面啟動(dòng)器獲取設(shè)備的分辨率以及屏幕尺寸的參數(shù),根據(jù)所述分辨率參數(shù)、屏幕尺寸參數(shù)以及預(yù)設(shè)規(guī)則得出網(wǎng)格尺寸大小;
基本布局生成模塊,用于根據(jù)所述網(wǎng)格布局方向和網(wǎng)格尺寸大小得出基本網(wǎng)絡(luò)布局;
應(yīng)用數(shù)據(jù)獲取模塊,用于獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量以及各個(gè)應(yīng)用的展示優(yōu)先級(jí);
網(wǎng)格數(shù)量設(shè)定模塊,用于根據(jù)所述應(yīng)用數(shù)量和所述基本網(wǎng)絡(luò)布局,根據(jù)預(yù)設(shè)規(guī)則得出網(wǎng)格數(shù)量;
界面布局生成模塊,用于根據(jù)所述應(yīng)用的展示優(yōu)先級(jí),按照展示優(yōu)先級(jí)的由高到低的順序先后展示應(yīng)用,完成界面布局。
進(jìn)一步地,所述界面布局系統(tǒng)還包括:
觸控獲取模塊,用于通過(guò)支持多點(diǎn)觸控的觸控屏,用于捕獲用戶(hù)的手勢(shì)動(dòng)作。
進(jìn)一步地,所述界面布局系統(tǒng)還包括:
手勢(shì)判定模塊,用于判定獲取的手勢(shì)動(dòng)作的種類(lèi)。
進(jìn)一步地,所述界面布局系統(tǒng)還包括:
二次布局模塊,用于根據(jù)獲取的手勢(shì)動(dòng)作快速調(diào)整網(wǎng)格數(shù)量。
進(jìn)一步地,所述二次布局模塊還包括:
應(yīng)用展示調(diào)整模塊,用于根據(jù)應(yīng)用的拖動(dòng)來(lái)調(diào)整應(yīng)用的展示順序,進(jìn)行調(diào)整網(wǎng)格布局。
本發(fā)明有益效果:
本發(fā)明通過(guò)引入一種可響應(yīng)互動(dòng),實(shí)現(xiàn)可根據(jù)需要靈活動(dòng)態(tài)調(diào)整布局的界面設(shè)計(jì)方法。
附圖說(shuō)明
圖1為本發(fā)明的主要步驟流程圖。
具體實(shí)施方式
下面結(jié)合附圖和實(shí)施例,進(jìn)一步闡述本發(fā)明。
實(shí)施例一:
傳統(tǒng)的智能手機(jī)界面布局,大致上可以分為搜索區(qū)、workspace區(qū)域、快捷啟動(dòng)位等,一般的Android界面是面向客戶(hù)端用戶(hù),所以會(huì)考慮到客戶(hù)端用戶(hù)應(yīng)用多、不易快速查找應(yīng)用等問(wèn)題,都會(huì)采用小ICON多網(wǎng)格布局,并提供應(yīng)用文件夾的方式,用來(lái)對(duì)應(yīng)用進(jìn)行分類(lèi)管理。但瀏覽器端的場(chǎng)景與客戶(hù)端大不相同,由于用于商用的應(yīng)用往往就是固定的幾個(gè),所以如果還是采用經(jīng)典的智能手機(jī)界面布局方式,會(huì)造成以下幾個(gè)問(wèn)題:
(1)桌面空洞,無(wú)法填滿(mǎn),影響整體界面效果;
(2)應(yīng)用圖標(biāo)較小,操作起來(lái)不方便,容易出錯(cuò);
(3)如果引入分類(lèi)文件夾,反而增加了操作層級(jí),增加操作時(shí)間成本;
(4)由于每個(gè)商家都會(huì)挑選少量他們常用的應(yīng)用,在桌面上展示也只有1~2屏幕,相當(dāng)于已經(jīng)有了固定的快速啟動(dòng)位,所以也不需要在界面底部保留快速啟動(dòng)位。
正常情況下,設(shè)備啟動(dòng)后,設(shè)備桌面啟動(dòng)器會(huì)獲取設(shè)備的硬件參數(shù),包括:屏幕方向、分辨率、屏幕尺寸。根據(jù)獲取屏幕方向?yàn)闄M向還是豎向,來(lái)確認(rèn)網(wǎng)格布局的方向,該方向應(yīng)與屏幕方向保持一致。根據(jù)分辨率以及屏幕尺寸還計(jì)算得出觸控操作場(chǎng)景下最佳的網(wǎng)格尺寸,作為界面布局時(shí)的基準(zhǔn)。當(dāng)為小屏幕尺寸,分辨率較低時(shí),初步采用大網(wǎng)格尺寸,增強(qiáng)使用體驗(yàn)。當(dāng)為大屏幕尺寸,分辨率較高時(shí),選用較小網(wǎng)格尺寸。并可結(jié)合后來(lái)獲取到的設(shè)備內(nèi)置的應(yīng)用數(shù)量進(jìn)行網(wǎng)格尺寸的調(diào)整。以此確保在不同的屏幕尺寸以及屏幕分辨率下面,各個(gè)應(yīng)用的網(wǎng)格都具有良好的操作體驗(yàn)。根據(jù)得到的屏幕方向和網(wǎng)格尺寸,作出基本網(wǎng)絡(luò)布局。
然后獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量和各個(gè)應(yīng)用的展示優(yōu)先級(jí)。
結(jié)合分辨率以及屏幕尺寸等硬件參數(shù)和設(shè)備內(nèi)置的應(yīng)用數(shù)量,動(dòng)態(tài)計(jì)算出工作區(qū)最佳網(wǎng)格數(shù)量,以及調(diào)整基本網(wǎng)格尺寸到最佳網(wǎng)格尺寸。并將設(shè)備內(nèi)置的應(yīng)用按照展示優(yōu)先權(quán)的由高到低依次排序,生成包含所有應(yīng)用的,以網(wǎng)格尺寸為大小,以網(wǎng)格數(shù)量為分頁(yè),生成默認(rèn)的展示界面布局。
根據(jù)設(shè)備的硬件參數(shù),以及應(yīng)用的數(shù)量,結(jié)合最佳網(wǎng)格尺寸基準(zhǔn)值,對(duì)于小尺寸屏幕,由于分辨率低,會(huì)采用大網(wǎng)格的界面布局,使小尺寸屏幕也能夠?qū)崿F(xiàn)高效的菜單定位和操作準(zhǔn)確度。
對(duì)于較大尺寸屏幕,則會(huì)根據(jù)分辨率和應(yīng)用數(shù)量,計(jì)算最優(yōu)布局樣式和分頁(yè)數(shù)量。
本發(fā)明還引入了二次動(dòng)態(tài)布局的方法,支持手勢(shì)快速布局,方便用戶(hù)根據(jù)實(shí)際需要來(lái)二次調(diào)整布局,按各自習(xí)慣的方式重新布局。
本發(fā)明提供裝置觸控屏支持多點(diǎn)觸控,桌面啟動(dòng)器在設(shè)置狀態(tài)下能夠捕獲到用戶(hù)的手勢(shì)動(dòng)作,如:在設(shè)置狀態(tài)下,一根手指上下滑動(dòng)來(lái)進(jìn)行屏幕的左右劃分,一根手指左右滑動(dòng)來(lái)實(shí)現(xiàn)屏幕的上下劃分;兩根手指上下滑動(dòng)可以實(shí)現(xiàn)屏幕的左中右三等分,兩根手指左右滑動(dòng)來(lái)實(shí)現(xiàn)屏幕的上中下三等分等。
除了滑動(dòng)實(shí)現(xiàn)網(wǎng)格劃分外,還可以支持拖動(dòng)來(lái)改變應(yīng)用的展示順序,達(dá)到調(diào)整布局的目的,提升用戶(hù)體驗(yàn)效果。
實(shí)施例二:
一種智能POS的界面布局方法,其特征在于,包括以下步驟:
通過(guò)桌面啟動(dòng)器獲取設(shè)備的屏幕方向的參數(shù),根據(jù)所述屏幕方向和預(yù)設(shè)規(guī)則判斷網(wǎng)格布局方向應(yīng)設(shè)為橫屏還是豎屏;
通過(guò)桌面啟動(dòng)器獲取設(shè)備的分辨率以及屏幕尺寸的參數(shù),根據(jù)所述分辨率參數(shù)、屏幕尺寸參數(shù)以及預(yù)設(shè)規(guī)則得出網(wǎng)格尺寸大小;
判斷為小尺寸屏幕時(shí),采用預(yù)設(shè)的大網(wǎng)格尺寸;
判斷為大尺寸屏幕時(shí),并根據(jù)分辨率,采用預(yù)設(shè)的初始網(wǎng)格尺寸。
獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量,根據(jù)預(yù)設(shè)規(guī)則,進(jìn)一步調(diào)整初始網(wǎng)格尺寸并得出網(wǎng)格數(shù)量。
根據(jù)所述網(wǎng)格布局方向和網(wǎng)格尺寸大小得出基本網(wǎng)絡(luò)布局;
獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量以及各個(gè)應(yīng)用的展示優(yōu)先級(jí);
根據(jù)所述應(yīng)用數(shù)量和所述基本網(wǎng)絡(luò)布局,根據(jù)預(yù)設(shè)規(guī)則得出網(wǎng)格數(shù)量;
根據(jù)所述應(yīng)用的展示優(yōu)先級(jí),按照展示優(yōu)先級(jí)的由高到低的順序先后展示應(yīng)用,完成界面布局。
通過(guò)桌面啟動(dòng)器獲取用戶(hù)的手勢(shì)動(dòng)作,按照預(yù)設(shè)規(guī)則,進(jìn)行滑動(dòng)劃分網(wǎng)格數(shù)量,進(jìn)一步調(diào)整網(wǎng)格布局。
進(jìn)行滑動(dòng)劃分網(wǎng)格數(shù)量,進(jìn)一步調(diào)整網(wǎng)格布局還包括:
判斷獲取的手勢(shì)動(dòng)作,判斷手勢(shì)動(dòng)作為一根手指上下滑動(dòng)時(shí),將屏幕左右分成兩部份;
判斷手勢(shì)動(dòng)作為一根手指左右滑動(dòng)時(shí),將屏幕上下分成兩部份;
判斷手勢(shì)動(dòng)作為兩根手指上下滑動(dòng)時(shí),將屏幕左中右三等分分成三部份;
判斷手勢(shì)動(dòng)作為兩根手指左右滑動(dòng)時(shí),將屏幕上中下三等分分成三部份。
實(shí)施例三:
一種智能POS的界面布局系統(tǒng),其特征在于,包括以下模塊:
布局方向判定模塊,用于通過(guò)桌面啟動(dòng)器獲取設(shè)備的屏幕方向的參數(shù),根據(jù)所述屏幕方向和預(yù)設(shè)規(guī)則判斷網(wǎng)格布局方向應(yīng)設(shè)為橫屏還是豎屏;
網(wǎng)格尺寸設(shè)定模塊,用于通過(guò)桌面啟動(dòng)器獲取設(shè)備的分辨率以及屏幕尺寸的參數(shù),根據(jù)所述分辨率參數(shù)、屏幕尺寸參數(shù)以及預(yù)設(shè)規(guī)則得出網(wǎng)格尺寸大??;
基本布局生成模塊,用于根據(jù)所述網(wǎng)格布局方向和網(wǎng)格尺寸大小得出基本網(wǎng)絡(luò)布局;
應(yīng)用數(shù)據(jù)獲取模塊,用于獲取設(shè)備內(nèi)置的應(yīng)用數(shù)量以及各個(gè)應(yīng)用的展示優(yōu)先級(jí);
網(wǎng)格數(shù)量設(shè)定模塊,用于根據(jù)所述應(yīng)用數(shù)量和所述基本網(wǎng)絡(luò)布局,根據(jù)預(yù)設(shè)規(guī)則得出網(wǎng)格數(shù)量;
界面布局生成模塊,用于根據(jù)所述應(yīng)用的展示優(yōu)先級(jí),按照展示優(yōu)先級(jí)的由高到低的順序先后展示應(yīng)用,完成界面布局。
觸控獲取模塊,用于通過(guò)支持多點(diǎn)觸控的觸控屏,用于捕獲用戶(hù)的手勢(shì)動(dòng)作。
手勢(shì)判定模塊,用于判定獲取的手勢(shì)動(dòng)作的種類(lèi)。
二次布局模塊,用于根據(jù)獲取的手勢(shì)動(dòng)作快速調(diào)整網(wǎng)格數(shù)量。
所述二次布局模塊還包括:
應(yīng)用展示調(diào)整模塊,用于根據(jù)應(yīng)用的拖動(dòng)來(lái)調(diào)整應(yīng)用的展示順序,進(jìn)行調(diào)整網(wǎng)格布局。
本發(fā)明通過(guò):
更智能的界面布局,能個(gè)適配不同分辨率、不同尺寸下的最佳展示;
引入手勢(shì)動(dòng)作來(lái)實(shí)現(xiàn)網(wǎng)格重新布局,可以根據(jù)不同商家的實(shí)際情況選擇網(wǎng)格布局;
引入屏幕劃分算法來(lái)實(shí)現(xiàn)最佳網(wǎng)格計(jì)算,在不需要人為干預(yù)的情況下,可以在不同分辨率的屏幕下實(shí)現(xiàn)不同的布局,并使得各自的布局具有良好的可用性和視覺(jué)效果。
本發(fā)明有以下有益效果:
界面適配性更好;
界面更美觀、大氣,;
易用,不易誤操作。
以上所述的僅是本發(fā)明的優(yōu)選實(shí)施方式,本發(fā)明不限于以上實(shí)施例??梢岳斫?,本領(lǐng)域技術(shù)人員在不脫離本發(fā)明的基本構(gòu)思的前提下直接導(dǎo)出或聯(lián)想到的其它改進(jìn)和變化均應(yīng)認(rèn)為包含在本發(fā)明的保護(hù)范圍之內(nèi)。