创建视图转换与Kindle应用程序类似

Question

我非常喜欢Objective C和IOS开发的速度，但我没有做任何动画（缺少动画：是的东西）。

我想就如何开发类似于亚马逊Kindle应用程序中使用的页面转换提供建议。在Kindle应用中阅读书籍时，向左或向右滑动会“翻动”页面。翻页由当前页面向右或向左滑动显示，新页面从左侧或右侧进入。这是一个很好的视觉指示，说明正在发生的事情，而不会过分浮华。有趣的是，如果你没有足够的滑动，当前页面就会回到原来的位置。不知道我需要那部分，但。

有问题的视图是一个UIWebView。我假设我可以制作另一个UIWebView，根据需要填充其内容，并为两者之间的转换创建动画。只是不知道该怎么做。

我正在为IOS 4及以上编码。

谢谢

Answer 1

我在我的应用程序中做出了类似的事情。看看我的代码负责处理长按手势（它也可以刷卡）：

float startX; 
float displacement; 
-(IBAction)handleLongPressGesture:(UILongPressGestureRecognizer *)sender 
{ 

    float nowX; 
     if (sender.state == UIGestureRecognizerStateBegan) 
     { 
      startX = [sender locationInView:mainWidgetView].x; 
     } 
     if (sender.state == UIGestureRecognizerStateEnded || sender.state == UIGestureRecognizerStateCancelled) 
     {  
      if (abs(displacement) > PIXELS_TO_MOVE) 
      { 
       if (displacement > 0) 
        [self moveLeft]; 
       else if (displacement < 0) 
        [self moveRight ];      
      } 
      else 
      { 
       [self moveWebViewsToOriginalPositions]; 
      } 
      return; 
     } 

    nowX = [sender locationInView:mainWidgetView].x; 
    displacement = nowX - startX; 
    if ((displacement > 0 && slider.currentPage == 0) || (displacement < 0 && slider.currentPage == slider.numberOfPages -1 )) 
    { 
     return; 
    } 

    [self moveWebViewsBy:displacement]; 

} 


-(void)moveWebViewsBy:(float)dx 
{ 
     for (int i = 0; i<3 ; i ++) 
     { 
      float oldDx = [ mainWidgetManager originalPositionForWebView:i ] ; 
      //float oldDy = mainWebViews[i].layer.position.y; 
      float oldDy = 425/2; 
      [mainWebViews[i].layer setPosition:CGPointMake(oldDx+dx, oldDy)]; 
     } 


} 

-(void)moveWebViewsToOriginalPositions 
{ 

    [UIView animateWithDuration:0.4 
          delay:0 
         options: UIViewAnimationOptionCurveEaseOut 
        animations:^{ 
         for (int i = 0; i<3 ; i ++) 
         { 
          float oldDx = [ mainWidgetManager originalPositionForWebView:i ] ; 
          //float oldDy = mainWebViews[i].layer.position.y; 
          float oldDy = 425/2; 
          [mainWebViews[i].layer setPosition:CGPointMake(oldDx, oldDy)]; 
         } 

        } 
        completion:nil]; 

} 

让我知道你是否需要任何帮助。如果需要，我可以向您展示负责刷卡的代码。