專利名稱：一種手機(jī)上瀏覽圖片的方法
一種手機(jī)上瀏覽圖片的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種手機(jī)上瀏覽圖片的方法。背景技術(shù)：
隨著手機(jī)在人們的生活中占據(jù)越來越重要的地位，手機(jī)上的人機(jī)界面也越來越為用戶所關(guān)注，通過絢麗的色彩、精美的圖片為手機(jī)增加吸引力和競(jìng)爭(zhēng)力。
手機(jī)的屏幕比較小，不適合多張圖片的一次性展示，也不太好操作圖片?，F(xiàn)有技術(shù)實(shí)現(xiàn)了并排設(shè)置多張圖片的方法來展示圖片，用戶通過手指滑動(dòng)瀏覽圖片，使得在手機(jī)有限的空間下，充分的展示圖片。但是，畢竟手機(jī)的屏幕比較小，無法一次性在屏幕上顯示更多的圖片。
另外，它沒有一個(gè)指示器來標(biāo)示當(dāng)前處于哪一張圖片，和當(dāng)前圖片的信息，同時(shí)也無法實(shí)現(xiàn)自動(dòng)輪播，無法滿足需要自動(dòng)展示的情況。
發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問題之一在于提供一種手機(jī)瀏覽圖片的方法，該方法使得在手機(jī)有限的屏幕空間中，自動(dòng)輪播更好展現(xiàn)圖片給用戶，使得用戶有更新的瀏覽圖片的體驗(yàn)。
本發(fā)明所要解決的技術(shù)問題之二在于提供另一種手機(jī)瀏覽圖片的方法，該方法使得在手機(jī)有限的屏幕空間中，通過手勢(shì)用戶能便捷的查看到要關(guān)注的圖片，使得用戶有更新的瀏覽圖片的體驗(yàn)。
本發(fā)明采用以下技術(shù)方案之一解決上述技術(shù)問題之一
技術(shù)方案之一
一種手機(jī)上瀏覽圖片的方法，包括如下步驟
步驟1 將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置，位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置；
步驟2 手機(jī)內(nèi)設(shè)置有一定時(shí)器，每隔T時(shí)間，則循環(huán)進(jìn)行步驟3-5 ；
步驟3 設(shè)定移動(dòng)速度為V，圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+ (Math, abs (rotationAngle) 5)
其中childWidth 圖片的寬度
mMaxRotationAngle 設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90
mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120
rotationAngle 就是每張圖片的旋轉(zhuǎn)速度Vl ；
步驟4:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)；
步驟5 判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
進(jìn)一步地，所述步驟4與步驟5之間還包括
步驟41 :當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信肩、ο
進(jìn)一步地，所述A角度為45°。
進(jìn)一步地，所述T時(shí)間為5秒鐘。
本發(fā)明采用以下技術(shù)方案之二解決上述技術(shù)問題之二
技術(shù)方案之二
一種手機(jī)上瀏覽圖片的方法，包括如下步驟
步驟a:將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置，位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置；
步驟b 當(dāng)用戶手指向右滑動(dòng)時(shí)，手機(jī)內(nèi)置的加速度傳感器計(jì)算出手指滑動(dòng)速度 V ；
步驟C:根據(jù)手指滑動(dòng)速度V和圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 圖片的寬度
mMaxRotationAngle 設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90
mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120
rotationAngle 就是每張圖片的旋轉(zhuǎn)速度Vl ；
步驟d:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)；
步驟e 當(dāng)用戶手指放開時(shí)，圖片停止旋轉(zhuǎn)和移動(dòng)，判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
進(jìn)一步地，所述步驟d與步驟e之間還包括
步驟dl :當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信肩、ο
進(jìn)一步地，所述A角度為45°。
本發(fā)明的優(yōu)點(diǎn)在于在手機(jī)上使用雜志封面的方式來展示圖片，不僅在有限的空間內(nèi)可以展示更多圖片，同時(shí)可使用手勢(shì)來控制圖片的展示，畫面有一種流暢的動(dòng)感，使得用戶有更新的瀏覽圖片的體驗(yàn)。隨著圖片的移動(dòng)，圖片下面的指示器會(huì)相應(yīng)變化，同時(shí)顯示5出圖片的標(biāo)題，在需要輪播的情況下還能實(shí)現(xiàn)不需人工控制，自動(dòng)播放。

