專利名稱：圖片疊加順序的調(diào)整系統(tǒng)及方法
技術(shù)領(lǐng)域：
本發(fā)明涉及圖像處理技術(shù)領(lǐng)域，特別是涉及一種應(yīng)用在具有觸控屏的電子裝置中的圖片疊加順序的調(diào)整系統(tǒng)及方法。
背景技術(shù)：
隨著科技的進步，擁有良好用戶體驗的觸控技術(shù)越來越多的被應(yīng)用到數(shù)字產(chǎn)品中，比如平板電腦、智能手機、掌上播放器等，而圖片瀏覽是一個常見的多媒體功能，在一些瀏覽圖片的應(yīng)用中，多張圖片會疊加顯示在一個屏幕里，比如某種支持多種場景效果的電子相冊，用戶瀏覽這種有疊加效果的圖片集，可以獲得與現(xiàn)實世界中翻閱照片相似的體驗。由于顯示圖片的顯示屏幕是一個二維平面，擁有X軸和Y軸來表示圖片所處的位置，但當有多張圖片位于同一個屏幕里并且有疊加關(guān)系時，僅僅用X軸和Y軸來表示圖片的位置，已經(jīng)不足以表現(xiàn)出多張圖片間的疊加關(guān)系，也即圖片的上下立體關(guān)系。因此，為了表達圖片在疊加順序上的上下立體關(guān)系，在X軸和Y軸的基礎(chǔ)上引入了 z-index的概念。Z-index是一個整數(shù)，可以為負整數(shù)、正整數(shù)或零，Z-index的值越小，則表明具有該屬性的圖片越位于疊加順序的下層，Z-index的值越大，則表明具有該屬性的圖片越位于疊加順序的上層，在同一個X軸和Y軸區(qū)域，位于上層的圖片會遮蓋位于下層的圖片。對于未指定Z-index值的定位圖片，Z-index值為正數(shù)的圖片會在其之上，而Z-index值為負數(shù)的圖片在其之下。傳統(tǒng)的圖片疊加順序的調(diào)整方法，需要用戶分別設(shè)置各圖片的疊加順序值，也即Z-index值來賦予各圖片間的疊加關(guān)系，這種調(diào)整方法既不直觀也不便捷，用戶難以輕松的完成圖片疊加順序的調(diào)整。

