IOS 入門開發之導覽列按鈕切換(三)

來源:互聯網
上載者:User

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.