IOS 入門開發之導覽列按鈕切換
雨松MOMO原創文章如轉載,請註明:轉載至我的獨立網域名稱部落格雨松MOMO程式研究院,原文地址:http://www.xuanyusong.com/archives/590
,在導覽列中添加橫向多個按鈕,向table頁一樣通過點擊按鈕可以來回的切換畫面中央視圖。
前面的文章中有介紹使用純程式碼來添加一個圖片視圖,不過最近有盆友問我怎麼使用IB來添加圖片視圖,剛好這篇我就介紹如何使用IB的方式來添加,其實很簡單。
先把圖片資源檔0.jpg拖入工程中,開啟視圖對應的.xib檔案,如所示將imageView控制項拖入視圖中
Image:選中視圖顯示的資源檔
Tag:標誌資源檔的索引,根據這個索引就可以拿到這個ImageView的對象。
導覽列的建立方法,還不會的朋友請看上一章,接下來在導覽列中添加segmented,橫向按鈕。
- (void)viewDidLoad{ [super viewDidLoad]; //建立一個導覽列 UINavigationBar *navigationBar = [[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)]; //建立一個導覽列集合 UINavigationItem *navigationItem = [[UINavigationItem alloc] initWithTitle:nil]; //嚮導航欄集合中添加橫向按鈕列表 NSArray *buttons = [NSArray arrayWithObjects:@"雨松MOMO", @"若若娃", @"小可愛", @"哇哢哢", nil];UISegmentedControl* segmentedControl = [[UISegmentedControl alloc] initWithItems:buttons]; //設定橫向按鈕風格 segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar; //添加按鈕響應事件 [segmentedControl addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventValueChanged]; //把導覽列集合添加入導覽列中,設定動畫關閉 [navigationBar pushNavigationItem:navigationItem animated:NO]; //將橫向列表添加到導覽列 navigationItem.titleView = segmentedControl; //把導覽列添加到視圖中 [self.view addSubview:navigationBar]; //釋放對象 [navigationItem release]; [segmentedControl release];}
切換點擊導覽列按鈕後將執行buttonAction方法,這個方法中我主要說說[self.view viewWithTag:10 ]。意思就是根據索引找到id為10 的這個view對象,和上面介紹的Tag一一對應。這裡和android 的開發有點像喔。
-(void) buttonAction: (UISegmentedControl *) sender{ //得到按鈕點擊索引NSInteger index = sender.selectedSegmentIndex; //算出對應圖片名稱 NSString *show = [NSString stringWithFormat:@"%d%@",index,@".jpg"]; //通過tag得到視圖對象 UIImageView *imageView = (UIImageView *)[self.view viewWithTag:10]; //繪製新圖片 [imageView setImage:[UIImage imageNamed:show]]; }
切換點擊按鈕後,看看效果,視圖發生了改變,哇哢哢~~~
最後如果你還是覺得我寫的不夠詳細 看的不夠爽 不要緊我把原始碼的貼出來 歡迎大家一起討論學習雨松MOMO希望可以和大家一起進步。
:http://www.xuanyusong.com/archives/590