發(fā)明內(nèi)容
鑒于以上內(nèi)容，有必要提供一種直觀便捷的應(yīng)用在具有觸控屏的電子裝置中的圖片疊加順序的調(diào)整系統(tǒng)及方法，幫助用戶輕松的完成圖片疊加順序的調(diào)整。根據(jù)本發(fā)明的一方面，提供一種圖片疊加順序的調(diào)整系統(tǒng)，用于在具有觸控屏的電子裝置中調(diào)整圖片的疊加順序，所述系統(tǒng)包括圖片顯示模塊，用于在觸控屏上顯示若干具有疊加順序的圖片；第一指令接收模塊，用于接收用戶在觸控屏上輸入的選擇觸控指令；圖片選擇模塊，用于根據(jù)選擇觸控指令，確定用戶要調(diào)整疊加順序的一圖片；第二指令接收模塊，用于接收用戶在觸控屏上輸入的調(diào)整觸控指令；第一疊加順序計算模塊，用于根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值；第二疊加順序計算模塊，用于根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值；及圖片刷新模塊，用于根據(jù)調(diào)整后的圖片的疊加順序值，重新顯示圖片。
優(yōu)選地，所述第二指令接收模塊還用于接收用戶的按下觸控指令，計算用戶按下觸控指令持續(xù)的時間，并且判斷用戶按下觸控指令持續(xù)的時間是否大于一第一預(yù)設(shè)時間值，若結(jié)果為是，則進入圖片疊加順序調(diào)整模式。優(yōu)選地，所述第一疊加順序計算模塊還用于計算用戶按下觸控指令持續(xù)的時間，每隔一第二預(yù)設(shè)時間值，給所述圖片的疊加順序值增加一個單位值。優(yōu)選地，所述第一疊加順序計算模塊還用于在計算用戶按下觸控指令持續(xù)的時間的同時，在觸控屏上顯示被調(diào)整疊加順序值的圖片的當前疊加順序值，當所述圖片的疊加順序值改變時，在觸控屏上顯示的疊加順序值也同步改變。優(yōu)選地，所述第二疊加順序計算模塊還用于獲取所述圖片初始的疊加順序值，記為第一疊加順序值，獲取所述圖片新的疊加順序值，記為第二疊加順序值，并比較每一其他圖片的疊加順序值與所述第一疊加順序值和所述第二疊加順序值的大小關(guān)系，若該圖片的疊加順序值大于所述第一疊加順序值并且小于或等于所述第二疊加順序值，則該圖片的疊加順序值減少一個單位值。根據(jù)本發(fā)明的另一方面，提供一種圖片疊加順序的調(diào)整方法，用于在具有觸控屏的電子裝置中調(diào)整圖片的疊加順序，所述方法包括以下步驟在觸控屏上顯示若干具有疊加順序的圖片；接收用戶在觸控屏上輸入的選擇觸控指令；根據(jù)選擇觸控指令，確定用戶要調(diào)整疊加順序的一圖片；接收用戶在觸控屏上輸入的調(diào)整觸控指令；根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值；根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值；及根據(jù)調(diào)整后的圖片的疊加順序值，重新顯示圖片。優(yōu)選地，所述方法中的接收用戶在觸控屏上輸入的調(diào)整觸控指令的步驟具體包括以下步驟接收用戶的按下觸控指令；計算用戶按下觸控指令持續(xù)的時間；判斷用戶按下觸控指令持續(xù)的時間是否大于一第一預(yù)設(shè)時間值，若結(jié)果為是，則進入圖片疊加順序調(diào)整模式。優(yōu)選地，所述方法中的根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值的步驟具體還包括以下步驟計算用戶按下觸控指令持續(xù)的時間；每隔一第二預(yù)設(shè)時間值，給所述圖片的疊加順序值增加一個單位值；判斷所述圖片的疊加順序值是否等于最大疊加順序值，若結(jié)果為是，則停止計算用戶按下觸控指令持續(xù)的時間；接收到用戶釋放觸控指令，停止計算用戶按下觸控指令持續(xù)的時間。優(yōu)選地，所述方法還包括以下步驟在計算用戶按下觸控指令持續(xù)的時間的同時，在觸控屏上顯示所述圖片當前的疊加順序值，當所述圖片的疊加順序值改變時，在觸控屏上顯示的疊加順序值也同步改變。優(yōu)選地，所述方法中的根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值的步驟具體還包括以下步驟獲取所述圖片初始的疊加順序值，記為第一疊加順序值；獲取所述圖片新的疊加順序值，記為第二疊加順序值；比較每一其他圖片的疊加順序值與所述第一疊加順序值和所述第二疊加順序值的大小關(guān)系，若該圖片的疊加順序值大于所述第一疊加順序值并且小于或等于所述第二疊加順序值，則該圖片的疊加順序值減少一個單位值。與現(xiàn)有技術(shù)相比，上述應(yīng)用在具有觸控屏的電子裝置中的圖片疊加順序的調(diào)整系統(tǒng)及方法，通過接收用戶在觸控屏上輸入的觸控指令來調(diào)整圖片疊加順序，使得用戶以一種直觀便捷的方式完成圖片疊加順序的調(diào)整。


