फेसबुक शैली संक्रमण कैसे करें

Question

फेसबुक और कई अन्य ऐप्स में उपयोग किए जाने वाले दृश्य नियंत्रक संक्रमण को कार्यान्वित करना चाहते हैं, स्नैपशॉट संलग्न है। क्या इसे CoreAnimation ढांचे के साथ खेलने की आवश्यकता होगी या यह टूलकिट में उपलब्ध है?

Answer 1

आप CoreAnimation उपयोग करने के लिए जब तक आप एक 3 हिस्सा रूपरेखा है कि किसी को सुझाव दिया आयात करना चाहते हैं है, लेकिन यह है CoreAnimation का उपयोग करने के लिए बहुत आसान है और मेरा सुझाव है कि आप इसे सीखें क्योंकि यह बहुत शक्तिशाली है। आपको एक विचार देने के लिए यहां सबसे आसान तरीका है। आप इसे थोड़ा बेहतर खुद की संरचना एक बार आप अपनी आवश्यकताओं फिट करने के लिए इसके बारे में एक लटका मिलता है, हो सकता है:

@interface yourViewController : UIViewController { 
    // The facebook view in the example, this will be the view that moves. 
    // Init this view with x=0 and let it cover the whole screen. 
    IBOutlet UIView *topView; 

    // The fb menu in the example 
    // Init this view so that it stays behind the topView. 
    IBOutlet UIView *bottomView; 

    BOOL menuVisible; // init to false in viewDidLoad! 
} 

उन्हें बनाएं इंटरफ़ेस बिल्डर में, या कोड से या तथापि:

अपने ViewController में 2 बार देखा गया है आप का उपयोग किया जाता है उन्हें एक दूसरे को ओवरलैप करें ताकि आप केवल शीर्ष दृश्य देखें, और buttomView इसके पीछे रहें।

उपयोगकर्ता मेनू दिखाने के लिए बटन दबाता है:

-(IBAction)menuButtonPressed:(id)sender { 
    // Set up animation with duration 0.5 seconds 
    [UIView beginAnimations:@"ToggleMenu" context:nil]; 
    [UIView setAnimationDuration:0.5]; 

    // Alter position of topView 

    CGRect frame = topView.frame; 

    if (menuVisible) { 
     frame.origin.x = 0; 
     menuVisible = NO; 
    } else { 
     frame.origin.x = 300; //Play with this value 
     menuVisible = YES; 
    } 

    topView.frame = frame; 

    // Run animation 
    [UIView commitAnimations]; 
} 

बेशक

, आप "फेसबुक दृश्य" के लिए अपने स्वयं के UIView उपवर्गों को लागू करना चाहिए और "मेनू दृश्य" आदि और Topview के लिए इस्तेमाल करते हैं और उपरोक्त उदाहरण में नीचे देखें।

Answer 2

इस पर एक नजर डालें, तो यह आपको एक प्रारंभिक बिंदु दे सकता है: https://github.com/Inferis/ViewDeck/