預(yù)定方向移動(dòng)第二距離。
[0033]通過(guò)上述步驟Sll至步驟S19，利用獲取到的第一圖形元素的預(yù)定區(qū)域作為背景圖層，同時(shí)將第二圖形元素疊加在背景圖層之上。當(dāng)獲取到觸發(fā)信號(hào)時(shí)，第一圖形元素和第二圖形元素分別按照預(yù)定的方向，移動(dòng)不同的距，從而產(chǎn)生移動(dòng)的效果。達(dá)到了開(kāi)發(fā)人員在不使用第三方動(dòng)畫(huà)軟件的情況下，就可以簡(jiǎn)單快捷的開(kāi)發(fā)動(dòng)態(tài)交互界面的目的。通過(guò)上述實(shí)施例，可以通過(guò)兩個(gè)疊加的圖形元素的移動(dòng)，實(shí)現(xiàn)動(dòng)態(tài)交互的視覺(jué)效果。從而解決了現(xiàn)有技術(shù)中因使用利用動(dòng)畫(huà)軟件制作的動(dòng)態(tài)交互界面，導(dǎo)致的動(dòng)態(tài)交互界面開(kāi)發(fā)繁瑣、通用性低的問(wèn)題。
[0034]作為一個(gè)可選實(shí)施例，可以將第一圖形元素作為背景圖層，利用第一圖形元素中的預(yù)定區(qū)域?qū)︼@示界面進(jìn)行填充。當(dāng)獲取到觸發(fā)信號(hào)時(shí)，可以將作為背景圖層的第一圖形元素向預(yù)定方向移動(dòng)。其中，用于對(duì)顯示界面進(jìn)行填充的第一圖形元素，在每一次移動(dòng)時(shí)，用于填充顯示界面的區(qū)域可以按照相同的方向進(jìn)行移動(dòng)，也可以按照不同的方向進(jìn)行移動(dòng)。當(dāng)?shù)谝粓D形元素中用于填充顯示界面的區(qū)域在以相同的方向進(jìn)行移動(dòng)的情況下，每當(dāng)?shù)谝粓D形元素移動(dòng)到一側(cè)邊緣后再獲取到觸發(fā)信號(hào)，則將使用第一圖形元素的預(yù)定區(qū)域?qū)︼@示界面進(jìn)行填充。
[0035]作為一個(gè)可選實(shí)施例，在用于對(duì)顯示界面進(jìn)行填充的第一圖形元素中的各個(gè)區(qū)域，邊緣可以設(shè)置有部分重疊，使得兩個(gè)區(qū)域的切換變得具有連貫性。
[0036]作為一個(gè)可選實(shí)施例，在對(duì)顯示界面進(jìn)行填充時(shí)，可以根據(jù)顯示界面的大小對(duì)第二圖形元素進(jìn)行縮放，縮放至適合于顯示的大小。或者，也可以結(jié)合第一圖形元素的顯示效果，調(diào)整第二圖形元素的大小。從而使圖形界面在移動(dòng)時(shí)，第二圖形元素和第一圖形元素間產(chǎn)生視差，以提升第一圖形元素和第二圖形元素的顯示效果。
[0037]作為一個(gè)可選實(shí)施例，觸發(fā)信號(hào)可以是通過(guò)觸敏屏幕獲取到的觸敏信號(hào)，也可以是通過(guò)鍵盤(pán)、鼠標(biāo)等外界輸入設(shè)備獲取到的特定指令信號(hào)。其中，觸敏信號(hào)又可以分為點(diǎn)擊信號(hào)、滑動(dòng)信號(hào)等。
[0038]作為一個(gè)可選實(shí)施例，當(dāng)接收到的觸發(fā)信號(hào)為滑動(dòng)信號(hào)時(shí)，可以預(yù)先設(shè)置一個(gè)在預(yù)定方向上的預(yù)定距離。通過(guò)計(jì)算得到接收到的滑動(dòng)信號(hào)在預(yù)定方向上的實(shí)際滑動(dòng)距離和預(yù)定距離的移動(dòng)比值。第一圖形元素和/或第二圖形元素根據(jù)上述移動(dòng)比值，向預(yù)定方向進(jìn)行移動(dòng)。通過(guò)上述方法可以達(dá)到第一圖形元素和/或第二圖形元素隨著手指滑動(dòng)而滾動(dòng)的效果，提高了圖形界面在交互時(shí)的沖擊感。
[0039]作為一個(gè)可選實(shí)施例，第二距離可以直接通過(guò)第一距離計(jì)算得出。具體的，首先將第一圖形元素按照寬度等比縮放至屏幕寬度的N倍，然后，預(yù)先設(shè)置一個(gè)視差系數(shù)A。當(dāng)對(duì)現(xiàn)實(shí)界面進(jìn)行切換時(shí)，第一圖形元素會(huì)向預(yù)定方形移動(dòng)第一距離T，然后第二圖形元素的第二移動(dòng)距離可以通過(guò)T/A計(jì)算得出，這樣，就實(shí)現(xiàn)了第一圖形元素和第二圖形元素以不同速率同時(shí)進(jìn)行運(yùn)動(dòng)，以形成視差的效果。
[0040]作為一個(gè)可選實(shí)施例，如圖2所示，在步驟Sll獲取預(yù)先設(shè)置的第一圖形元素和第二圖形元素之后，方法還可以包括:
[0041]步驟S121，獲取顯示界面的界面分辨率和/或預(yù)先設(shè)置的切換次數(shù)，其中，切換次數(shù)為對(duì)顯示界面內(nèi)填充內(nèi)容進(jìn)行切換的次數(shù)。
[0042]步驟S123，根據(jù)界面分辨率和/或切換次數(shù)，確定第一距離和第二距離。
[0043]具體的，通過(guò)步驟S121至步驟S123，既可以通過(guò)單獨(dú)獲取界面分辨率來(lái)確定第一距離和第二距離，也可以通過(guò)單獨(dú)獲取預(yù)先設(shè)置的切換次數(shù)來(lái)確定第一距離和第二距離，當(dāng)然也可以同時(shí)獲取界面分辨率和預(yù)先設(shè)置的切換次數(shù)來(lái)確定第一距離和第二距離。與上述三種方法對(duì)應(yīng)著三種不同的算法，從而根據(jù)輸入的不同條件，確定第一距離和第二距離。除此之外，當(dāng)然也可以根據(jù)開(kāi)發(fā)人員的需要，直接獲取第一距離和第二距離。
[0044]作為一個(gè)可選實(shí)施例，當(dāng)單獨(dú)獲取界面分辨率時(shí)，步驟S123根據(jù)界面分辨率和/或切換次數(shù)，確定第一距離和第二距離包括:
[0045]步驟S31a，根據(jù)界面分辨率和第一圖形元素的第一圖像分辨率，對(duì)第一圖形元素進(jìn)行切分，確定切換次數(shù)。
[0046]步驟S33a，根據(jù)切換次數(shù)和第一圖像分辨率，確定第一距離。
[0047]步驟S35a，根據(jù)切換次數(shù)和第二圖形元素的第二圖像分辨率，確定第二距離。
[0048]在實(shí)際當(dāng)中，同一個(gè)圖形界面可能被應(yīng)用于不同的設(shè)備當(dāng)中。因此，可以通過(guò)步驟S31a至步驟S35a，首先獲取用于顯示圖形界面的界面分辨率，根據(jù)界面分辨率對(duì)第一圖形元素進(jìn)行切分，從而確定對(duì)第一圖形元素總的切換次數(shù)。然后，根據(jù)切換次數(shù)和第一圖像分辨率、切換次數(shù)和第二圖像分辨率，確定第一距離和第二距離。
[0049]作為一個(gè)可選實(shí)施例，當(dāng)單獨(dú)獲取切換次數(shù)時(shí)，步驟S123根據(jù)界面分辨率和/或切換次數(shù)，確定第一距離和第二距離包括:
[0050]步驟S31b，根據(jù)切換次數(shù)和第一圖形元素的第一圖像分辨率，確定第一距離。
[0051]步驟S33b，根據(jù)切換次數(shù)和第二圖形元素的第二圖像分辨率，確定第二距離。
[0052]具體的，通過(guò)步驟S31b至步驟S33b，直接獲取切換次數(shù)，從而根據(jù)切換次數(shù)和第一圖像分辨率、切換次數(shù)和第二圖像分辨率，確定第一距離和第二距離。
[0053]作為一個(gè)可選實(shí)施例，當(dāng)同時(shí)獲取界面分辨率和切換次數(shù)時(shí)，步驟S123根據(jù)界面分辨率和/或切換次數(shù)，確定第一距離和第二距離包括:
[0054]步驟S31c，根據(jù)界面分辨率和切換次數(shù)，對(duì)第一圖形元素進(jìn)行縮放得到第一圖形元素的第三圖像分辨率。
[0055]步驟S33c，根據(jù)切換次數(shù)和第三圖像分辨率，確定第一距離。
[0056]步驟S35c，根據(jù)切換次數(shù)和第二圖形元素的第二圖像分辨率，確定第二距離。
[0057]具體的，通過(guò)步驟S31c和步驟S33c，可以根據(jù)界面分辨率和切換次數(shù)，計(jì)算得出背景圖片的需求分辨率。根據(jù)需求分辨率，對(duì)第一圖形元素進(jìn)行等比例縮放，從而得到縮放后的第一圖形元素的第三圖像分辨率。最后，根據(jù)第三圖像分辨率和切換次數(shù)，計(jì)算得到第一距離，根據(jù)第二圖像分辨率和切換次數(shù)，計(jì)算得到第二距離。
[0058]作為一個(gè)可選實(shí)施例，如圖3所示，在步驟S15獲取觸發(fā)信號(hào)之后，方法還包括:
[0059]步驟S161，獲取文字信息。
[0060]步驟S163，根據(jù)觸發(fā)信號(hào)和文字信息，切換在顯示界面中顯示的文字內(nèi)容。
[0061]具體的，除了在顯示界面當(dāng)中顯示第一圖形元素和第二圖形元素之外，還可以通過(guò)步驟S161至步驟S163，獲取文字信息，使文字與圖形元素配合顯示，獲得更好的顯示效果。通過(guò)文字信息，對(duì)第一圖形元素和第二圖形元素所顯示的內(nèi)容進(jìn)行解釋說(shuō)明，或者以圖形元素和文字信息相結(jié)合的方式進(jìn)行展示。
[0062]作為一個(gè)可選實(shí)施例，在步驟S163根據(jù)觸發(fā)信號(hào)和文字信息，切換在顯示界面中顯示的文字內(nèi)容中，可以包括:
[0063]步驟S1631，根據(jù)文字信息和切換次數(shù)，確定與切換次數(shù)數(shù)量匹配的文字字段。
[0064]步驟S1633，根據(jù)所觸發(fā)信號(hào)，依次切換顯示界面中用于顯示的文字字段。
[0065]具體的，通過(guò)步驟S1631至步驟S1633，將獲取到的文字信息，按照切換次數(shù)進(jìn)行分段處理，得到與切換次數(shù)數(shù)量匹配的文字字段。根據(jù)觸發(fā)信號(hào)，依次對(duì)文字信息中的不同文字字段進(jìn)行展示。
[0066]作為一個(gè)可選實(shí)施例，文字字段可以是直接按照預(yù)先分好段落的文字信息直接確定的，也可以是根據(jù)整段文字信息中的標(biāo)點(diǎn)符號(hào)和切換次數(shù)的數(shù)量確定得出的，在這里，不對(duì)文字信息進(jìn)行具體限定。而文字信息的載體，可以是文本文件、xml文件等。
[0067]作為一個(gè)可選實(shí)施例，在步