Mobil Safari sekmeleri gibi UIScrollView yatay sayfalama

Mobile Safari, altta bir sayfa kontrolü ile bir tür UIScrollView yatay sayfalama görünümü girerek sayfaları değiştirmenize olanak tanır.

Yatay olarak kaydırılabilir bir UIScrollView'in sonraki görünümün içeriğinin bir kısmını gösterdiği bu belirli davranışı kopyalamaya çalışıyorum.

Apple tarafından sağlanan örnek: PageControl, yatay sayfalama için bir UIScrollView'ın nasıl kullanılacağını gösterir, ancak tüm görünümler tüm ekran genişliğini kaplar.

Mobil Safari'nin yaptığı gibi sonraki görünümün bazı içeriğini göstermek için bir UIScrollView'ı nasıl edinebilirim?

Bir UIScrollViewetkin çağn ile çerçeve genişliği (veya yüksekliği) adedi durur. Yani ilk adım, sayfalarınızın ne kadar geniş olmasını istediğinizi belirlemektir. Bunu UIScrollView. Ardından, alt görüntünüzün boyutlarını, ihtiyaç duyduğunuz kadar büyük ayarlayın ve merkezlerini UIScrollViewgenişliğin katlarına göre ayarlayın .

Ardından, set elbette diğer sayfaları, görmek istiyorum çünkü clipsToBoundshiç NOmhjoy belirtildiği gibi. İşin püf noktası, kullanıcı UIScrollViewçerçevesinin aralığı dışında sürüklemeye başladığında kaydırmasını sağlamaktır . Benim çözümüm (bunu çok yakın zamanda yapmak zorunda kaldığımda) şuydu:

Ve UIViewalt görünümlerini ClipViewiçerecek bir alt sınıf (yani ) oluşturun UIScrollView. Esasen, UIScrollViewnormal koşullar altında sahip olacağını varsayacağınız çerçeveye sahip olmalıdır . 'Nin UIScrollViewortasına yerleştirin ClipView. Genişliği üst görünümünden daha azsa ClipView's' in clipsToBoundsayarlandığından emin olun YES. Ayrıca, ClipViewbir başvuru gerekiyor UIScrollView.

Son adım geçersiz kılmak için - (UIView *)hitTest:withEvent:içeride ClipView.

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

Bu, temelde, dokunma alanını UIScrollView, tam da ihtiyacınız olana, üst öğesinin görünümünün çerçevesine genişletir .

Diğer bir seçenek UIScrollView, - (BOOL)pointInside:(CGPoint) point withEvent:(UIEvent *) eventyöntemini alt sınıfa ayırmak ve geçersiz kılmak olabilir , ancak yine de kırpmayı yapmak için bir kap görünümüne ihtiyacınız olacak ve YESyalnızca UIScrollViewkaresine bağlı olarak ne zaman döneceğinizi belirlemek zor olabilir .

NOT: Alt görünüm kullanıcı etkileşimiyle ilgili sorunlar yaşıyorsanız , Juri Pakaste'nin hitTest: withEvent: modifikasyonuna da bir göz atmalısınız.

Yukarıdaki ClipViewçözüm benim için çalıştı, ancak farklı bir -[UIView hitTest:withEvent:]uygulama yapmak zorunda kaldım . Ed Marty'nin sürümü, yatay olanın içindeki dikey kaydırma görünümleriyle çalışan kullanıcı etkileşimini almadı.

Aşağıdaki sürüm benim için çalıştı:

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

ScrollView çerçeve boyutunu, sayfanızın boyutu şu şekilde ayarlayın:

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

Artık kaydırabilirsiniz self.viewve scrollView'daki içerik kaydırılacaktır. İçeriğin kırpılmasını önlemek için
de kullanın scrollView.clipsToBounds = NO;.

Bana göründüğü en hızlı ve daha basit yöntem olduğu için özel UIScrollView ile devam ettim. Ancak, tam bir kod görmedim, bu yüzden paylaşacağımı düşündüm. İhtiyaçlarım küçük içeriğe sahip bir UIScrollView idi ve bu nedenle UIScrollView'ın kendisi sayfalama etkisini elde etmek için küçüktü. Gönderide belirtildiği gibi, hızlıca kaydıramazsınız. Ama şimdi yapabilirsin.

Bir sınıf CustomScrollView ve alt sınıf UIScrollView oluşturun. Daha sonra yapmanız gereken tek şey bunu .m dosyasına eklemek:

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

Bu, bir yandan diğer yana (yatay) kaydırma yapmanızı sağlar. Kaydırma / kaydırma dokunma alanınızı ayarlamak için sınırları buna göre ayarlayın. Zevk almak!

Kaydırma görünümünü otomatik olarak döndürebilen başka bir uygulama yaptım. Dolayısıyla, projede yeniden kullanımı sınırlandıracak bir IBOutlet'e sahip olması gerekmez.

- (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 uygulaması için potansiyel olarak yararlı başka bir değişikliğim var. ClipView'a bir UIScrollView referansı sağlamaktan hoşlanmadım. Aşağıdaki uygulamam, herhangi bir şeyin hit-test alanını genişletmek için ClipView sınıfını yeniden kullanmanıza izin verir ve ona bir referans sağlamak zorunda kalmazsınız.

- (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;
}

Yukarıdaki oylanan öneriyi uyguladım, ancak UICollectionViewkullandığım çerçeve dışında herhangi bir şeyin ekranın dışında olduğu düşünülüyordu. Bu, yakındaki hücrelerin yalnızca kullanıcı onlara doğru ilerlerken sınırların dışına çıkmasına neden oldu, ki bu ideal değildi.

Yaptığım şey, aşağıdaki yöntemi temsilciye (veya UICollectionViewLayout) ekleyerek bir kaydırma görünümünün davranışını taklit etmekti .

- (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;
}

Bu, aynı zamanda bir bonus olan kaydırma eyleminin yetkilendirilmesini tamamen önler. UIScrollViewDelegateAdlı benzer bir yöntem vardır scrollViewWillEndDragging:withVelocity:targetContentOffset:sayfa UITableViews ve UIScrollViews için kullanılabilir.

Bu SO sorusunun tekniğini desteklerken kaydırma görünümünün alt görünümlerinde tetikleme dokunma olaylarını etkinleştirin. Okunabilirlik için kaydırma görünümüne (self.scrollView) bir başvuru kullanır.

- (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;
}

Dokunma olayını yakalamak için bunu çocuğunuzun görünümüne ekleyin:

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

(Bu, user1856273'ün çözümünün bir varyasyonudur. Okunabilirlik için temizlendi ve Bartserk'in hata düzeltmesini dahil etti. User1856273'ün cevabını düzenlemeyi düşündüm, ancak bu çok büyük bir değişiklikti.)

benim sürümüm Kaydırma üzerinde duran düğmeye basmak - iş =)

- (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;
    }

ancak yalnızca [[self subviews] objectAtIndex: 0] bir kaydırma olmalıdır

İşte Ed Marty'nin cevabına dayanan bir Swift cevabı ama aynı zamanda Juri Pakaste tarafından kaydırma görünümünde düğme dokunuşlarına vb. İzin vermek için yapılan değişiklik de dahil.

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