一種基于ios系統(tǒng)的視差翻頁人機(jī)交互方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及人機(jī)交互技術(shù)領(lǐng)域，尤其涉及一種基于1S系統(tǒng)的視差翻頁人機(jī)交互方法。
【背景技術(shù)】
[0002]隨著iPhone等基于手指觸控的人機(jī)交互的觸摸屏手機(jī)的流行，在觸摸屏手機(jī)的很多程序窗口中，通過向上或者向下滑動手指，其屏幕就能對應(yīng)向上或者向下滑動，屏幕上的圖片則跟隨屏幕的滑動而變化。
[0003]在采用現(xiàn)有的翻頁方法時，在手機(jī)的界面中，每一個頁面中的每一個圖片的大小、亮度等在翻頁前、翻頁中以及翻頁后都是固定不變的。如圖1所示的手機(jī)界面，不管是向上滑動還是向下滑動，圖片一、圖片二、圖片三、圖片四都以現(xiàn)有的亮度和大小顯示在手機(jī)界面上，這樣的翻頁方法使得用戶不能快速找到感興趣的圖片或者標(biāo)題，從而快速進(jìn)入用戶想要進(jìn)入的下一級界面，降低了用戶的操作體驗(yàn)。

【發(fā)明內(nèi)容】

[0004]針對現(xiàn)有技術(shù)中的人機(jī)交互方法，用戶體驗(yàn)不高的技術(shù)問題，本發(fā)明公開了一種基于1S系統(tǒng)的視差翻頁人機(jī)交互方法。
[0005]本發(fā)明的發(fā)明目的通過下述技術(shù)方案來實(shí)現(xiàn):
一種基于1S系統(tǒng)的視差翻頁人機(jī)交互方法，其具體包括以下的步驟:步驟一、進(jìn)入程序后，將手機(jī)界面中當(dāng)前頁面上的其中一個圖片或者標(biāo)題逐漸變大并高亮顯示，其他圖片或者標(biāo)題大小不變并低亮顯示；步驟二、用戶滑動屏幕時，根據(jù)手指滑動的速度及方向進(jìn)行翻頁，當(dāng)手指向上滑動時，向上翻頁，當(dāng)手指向下滑動時，向下翻頁，翻頁的速度與手指滑動的速度相對應(yīng)；步驟三、在滑動的過程中，新顯示出來的頁面上的其中一個圖片或者標(biāo)題逐漸變大并變高亮顯示在新的當(dāng)前頁面上，其他圖片大小不變地低亮顯示在新的頁面上，根據(jù)手指滑動的距離和系統(tǒng)設(shè)定的根據(jù)用戶滑動多少距離翻一頁判斷出哪一個圖片或者標(biāo)題被逐漸變大并變高亮顯示。
[0006]更進(jìn)一步地，上述圖片或者標(biāo)題在翻頁過程中的大小變化以及亮度變化通過動畫效果進(jìn)行顯示。
[0007]更進(jìn)一步地，上述動畫效果采用UI控件UlCollect1nView來實(shí)現(xiàn)。
[0008]更進(jìn)一步地，上述方法還包括當(dāng)用戶松手時，手機(jī)界面還處于翻頁的過程中，此時對翻頁的結(jié)果進(jìn)行位置校正。
[0009]更進(jìn)一步地，上述位置校正具體為根據(jù)翻頁的方向和用戶松手時頁面當(dāng)前位置判斷離哪一個圖片或者標(biāo)題更近，離哪一個圖片或者標(biāo)題更近，就根據(jù)運(yùn)動方向校正到這個圖片或者標(biāo)題。
[0010]通過采用以上技術(shù)方案，本發(fā)明的有益效果是:本發(fā)明通過將其中的一個圖片或者標(biāo)題(入口)逐漸變大并高亮在手機(jī)界面中顯示給用戶，方便用戶快速尋找到感興趣的入口，本發(fā)明提供了一種當(dāng)前頁面中需要用戶視線聚集的圖片逐漸變大并變亮的過程，提高了用戶的操作體驗(yàn)，為應(yīng)用程序來帶更多的用戶粘度和用戶友善度，從而建立起應(yīng)用程序自身的核心競爭力。在視覺上，通過將圖片變大及變亮的方式突出了當(dāng)前頁中某一個圖片或者標(biāo)題的顯著度，能讓用戶更多的聚焦在當(dāng)前高亮顯示的圖片或者標(biāo)題入口上，在使用方式上具有樂趣，避免枯燥的千篇一律的使用方式給用戶帶來的審美疲勞和使用乏味。
【附圖說明】
[0011]圖1為現(xiàn)有技術(shù)中的翻頁方法的手機(jī)界面示意圖。
[0012]圖2為本發(fā)明的視差翻頁人機(jī)交互方法的手機(jī)界面示意圖。
【具體實(shí)施方式】
[0013]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合具體實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)的說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0014]本發(fā)明公開了一種基于1S系統(tǒng)的視差翻頁人機(jī)交互方法，其具體包括以下的步驟:步驟一、進(jìn)入程序后，將手機(jī)界面中當(dāng)前頁面上的其中一個圖片或者標(biāo)題(在默認(rèn)狀態(tài)下，一般會默認(rèn)變大第一張圖片，當(dāng)然也可以根據(jù)需要進(jìn)行其他任意的設(shè)定，變大并高亮顯示的圖片或者標(biāo)題主要是告訴用戶，當(dāng)前在瀏覽的是哪一張圖片或者標(biāo)題，用變大效果也是為了讓用戶的視線聚焦在這張圖片或者標(biāo)題上)逐漸變大并高亮顯示，其他圖片或者標(biāo)題大小不變并低亮顯示；步驟二、用戶滑動屏幕時，根據(jù)手指滑動的速度及方向進(jìn)行翻頁，當(dāng)手指向上滑動時，向上翻頁，當(dāng)手指向下滑動時，向下翻頁，翻頁的速度與手指滑動的速度相對應(yīng)；步驟三、在滑動的過程中，新顯示出來的頁面上的其中一個圖片或者標(biāo)題逐漸變大并變高亮顯示在新的當(dāng)前頁面上，其他圖片大小不變地低亮顯示在新的頁面上，根據(jù)手指滑動的距離和系統(tǒng)設(shè)定的根據(jù)用戶滑動多少距離翻一頁判斷出哪一個圖片或者標(biāo)題被逐漸變大并變高亮顯示。根據(jù)用戶用手指滑動的距離以及系統(tǒng)設(shè)定的參數(shù)(用戶滑動多少距離翻一頁的參數(shù)DRAG_INTERVA)作為單位距離，來判斷出應(yīng)該將哪個圖片或者標(biāo)題進(jìn)行高亮以及變大顯示，比如說DRAG_INTERVAL等于100像素，就意味著用戶用手每滑動100像素，就會從當(dāng)前的圖片切換到下一張圖片，如果滑動距離不夠100，則會做位置校正。本發(fā)明通過將其中的一個圖片或者標(biāo)題(入口)逐漸變大并高亮在手機(jī)界面中顯示給用戶，方便用戶快速尋找到感興趣的入口，本發(fā)明提供了一種當(dāng)前頁面中需要用戶視線聚集的圖片逐漸變大并變亮的過程，提高了用戶的操作體驗(yàn)，為應(yīng)用程序來帶更多的用戶粘度和用戶友善度，從而建立起應(yīng)用程序自身的核心競爭力。在視覺上，通過將圖片變大及變亮的方式突出了當(dāng)前頁中某一個圖片或者標(biāo)題的顯著度，能讓用戶更多的聚焦在當(dāng)前高亮顯示的入口上，在使用方式上具有樂趣，避免枯燥的千篇一律的使用方式給用戶帶來的審美疲勞和使用乏味。圖2為本發(fā)明的視差翻頁人機(jī)交互方法的手機(jī)界面示意圖。其中圖片一為當(dāng)前頁面中變大并高亮顯示的圖片，方便用戶查看。
[0015]在10S6.0以前，要實(shí)現(xiàn)將圖片逐漸變大的動畫，需要使用老式的Π控件UITableView。UITableView在使用簡單的同時，也有一定的局限性，其擴(kuò)展性不強(qiáng)導(dǎo)致較難實(shí)現(xiàn)一些高度自定義的動畫效果。本發(fā)明的方法主要針對的是1S6.0及以上的系統(tǒng)。基于10S6.0新的Π控件UlCollect1nView，此控件能高度自定義動畫。更進(jìn)一步地，上述圖片或者標(biāo)題的滑動以及逐漸變化的過程采用動畫實(shí)現(xiàn)，其動畫效果采用Π控件UlCollect1nView來實(shí)現(xiàn)圖片或者標(biāo)題得逐漸變化，實(shí)現(xiàn)在當(dāng)前頁面上，其中的一個圖片或者標(biāo)題逐漸變大并變高亮顯示在新的當(dāng)前頁面上，其他圖片大小不變地低亮顯示在新的頁面上。這樣的實(shí)現(xiàn)方法是基于10S6.0系統(tǒng)的，其基于10S6.0系統(tǒng)的Π控件UlCollect1nView,實(shí)現(xiàn)更加方便。<