改頭換面的Tab Bar

感謝藝術家朋友Jorinde Jankowski (張友鷦)提供的可愛圖片，
彼得潘接下來將利用這些活靈活現的動物主角表演tab bar的換裝秀。

1. 修改tab bar顏色
    tabBarController.tabBar.tintColor = [UIColor brownColor];

2. 修改tab bar的背景圖片
     tabBarController.tabBar.backgroundImage = [UIImage imageNamed:@"bar.png"];
     image的高度決定了bar的高度。

     

3. 修改被點選tab上icon的顏色
     tabBarController.tabBar.selectedImageTintColor = [UIColor orangeColor];

     未被點選tab上的icon顏色將是tab bar tintColor的相近顏色。

4. 與眾不同的tab
    想要隨心所欲，讓tab擁有獨一無二的外觀?
    很簡單，只要建立UIButton，
    再將此button貼到tabBar上，

    佔據原先tab所佔的空間，
    即可打造天馬行空的外觀，

    不過有一點別忘了，
    當按扭被點選時，
    需設定UITabBarController物件的selectedIndex才能切換至tab對應的頁面。

    

	// subclass UITabBarController
	// There are 5 tabs, center tab's index is 2
	-(void)tabButtonPressed:(UIButton*)sender
	{
	self.selectedIndex = sender.tag;
	}
	- (void)viewDidLoad
	{
	[super viewDidLoad];
	// 320/5 = 64
	UIButton *testButton = [[UIButton alloc] initWithFrame:CGRectMake(128, -34, 64, 83)];
	UIImage *image = [UIImage imageNamed:@"apple.png"];
	[testButton setBackgroundImage:image forState:UIControlStateNormal];
	[self.tabBar addSubview:testButton];
	testButton.tag = 2;
	[testButton addTarget:self action:@selector(tabButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
	}

view raw gistfile1.m hosted with ❤ by GitHub