UIScrollView मोबाइल सफारी टैब की तरह क्षैतिज पेजिंग

Question 1

मोबाइल सफारी आपको पृष्ठ पर नियंत्रण के साथ UIScrollView क्षैतिज पेजिंग दृश्य के एक प्रकार को दर्ज करके पृष्ठों को बदलने की अनुमति देता है।

मैं इस विशेष व्यवहार को दोहराने की कोशिश कर रहा हूँ जहाँ एक क्षैतिज स्क्रॉल करने योग्य UIScrollView अगले दृश्य की कुछ सामग्री दिखाता है।

Apple ने उदाहरण दिया: PageControl दिखाता है कि क्षैतिज पेजिंग के लिए UIScrollView का उपयोग कैसे किया जाता है, लेकिन सभी दृश्य पूरे स्क्रीन की चौड़ाई लेते हैं।

मुझे अगले दृश्य की कुछ सामग्री दिखाने के लिए UIScrollView कैसे मिलता है जैसे मोबाइल सफारी करता है?

Question 2

एक UIScrollViewसक्षम पेजिंग के साथ अपने फ्रेम चौड़ाई (या ऊंचाई) के गुणकों में बंद हो जाएगा। इसलिए पहला कदम यह पता लगाना है कि आप अपने पृष्ठों को कितना चौड़ा करना चाहते हैं। की चौड़ाई बनाओ UIScrollView। फिर, अपने सबव्यू के साइज़ को बड़े करें, लेकिन आपको उनकी ज़रूरत है, और उनके केंद्रों को UIScrollViewचौड़ाई के गुणकों के आधार पर सेट करें ।

फिर, जब से आप अन्य पृष्ठों को देखना चाहते हैं, निश्चित रूप से, जैसा कि कहा clipsToBoundsगया है NOकि mhjoy सेट करें । चाल हिस्सा अब यह स्क्रॉल करने के लिए हो रहा है जब उपयोगकर्ता खींचें की सीमा के बाहर खींचना शुरू करता है UIScrollView। मेरा समाधान (जब मुझे यह हाल ही में करना था) इस प्रकार था:

एक UIViewउपवर्ग (यानी ClipView) बनाएँ, जिसमें सम्‍मिलित होगा UIScrollViewऔर यह सबव्यू है। अनिवार्य रूप से, इसमें वह फ्रेम होना चाहिए जो आप मानेंगे कि UIScrollViewसामान्य परिस्थितियों में होगा। UIScrollViewके केंद्र में रखें ClipView। सुनिश्चित करें ClipViewकी 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'फ्रेम' के आधार पर कब लौटना है ।

नोट: आपको Juri Pakaste के हिटटेस्ट पर भी एक नज़र डालनी चाहिए : withEvent : संशोधन यदि आप सबव्यू यूजर इंटरैक्शन के साथ समस्या कर रहे हैं।

Question 3

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

Question 4

स्क्रॉल दृश्य का फ्रेम आकार निर्धारित करें क्योंकि आपके पृष्ठ का आकार होगा:

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

अब आप पैन कर सकते हैं self.view, और स्क्रॉल दृश्य पर सामग्री स्क्रॉल की जाएगी। सामग्री को क्लिप करने से रोकने के लिए
भी उपयोग scrollView.clipsToBounds = NO;करें।

Question 5

मैं खुद को कस्टम UIScrollView के साथ जा रहा हूँ क्योंकि यह सबसे तेज और सरल तरीका था जो मुझे लगता था। हालाँकि, मुझे कोई सटीक कोड दिखाई नहीं दिया जिससे मुझे लगा कि मैं साझा करूँगा। मेरी ज़रूरतें एक UIScrollView के लिए थीं जिसमें छोटी सामग्री थी और इसलिए पेजिंग प्रभाव को प्राप्त करने के लिए UIScrollView स्वयं छोटा था। पोस्ट में कहा गया है कि आप स्वाइप नहीं कर सकते। लेकिन अब आप कर सकते हैं।

एक कस्टम CustomScrollView बनाएँ और UIScrollView को उपवर्ग बनाएँ। फिर आपको केवल इसे .m फ़ाइल में जोड़ने की आवश्यकता है:

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

यह आपको साइड से (क्षैतिज) स्क्रॉल करने की अनुमति देता है। अपने स्वाइप / स्क्रॉल टच क्षेत्र को सेट करने के लिए सीमा के अनुसार समायोजित करें। का आनंद लें!

Question 6

मैंने एक और कार्यान्वयन किया है जो स्क्रॉलव्यू को स्वचालित रूप से वापस कर सकता है। तो यह एक 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;
}

Question 7

क्लिपव्यू हिटटेस्ट कार्यान्वयन के लिए मेरे पास एक और संभावित उपयोगी संशोधन है। मैं क्लिप व्यू को UIScrollView संदर्भ प्रदान करना पसंद नहीं करता था। नीचे मेरा कार्यान्वयन आपको किसी भी चीज़ के हिट-टेस्ट क्षेत्र का विस्तार करने के लिए क्लिपव्यू क्लास का फिर से उपयोग करने की अनुमति देता है, और इसे एक संदर्भ के साथ आपूर्ति करने की आवश्यकता नहीं है।

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

Question 8

मैंने ऊपर दिए गए सुझाव को लागू किया, लेकिन 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;
}

यह पूरी तरह से स्वाइप एक्शन के प्रतिनिधिमंडल से बचा जाता है, जो एक बोनस भी था। UIScrollViewDelegateइसी तरह की एक विधि कहा जाता है scrollViewWillEndDragging:withVelocity:targetContentOffset:जो पेज UITableViews और UIScrollViews लिए इस्तेमाल किया जा सकता है।

Question 9

इस एसओ प्रश्न की तकनीक का समर्थन करते हुए स्क्रॉल दृश्य के बच्चे के विचारों पर गोलीबारी की घटनाओं को सक्षम करें। पठनीयता के लिए स्क्रॉल दृश्य (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 के समाधान पर एक भिन्नता है। पठनीयता के लिए साफ किया गया और बार्टसेक के बग फिक्स को शामिल किया गया। मैंने उपयोगकर्ता के1856273 के उत्तर को संपादित करने के बारे में सोचा लेकिन यह बहुत बड़ा बदलाव था।)

Question 10

मेरा संस्करण स्क्रॉल पर पड़े बटन को दबाने - काम =)

- (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] एक स्क्रॉल होना चाहिए

Question 11

यहां एड मार्टी के जवाब के आधार पर एक स्विफ्ट उत्तर है, लेकिन स्क्रॉल के अंदर बटन टैप आदि की अनुमति देने के लिए जूरी पकास्ट द्वारा संशोधन भी शामिल है।

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