Cách chuyển đổi kiểu facebook

Question

Muốn thực hiện quá trình chuyển đổi bộ điều khiển chế độ xem tương tự như được sử dụng trong facebook và nhiều ứng dụng khác, ảnh chụp được đính kèm. Nó sẽ yêu cầu chơi với khung CoreAnimation hay nó có sẵn trong bộ công cụ?

Answer 1

Bạn phải sử dụng CoreAnimation trừ khi bạn muốn nhập một khuôn khổ phần thứ 3 rằng ai đó đề nghị, nhưng nó là rất đơn giản để sử dụng CoreAnimation và tôi khuyên bạn nên học nó vì nó rất mạnh mẽ. Đây là cách tiếp cận đơn giản nhất có thể để cung cấp cho bạn một ý tưởng. Bạn có thể cấu trúc nó tốt hơn một chút chính mình một khi bạn có được một hang của nó, để phù hợp với nhu cầu của bạn:

Trong viewController bạn có 2 quan điểm:

@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! 
} 

Tạo chúng trong xây dựng giao diện, hoặc bằng cách mã hoặc tuy nhiên bạn đã quen. Làm cho chúng chồng lên nhau để bạn chỉ nhìn thấy phần trên cùng, và để cho buttomView ở lại phía sau nó.

Khi người dùng nhấn vào nút để hiển thị menu:

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

Tất nhiên, bạn nên thực hiện phân lớp UIView của riêng bạn cho "xem facebook" và "giao diện menu" vv và sử dụng cho TopView và bottomView trong ví dụ trên.

Answer 2

Hãy xem này, nó có thể cung cấp cho bạn một điểm khởi đầu: https://github.com/Inferis/ViewDeck/