下面參照附圖結(jié)合實(shí)施例對(duì)本發(fā)明作進(jìn)一步的描述。
圖1是本發(fā)明中手機(jī)屏幕上圖片在未移動(dòng)前的狀態(tài)示意圖。
圖2是本發(fā)明實(shí)施例一工作流程示意圖。
圖3是本發(fā)明實(shí)施例二工作流程示意圖。
具體實(shí)施方式
實(shí)施例一
一種手機(jī)上瀏覽圖片的方法包括如下步驟
步驟1 將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置，位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)45°角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn)45°角度傾斜設(shè)置；如圖1所示。
步驟2 手機(jī)內(nèi)設(shè)置有一定時(shí)器，每隔5秒時(shí)間，則循環(huán)進(jìn)行步驟3-5 ；
步驟3 設(shè)定移動(dòng)速度為V，圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 圖片的寬度
mMaxRotationAngle 設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90
mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120
rotationAngle 就是每張圖片的旋轉(zhuǎn)速度VI。
步驟4:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)。
步驟41 :當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信息，如圖1中指示器為1，圖片信息為2。
步驟5 判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
圖2所示為以上工作流程圖。程序設(shè)定有一種自動(dòng)觸發(fā)圖片輪播，即當(dāng)程序初始化時(shí)，設(shè)定了一個(gè)定時(shí)器Timer，每5秒時(shí)間使圖片向右移動(dòng)一格。
實(shí)施例二
一種手機(jī)上瀏覽圖片的方法，包括如下步驟
步驟a:將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置，位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)45°角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn)45°角度傾斜設(shè)置；如圖1所示。
步驟b 當(dāng)用戶手指向右滑動(dòng)時(shí)，手機(jī)內(nèi)置的加速度傳感器計(jì)算出手指滑動(dòng)速度V。
步驟c 根據(jù)手指滑動(dòng)速度V和圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 圖片的寬度
mMaxRotationAngle 設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90
mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120
rotationAngle 就是每張圖片的旋轉(zhuǎn)速度VI。
步驟d:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)。
步驟dl :當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信息，如圖1中指示器為1，圖片信息為2。
步驟e 當(dāng)用戶手指放開時(shí)，圖片停止旋轉(zhuǎn)和移動(dòng)，判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
圖3所示為以上工作流程圖。除了實(shí)施例一中的自動(dòng)觸發(fā)圖片輪播，本實(shí)例二還設(shè)定了手動(dòng)觸發(fā)，隨用戶手指的移動(dòng)，圖片向右移動(dòng)。
本發(fā)明在手機(jī)上使用雜志封面的方式來展示圖片，不僅在有限的空間內(nèi)可以展示更多圖片，同時(shí)可使用手勢(shì)來控制圖片的展示，畫面有一種流暢的動(dòng)感，使得用戶有更新的瀏覽圖片的體驗(yàn)。隨著圖片的移動(dòng)，圖片下面的指示器會(huì)相應(yīng)變化，同時(shí)顯示出圖片的標(biāo)題，在需要輪播的情況下還能實(shí)現(xiàn)不需人工控制，自動(dòng)播放。
權(quán)利要求
1.一種手機(jī)上瀏覽圖片的方法，其特征在于包括如下步驟步驟1 將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置， 位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn) A角度傾斜設(shè)置；步驟2 手機(jī)內(nèi)設(shè)置有一定時(shí)器，每隔T時(shí)間，則循環(huán)進(jìn)行步驟3-5 ； 步驟3 設(shè)定移動(dòng)速度為V，圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle) V2 = VV3 = mMaxZoom+(Math, abs(rotationAngle)*1· 5) 其中childWidth 圖片的寬度 mMaxRotationAngle 設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90 mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120 rotationAngle 就是每張圖片的旋轉(zhuǎn)速度Vl ；步驟4:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)；步驟5 判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
2.如權(quán)利要求1所述的一種手機(jī)上瀏覽圖片的方法，其特征在于所述步驟4與步驟5 之間還包括步驟41 當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信息。
3.如權(quán)利要求1或2所述的一種手機(jī)上瀏覽圖片的方法，其特征在于所述A角度為 45°。
4.如權(quán)利要求1或2所述的一種手機(jī)上瀏覽圖片的方法，其特征在于所述T時(shí)間為5秒鐘。
5.一種手機(jī)上瀏覽圖片的方法，其特征在于包括如下步驟步驟a 將手機(jī)屏幕上并排排列的一組圖片進(jìn)行排列位于中間的一個(gè)圖片水平設(shè)置， 位于左邊的圖片均繞Y軸順時(shí)針旋轉(zhuǎn)A角度傾斜設(shè)置，位于右邊的圖片繞Y軸逆時(shí)針旋轉(zhuǎn) A角度傾斜設(shè)置；步驟b:當(dāng)用戶手指向右滑動(dòng)時(shí)，手機(jī)內(nèi)置的加速度傳感器計(jì)算出手指滑動(dòng)速度V; 步驟c 根據(jù)手指滑動(dòng)速度V和圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3 ；V 1 = (ff/ch i1dffi dth)^mMaxRotat i onAngle) V2 = VV3 = mMaxZoom+(Math, abs(rotationAngle)*1· 5) 其中childWidth 圖片的寬度 mMaxRotationAngle :設(shè)定的最大旋轉(zhuǎn)角度，默認(rèn)90 mMaxZoom 設(shè)定的最大的放大值，默認(rèn)120rotationAngle 就是每張圖片的旋轉(zhuǎn)速度Vl ；步驟d:遍歷每張圖片，調(diào)用系統(tǒng)的動(dòng)畫類函數(shù)，傳入每張圖片的旋轉(zhuǎn)速度VI、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)；步驟e:當(dāng)用戶手指放開時(shí)，圖片停止旋轉(zhuǎn)和移動(dòng)，判斷居中的圖片是否水平，如果不是，則繼續(xù)移動(dòng)和旋轉(zhuǎn)，直至居中的圖片處于水平狀態(tài)。
6.如權(quán)利要求5所述的一種手機(jī)上瀏覽圖片的方法，其特征在于所述步驟d與步驟e 之間還包括步驟dl 當(dāng)圖片的移動(dòng)距離大于圖片寬度時(shí)，說明指示器控件已經(jīng)向右移動(dòng)一格，指示器控件刷新，指向當(dāng)前圖片；同時(shí)圖片信息顯示控件刷新，顯示當(dāng)前居中的圖片信息。
7.如權(quán)利要求5或6所述的一種手機(jī)上瀏覽圖片的方法，其特征在于所述A角度為 45°。
全文摘要
一種手機(jī)上瀏覽圖片的方法，包括將手機(jī)屏幕上的一組圖片位于中間的一個(gè)圖片水平設(shè)置，位于左邊的圖片和位于右邊的圖片均傾斜設(shè)置；當(dāng)用戶手指向右滑動(dòng)時(shí)，根據(jù)手指滑動(dòng)速度V和圖片中心與手機(jī)屏幕中心的距離W，計(jì)算出每張圖片的旋轉(zhuǎn)速度V1、位移速度V2、景深速度V3；遍歷每張圖片，傳入每張圖片的旋轉(zhuǎn)速度V1、位移速度V2、景深速度V3這三個(gè)參數(shù)，使圖片運(yùn)動(dòng)；當(dāng)用戶手指放開時(shí)，圖片停止旋轉(zhuǎn)和移動(dòng)。本發(fā)明在手機(jī)上使用封面的方式來展示圖片，不僅在有限的空間內(nèi)可以展示更多圖片，同時(shí)使得用戶有更新的瀏覽圖片的體驗(yàn)。
文檔編號(hào)H04M1/725GK102523334SQ201110380110
公開日2012年6月27日 申請(qǐng)日期2011年11月25日 優(yōu)先權(quán)日2011年11月25日
發(fā)明者劉德建, 林其翔, 鄭定國, 鄭曉彬 申請(qǐng)人:福州博遠(yuǎn)無線網(wǎng)絡(luò)科技有限公司