2016-08-30 6 views
0

Я работаю над iPhone приложениями, где у меня есть 5-6 изображений. Я хочу изменить изображение, используя анимацию завивки страницы, например iBook, где пользователь может прокручивать страницу в соответствии с движением пальца с анимацией завитки страницы. Я хочу реализовать ту же анимацию на iPhone. Есть ли способ обойтись без использования частных библиотек или UIPageViewController или если есть какой-либо образец, доступный для этого?iBook Image Curl Animation on iOS

Помимо поиска Google я получаю какие-то такие, как найти библиотеки:

Листья

paperstack

XBPagecurl

pagecurling

Не получили большую помощь.

+0

посмотреть http://www.iostute.com/2015/04/how-to-implement-partial-and-full-page.html –

+0

Спасибо Anbu. Я просмотрел его. но это происходит при нажатии кнопки с предопределенной продолжительностью и временем анимации. Я хочу эту функциональность в соответствии с движением пальцев пользователя, как это реализовано в приложении iBooks. –

+0

настроить свой собственный код в жесте, что все –

ответ

0

Пожалуйста, не выбирайте точное решение, выше решение даст вам некоторое представление, и вы можете работать над этим и расширять его. Таким образом, вы узнаете больше, тем больше вы играете. Я предлагаю блог, пожалуйста, просмотрите его.

Implement partial and full page curl animation in iOS app

1

Добавить салфетки жест на ваш взгляд, как этот

UISwipeGestureRecognizer *gesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(curlAnimation)]; 
[gesture setDirection:UISwipeGestureRecognizerDirectionLeft]; 
[self.view1 addGestureRecognizer:gesture]; 

Сделать завиток анимации, используя следующий фрагмент кода

- (void)curlAnimation 
{ 
    [UIView animateWithDuration:1.0 
        animations:^{ 
         CATransition * animation = [CATransition animation]; 
         [animation setDelegate:self]; 
         [animation setDuration:1.2f]; 
         animation.startProgress = 0.0; 
         animation.endProgress = 1; 
         [animation setTimingFunction:UIViewAnimationCurveEaseInOut]; 
         [animation setType:@"pageCurl"]; 
         [animation setSubtype:@"fromRight"]; 
         [animation setRemovedOnCompletion:NO]; 
         [animation setFillMode: @"extended"]; 
         [animation setRemovedOnCompletion: NO]; 
         [[self.view1 layer] addAnimation:animation 
                  forKey:@"pageFlipAnimation"]; 
        } 
    ]; 
} 

Вы можете установить «fromLeft» вместо fromRight в этом методе [animation setSubtype:@"fromRight"] для анимации слева направо

enter image description here

Счастливый кодирования ..

 Смежные вопросы

  • Нет связанных вопросов^_^