2012-05-23 107 views
0

example of slide out menu我想從左側

我想執行一個菜單,如上所示在滑動的透明菜單。我是一個iOS新手。自從幾天以來,我一直在尋找這種控制。

有人能指導我一步一步從頭開始嗎?

+1

http://www.switchonthecode.com/tutorials/creating-basic-animations-on-iphone – Martol1ni

+3

號啓動項目並嘗試你能想象的一切。如果你有問題的方式問。這樣你有機會學到一些東西。 – dasdom

+1

你必須指定你從你身邊試過的東西。並問如何做.. –

回答

1

可以實現上述在下面的步驟: -

1>左菜單視圖是一個UIView加入作爲與各種對自定義UIButtons在它添加作爲子視圖一個子視圖。

2>最初,您必須設置框架,以便只顯示視圖的特定部分(面板部分)。

3>單擊指示器按鈕時,將框架展開至完全顯示按鈕。

4>在下一次點擊,即(奇怪點擊)摺疊框架。

上面的動畫可以使用簡單的UIView動畫來實現。

示例代碼(原始幀寬度= 300,高度300): -

yourMenuView.frame=CGRectMake(0,10,100,300); 

[yourViewController addSubview:yourMenuView]; 

-(IBAction)expandMenu:(id)sender 
{ 
[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationDuration:0.75]; 
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; 
CGRect frame=yourMenuView.frame; 
frame.size.width+=200; 
yourMenuView.frame=frame; 
[myview removeFromSuperview]; 
[UIView commitAnimations]; 
} 

-(IBAction)collapseMenu:(id)sender 
{ 
[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationDuration:0.75]; 
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; 
CGRect frame=yourMenuView.frame; 
frame.size.width-=200; 
yourMenuView.frame=frame; 
[myview removeFromSuperview]; 
[UIView commitAnimations]; 

}