UIScrollView горизонтальне підкачування, як вкладки Mobile Safari

Mobile Safari дозволяє перемикати сторінки, вводячи своєрідний горизонтальний вигляд підкачки UIScrollView з елементом керування сторінками внизу.

Я намагаюся відтворити цю особливу поведінку, коли горизонтально прокручуваний UIScrollView показує частину вмісту наступного подання.

Приклад від Apple: PageControl показує, як використовувати UIScrollView для горизонтальної сторінки, але всі подання займають всю ширину екрана.

Як отримати UIScrollView для показу деякого вмісту наступного перегляду, як це робить мобільне Safari?

A UIScrollViewз увімкненим підкачуванням зупиниться на кратному його ширині (або висоті) кадру. Отже, перший крок - з’ясувати, наскільки широкими ви хочете, щоб були ваші сторінки. Зробіть так, щоб ширина UIScrollView. Потім встановіть розміри підпрогляду, якими б великими вони вам не були, та встановіть їх центри, виходячи з кратних UIScrollViewширині.

Тоді, так як ви хочете , щоб побачити інші сторінки, звичайно, встановити clipsToBoundsна NOяк зазначено mhjoy. Зараз фокус полягає в тому, щоб прокрутити його, коли користувач починає перетягування поза діапазоном UIScrollViewкадру. Моє рішення (коли мені довелося це зробити зовсім недавно) було таким:

Створіть UIViewпідклас (тобто ClipView), який міститиме UIScrollViewпідзаголовки і це. По суті, він повинен мати рамки того, що, як ви вважаєте, було UIScrollViewб за звичайних обставин. Розмістіть UIScrollViewв центрі ClipView. Переконайтеся, що для параметра ClipViews clipsToBoundsвстановлено значення, YESякщо його ширина менше ширини батьківського подання. Крім того, ClipViewпотрібне посилання на UIScrollView.

Останній крок - перевизначення - (UIView *)hitTest:withEvent:всередині ClipView.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
  return [self pointInside:point withEvent:event] ? scrollView : nil;
}

Це в основному розширює область дотику UIScrollViewдо рамки зору батьків, саме те, що вам потрібно.

Іншим варіантом може бути підклас UIScrollViewі перевизначення його - (BOOL)pointInside:(CGPoint) point withEvent:(UIEvent *) eventметоду, однак вам все одно знадобиться подання контейнера для відсікання, і може бути важко визначити, коли повертати, YESвиходячи лише з UIScrollViewкадру '.

ПРИМІТКА. Вам також слід поглянути на модифікацію hitTest: withEvent: Юрі Пакасте, якщо у вас виникли проблеми з взаємодією користувача з підзаголовком.

ClipViewРішення вище працювало для мене, але я повинен був зробити іншу -[UIView hitTest:withEvent:]реалізацію. Версія Еда Марті не отримала взаємодії з користувачем, працюючи з вертикальними прокрутками, які я маю всередині горизонтальної.

Для мене працювала наступна версія:

-(UIView*)hitTest:(CGPoint)point withEvent:(UIEvent*)event
{
    UIView* child = nil;
    if ((child = [super hitTest:point withEvent:event]) == self)
        return self.scrollView;     
    return child;
}

Встановіть розмір кадру для scrollView як розмір ваших сторінок:

[self.view addSubview:scrollView];
[self.view addGestureRecognizer:mainScrollView.panGestureRecognizer];

Тепер ви можете рухатись далі self.view , і вміст на scrollView буде прокручуватися.
Також використовуйте scrollView.clipsToBounds = NO;для запобігання відсікання вмісту.

Я сам завершив користувальницький UIScrollView, оскільки мені здалося, це був найшвидший і простіший метод. Однак я не бачив жодного точного коду, тому припустив, що поділюсь. Мої потреби полягали в UIScrollView, який мав невеликий вміст, а тому сам UIScrollView був невеликим для досягнення ефекту підкачки. Як повідомляється в дописі, ви не можете проводити пальцем. Але тепер ви можете.

Створіть клас CustomScrollView та підклас UIScrollView. Тоді все, що вам потрібно зробити, це додати це у файл .m:

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
  return (point.y >= 0 && point.y <= self.frame.size.height);
}

Це дозволяє прокручувати з боку в бік (горизонтально). Відповідно відрегулюйте межі, щоб встановити область дотику, яка проводиться пальцем / прокруткою. Насолоджуйтесь!

