編寫簡單的翻頁效果

2021-05-23 20:28:23 字數 3152 閱讀 7880

翻頁效果,類似下面的樣子:

在電子書應用中會很常見。這裡需要兩個要點:

先說一下輕掃(swipe)的實現,可以參考編寫簡單的手勢示例:tap了解手勢種類。

在viewdidload方法中註冊了對上、下、左、右四個方向輕鬆的處理方法:

- (void)viewdidload {

uiswipegesturerecognizer *recognizer;

recognizer = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(handleswipefrom:)];

[recognizer setdirection:(uiswipegesturerecognizerdirectionright)];

[[self view] addgesturerecognizer:recognizer];

[recognizer release];

recognizer = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(handleswipefrom:)];

[recognizer setdirection:(uiswipegesturerecognizerdirectionup)];

[[self view] addgesturerecognizer:recognizer];

[recognizer release];

recognizer = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(handleswipefrom:)];

[recognizer setdirection:(uiswipegesturerecognizerdirectiondown)];

[[self view] addgesturerecognizer:recognizer];

[recognizer release];

recognizer = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(handleswipefrom:)];

[recognizer setdirection:(uiswipegesturerecognizerdirectionleft)];

[[self view] addgesturerecognizer:recognizer];

[recognizer release];

[super viewdidload];

可以看到,都是同乙個方法,handleswipefrom。

在該方法中,再識別具體是哪個方向的輕掃手勢,比如判斷是向下的輕掃:

-(void)handleswipefrom:(uiswipegesturerecognizer *)recognizer {

nslog(@"swipe received.");

if (recognizer.direction==uiswipegesturerecognizerdirectiondown) {

nslog(@"swipe down");

判斷是向上的輕掃:

if (recognizer.direction==uiswipegesturerecognizerdirectionup) {

nslog(@"swipe up");

有關動畫的處理,比如向下(往回)翻頁,類似這樣:

[uiview beginanimations:@"animationid" context:nil];

[uiview setanimationduration:0.7f];

[uiview setanimationcurve:uiviewanimationcurveeaseinout];

[uiview setanimationrepeatautoreverses:no];

[uiview setanimationtransition:uiviewanimationtransitioncurldown forview:self.view cache:yes];

[currentview removefromsuperview];

[self.view addsubview:contentview];

[uiview commitanimations];

向上(向前)翻頁,只需改為:

[uiview beginanimations:@"animationid" context:nil];

[uiview setanimationduration:0.7f];

[uiview setanimationcurve:uiviewanimationcurveeaseinout];

[uiview setanimationrepeatautoreverses:no];

[uiview setanimationtransition:uiviewanimationtransitioncurlupforview:self.view cache:yes];

[currentview removefromsuperview];

[self.view addsubview:contentview];

[uiview commitanimations];

這樣,寫一套翻頁**和載入什麼圖形之間就可以解耦。

儲存在resources下。

為了能讓上頁下頁翻頁的時候找到關聯的頁面,採用了如下機制:

比如這樣,當應用載入的時候顯示第一頁:

在翻頁時的處理:

編寫簡單的翻頁效果

翻頁效果,類似下面的樣子 在電子書應用中會很常見。這裡需要兩個要點 先說一下輕掃 swipe 的實現,可以參考編寫簡單的手勢示例 tap了解手勢種類。在viewdidload方法中註冊了對上 下 左 右四個方向輕鬆的處理方法 void viewdidload uiswipegesturerecogn...

Iphone實現簡單翻頁效果

經常看到iphone的軟體向上向下翻頁面的效果,其實這個很簡單,已經有封裝好的相關方法處理。首先設定動畫的相關引數 uiview beginanimations curl context nil uiview setanimationduration 1.25 時間 uiviewsetanimati...

jquery無重新整理翻頁,無翻頁效果

前台 名稱 nc2 httputility.urlencode 值 class lk mw 更多 一般處理程式 using system using system.collections using system.data using system.web using system.web.serv...