圖1為若干具有疊加順序的圖片顯示在同一屏幕里的示意圖。圖2為本發(fā)明一種實施方式中的圖片疊加順序的調(diào)整系統(tǒng)的功能框圖。圖3至圖5為本發(fā)明一種實施方式的計算圖片新的疊加順序值的過程示意圖。圖6至圖8為本發(fā)明一種實施方式的調(diào)整圖片疊加順序的操作過程示意圖。圖9為本發(fā)明一種實施方式中的圖片疊加順序的調(diào)整方法的流程圖。主要元件符號說明
權(quán)利要求
1.一種圖片疊加順序的調(diào)整系統(tǒng)，用于在具有觸控屏的電子裝置中調(diào)整圖片的疊加順序，其特征在于所述系統(tǒng)包括圖片顯示模塊，用于在觸控屏上顯示若干具有疊加順序的圖片；第一指令接收模塊，用于接收用戶在觸控屏上輸入的選擇觸控指令；圖片選擇模塊，用于根據(jù)選擇觸控指令，確定用戶要調(diào)整疊加順序的一圖片；第二指令接收模塊，用于接收用戶在觸控屏上輸入的調(diào)整觸控指令；第一疊加順序計算模塊，用于根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值；第二疊加順序計算模塊，用于根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值；及圖片刷新模塊，用于根據(jù)調(diào)整后的圖片的疊加順序值，重新顯示圖片。
2.如權(quán)利要求1所述的圖片疊加順序的調(diào)整系統(tǒng)，其特征在于所述第二指令接收模塊還用于接收用戶的按下觸控指令，計算用戶按下觸控指令持續(xù)的時間，并且判斷用戶按下觸控指令持續(xù)的時間是否大于一第一預(yù)設(shè)時間值，若結(jié)果為是，則進入圖片疊加順序調(diào)整模式。
3.如權(quán)利要求1所述的圖片疊加順序的調(diào)整系統(tǒng)，其特征在于所述第一疊加順序計算模塊還用于計算用戶按下觸控指令持續(xù)的時間，每隔一第二預(yù)設(shè)時間值，給所述圖片的疊加順序值增加一個單位值。
4.如權(quán)利要求3所述的圖片疊加順序的調(diào)整系統(tǒng)，其特征在于所述第一疊加順序計算模塊還用于在計算用戶按下觸控指令持續(xù)的時間的同時，在觸控屏上顯示被調(diào)整疊加順序值的圖片的當前疊加順序值，當所述圖片的疊加順序值改變時，在觸控屏上顯示的疊加順序值也同步改變。
5.如權(quán)利要求1所述的圖片疊加順序的調(diào)整系統(tǒng)，其特征在于所述第二疊加順序計算模塊還用于獲取所述圖片初始的疊加順序值，記為第一疊加順序值，獲取所述圖片新的疊加順序值，記為第二疊加順序值，并比較每一其他圖片的疊加順序值與所述第一疊加順序值和所述第二疊加順序值的大小關(guān)系，若該圖片的疊加順序值大于所述第一疊加順序值并且小于或等于所述第二疊加順序值，則該圖片的疊加順序值減少一個單位值。
6.一種圖片疊加順序的調(diào)整方法，用于在具有觸控屏的電子裝置中調(diào)整圖片的疊加順序，其特征在于所述方法包括以下步驟在觸控屏上顯示若干具有疊加順序的圖片；接收用戶在觸控屏上輸入的選擇觸控指令；根據(jù)選擇觸控指令，確定用戶要調(diào)整疊加順序的一圖片；接收用戶在觸控屏上輸入的調(diào)整觸控指令；根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值；根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值；及根據(jù)調(diào)整后的圖片的疊加順序值，重新顯示圖片。
7.如權(quán)利要求6所述的圖片疊加順序的調(diào)整方法，其特征在于所述方法中的接收用戶在觸控屏上輸入的調(diào)整觸控指令的步驟具體包括以下步驟接收用戶的按下觸控指令；計算用戶按下觸控指令持續(xù)的時間；判斷用戶按下觸控指令持續(xù)的時間是否大于一第一預(yù)設(shè)時間值，若結(jié)果為是，則進入圖片疊加順序調(diào)整模式。
8.如權(quán)利要求6所述的圖片疊加順序的調(diào)整方法，其特征在于所述方法中的根據(jù)調(diào)整觸控指令，確定所述圖片新的疊加順序值的步驟具體還包括以下步驟計算用戶按下觸控指令持續(xù)的時間；每隔一第二預(yù)設(shè)時間值，給所述圖片的疊加順序值增加一個單位值；判斷所述圖片的疊加順序值是否等于最大疊加順序值，若結(jié)果為是，則停止計算用戶按下觸控指令持續(xù)的時間；接收到用戶釋放觸控指令，停止計算用戶按下觸控指令持續(xù)的時間。
9.如權(quán)利要求8所述的圖片疊加順序的調(diào)整方法，其特征在于所述方法還包括以下步驟在計算用戶按下觸控指令持續(xù)的時間的同時，在觸控屏上顯示所述圖片當前的疊加順序值，當所述圖片的疊加順序值改變時，在觸控屏上顯示的疊加順序值也同步改變。
10.如權(quán)利要求6所述的圖片疊加順序的調(diào)整方法，其特征在于所述方法中的根據(jù)所述圖片新的疊加順序值，調(diào)整其它圖片的疊加順序值的步驟具體還包括以下步驟獲取所述圖片初始的疊加順序值，記為第一疊加順序值；獲取所述圖片新的疊加順序值，記為第二疊加順序值；比較每一其他圖片的疊加順序值與所述第一疊加順序值和所述第二疊加順序值的大小關(guān)系，若該圖片的疊加順序值大于所述第一疊加順序值并且小于或等于所述第二疊加順序值，則該圖片的疊加順序值減少一個單位值。
全文摘要
一種應(yīng)用在具有觸控屏的電子裝置中的圖片疊加順序的調(diào)整系統(tǒng)，包括圖片顯示模塊，用于在觸控屏上顯示若干具有疊加順序的圖片；第一指令接收模塊，用于接收用戶在觸控屏上輸入的選擇觸控指令；圖片選擇模塊，用于確定用戶要調(diào)整疊加順序的一圖片；第二指令接收模塊，用于接收用戶在觸控屏上輸入的調(diào)整觸控指令；第一疊加順序計算模塊，用于確定所述圖片新的疊加順序值；第二疊加順序計算模塊，用于調(diào)整其它圖片的疊加順序值；及圖片刷新模塊，用于重新顯示圖片。本發(fā)明還揭示了一種圖片疊加順序的調(diào)整方法。根據(jù)本發(fā)明的技術(shù)方案，使得用戶可以直觀便捷地對圖片疊加順序進行調(diào)整。
文檔編號G06F3/048GK102566870SQ20101061223
公開日2012年7月11日 申請日期2010年12月29日 優(yōu)先權(quán)日2010年12月29日
發(fā)明者蔡燈宇 申請人:鴻富錦精密工業(yè)(深圳)有限公司, 鴻海精密工業(yè)股份有限公司