दृश्य परिवर्तन की कमी को कम करने के लिए CATransform3D का उपयोग करके यह परिवर्तन क्यों है?

Question

छवियों के निम्नलिखित प्रगति पर एक नज़र डालें:

यहाँ क्या हो रहा है पहले मैं "बेसबॉल" चयनित, 3 ग्रे बार देखा गया हो, ताकि आप के साथ एक छोड़ दिया बारी बारी से करने को देखने के कारण है विभिन्न स्तर मध्य में हैं (दूसरी छवि)। आप देख सकते हैं कि इस बिंदु पर पहले से ही दृश्य की चौड़ाई काफी कम हो गई है। तीसरी छवि खेल के नाम वाले दृश्य पर क्लिक करने के बाद होती है, जिससे इसे बीच में घुमाया जाता है।

जो मैं कह सकता हूं उससे, दृश्य में चौड़ाई कम हो जाती है जब यह बीच में घूमती है। लेकिन मुझे नहीं पता कि क्यों।

यहां प्रासंगिक कोड है। pos बताता है कि प्रश्न में view कहां स्थित है। 0 इंगित करता है कि यह बीच में है, 1 इंगित करता है कि यह बीच के अधिकार के लिए एक है, -1, मध्य के बाईं ओर से एक है आदि

- (void)perspectiveView:(MenuSection *)view forPosition:(NSInteger)pos 
{ 

    CALayer *layer = view.layer; 
    CATransform3D transform = CATransform3DIdentity; 

    MenuSection *prevView = (pos >= 0) ? (MenuSection *)[self viewWithTag:view.tag - 1] : (MenuSection *)[self viewWithTag:view.tag + 1]; 

    if (pos == 0) { 
     view.changingToFrame = CGRectMake(round((480 - view.frame.size.width)/2), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
     view.frame = view.changingToFrame; 

    } else { 

     if (pos == 1) { 
      NSLog(@"%@",NSStringFromCGRect(prevView.changingToFrame)); 
      view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x + prevView.frame.size.width + 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
      transform.m34 = 1.0/1000; 
     } else if (pos == -1){ 
      view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x - view.frame.size.width - 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
      transform.m34 = 1.0/-1000; 
     } else if (pos == 2){ 
      view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x + prevView.frame.size.width + 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
      transform.m34 = 1.0/500; 
     } else if (pos == -2){ 
      view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x - view.frame.size.width - 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
      transform.m34 = 1.0/-500; 
     } 

     view.frame = view.changingToFrame; 

     transform = CATransform3DRotate(transform, 45.0f * M_PI/180.0f, 0.0f, 1.0f, 0.0f); 
    } 

    layer.transform = transform; 
} 

Answer 1

मैंने इसे हल कर लिया है। यह बताता है कि CATransform3D लागू करने से वास्तव में दृश्य के फ्रेम में परिवर्तन होता है। मैंने पोस्ट किए गए कोड में, जब मैंने दृश्य का नया फ्रेम सेट किया (क्योंकि यह एक अलग स्थिति में घूमता है), तो मैं चौड़ाई को बनाए रखने के प्रयास में CGRectMake() में view.frame.size.width का उपयोग करता हूं। लेकिन, चूंकि CATransform3D ने पहले चौड़ाई को संशोधित किया था, इसलिए मुझे वास्तविक चौड़ाई नहीं मिलती है।

समाधान UIViews को उपclass करना था और अपने मूल फ्रेम को ivar में स्टोर करना था। इस तरह, मैं अलग-अलग पदों पर विचारों को स्थानांतरित करते समय संदर्भ बिंदु के रूप में हमेशा इसका उपयोग कर सकता हूं।

Answer 2

आप CATransform3D मैट्रिक्स संपादित करने की जरूरत नहीं होनी चाहिए इस प्रभाव के लिए काम करने के लिए सीधे (m34, आदि ...)। इस प्रयास करें:

if (pos == 0) { 
    view.changingToFrame = CGRectMake(round((480 - view.frame.size.width)/2), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
    view.frame = view.changingToFrame; 
} else { 
    if (pos == 1) { 
     view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x + prevView.frame.size.width + 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
     transform = CATransform3DRotate(transform, M_PI/4.0f, 0.0f, 1.0f, 0.0f); 
    } else if (pos == -1){ 
     view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x - view.frame.size.width - 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
     transform = CATransform3DRotate(transform, -M_PI/4.0f, 0.0f, 1.0f, 0.0f); 
    } else if (pos == 2){ 
     view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x + prevView.frame.size.width + 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
     transform = CATransform3DRotate(transform, M_PI/3.0f, 0.0f, 1.0f, 0.0f); 
    } else if (pos == -2){ 
     view.changingToFrame = CGRectMake(round(prevView.changingToFrame.origin.x - view.frame.size.width - 20), view.frame.origin.y, view.frame.size.width, view.frame.size.height); 
     transform = CATransform3DRotate(transform, -M_PI/3.0f, 0.0f, 1.0f, 0.0f); 
    } 
    view.frame = view.changingToFrame; 
} 
layer.transform = transform; 

और जब तक यह सही लग रहा है तो उन कोणों के साथ खेलते हैं।