Я зробив ще одну реалізацію, яка може автоматично повернути перегляд прокрутки. Тож не потрібно мати IBOutlet, який обмежить повторне використання в проекті.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    if ([self pointInside:point withEvent:event]) {
        for (id view in [self subviews]) {
            if ([view isKindOfClass:[UIScrollView class]]) {
                return view;
            }
        }
    }
    return nil;
}

У мене є ще одна потенційно корисна модифікація для реалізації ClipView hitTest. Мені не сподобалось надавати посилання UIScrollView на ClipView. Моя реалізація нижче дозволяє повторно використовувати клас ClipView, щоб розширити область перевірки хітів чого-небудь, і не потрібно надавати йому посилання.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    if (([self pointInside:point withEvent:event]) && (self.subviews.count >= 1))
    {
        // An extended-hit view should only have one sub-view, or make sure the
        // first subview is the one you want to expand the hit test for.
        return [self.subviews objectAtIndex:0];
    }

    return nil;
}

Я реалізував запропоновану вище пропозицію, але те, що UICollectionViewя використовував, вважало щось поза кадром не на екрані. Це призвело до того, що сусідні клітинки виводились за межі лише тоді, коли користувач прокручував до них, що не було ідеально.

У підсумку я зробив імітацію поведінки прокрутки шляхом додавання методу нижче до делегата (або UICollectionViewLayout).

- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{    
  if (velocity.x > 0) {
    proposedContentOffset.x = ceilf(self.collectionView.contentOffset.x / pageSize) * pageSize;
  }
  else {
    proposedContentOffset.x = floorf(self.collectionView.contentOffset.x / pageSize) * pageSize;
  }

  return proposedContentOffset;
}

Це дозволяє уникнути делегування дії по проведенню пальцем, що також було бонусом. The UIScrollViewDelegateмає подібний метод, scrollViewWillEndDragging:withVelocity:targetContentOffset:який можна використати для розміщення сторінок UITableViews та UIScrollViews.

Увімкніть активацію подій натискання на дочірні види подання прокрутки, підтримуючи техніку цього SO-запитання. Використовує посилання на режим прокрутки (self.scrollView) для читабельності.

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    UIView *hitView = nil;
    NSArray *childViews = [self.scrollView subviews];
    for (NSUInteger i = 0; i < childViews.count; i++) {
        CGRect childFrame = [[childViews objectAtIndex:i] frame];
        CGRect scrollFrame = self.scrollView.frame;
        CGPoint contentOffset = self.scrollView.contentOffset;
        if (childFrame.origin.x + scrollFrame.origin.x < point.x + contentOffset.x &&
            point.x + contentOffset.x < childFrame.origin.x + scrollFrame.origin.x + childFrame.size.width &&
            childFrame.origin.y + scrollFrame.origin.y < point.y + contentOffset.y &&
            point.y + contentOffset.y < childFrame.origin.y + scrollFrame.origin.y + childFrame.size.height
        ){
            hitView = [childViews objectAtIndex:i];
            return hitView;
        }
    }
    hitView = [super hitTest:point withEvent:event];
    if (hitView == self)
        return self.scrollView;
    return hitView;
}

Додайте це до подання дитини, щоб зафіксувати подію дотику:

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

(Це варіація рішення user1856273. Очищено для читабельності та включено виправлення помилок Бартсерка. Я думав відредагувати відповідь user1856273, але це було занадто великою зміною.)

моя версія Натискання кнопки, що лежить на сувої - робота =)

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    UIView* child = nil;
    for (int i=0; i<[[[[self subviews] objectAtIndex:0] subviews] count];i++) {

        CGRect myframe =[[[[[self subviews] objectAtIndex:0] subviews]objectAtIndex:i] frame];
        CGRect myframeS =[[[self subviews] objectAtIndex:0] frame];
        CGPoint myscroll =[[[self subviews] objectAtIndex:0] contentOffset];
        if (myframe.origin.x < point.x && point.x < myframe.origin.x+myframe.size.width &&
            myframe.origin.y+myframeS.origin.y < point.y+myscroll.y && point.y+myscroll.y < myframe.origin.y+myframeS.origin.y +myframe.size.height){
            child = [[[[self subviews] objectAtIndex:0] subviews]objectAtIndex:i];
            return child;
        }


    }

    child = [super hitTest:point withEvent:event];
    if (child == self)
        return [[self subviews] objectAtIndex:0];
    return child;
    }

але прокруткою має бути лише [[самопідпрогляди] objectAtIndex: 0]

Ось швидка відповідь, заснована на відповіді Еда Марті, але також включає модифікацію Юрі Пакасте, щоб дозволити натискання кнопок тощо всередині прокрутки.

override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
    let view = super.hitTest(point, with: event)
    return view == self ? scrollView : view
}