裝扮UINavigationBar的美麗容顏

想要裝扮App上方bar的容顏，不想再跟別人一模一樣嗎? 別急，彼得潘將以偶像戴佩妮的新專輯"純屬意外"封面圖片為例，介紹8種不同的UINavigationBar設計方法

內建通訊錄App的UINavigationBar範例:

大小: iPhone直立模式時，大小為320 * 44 ( 640 * 88 for Retina )

          iPhone水平模式時，大小為480*32 ( 640 * 64 for Retina )

          iPad直立模式時，大小為768 * 44 ( 1536 * 88 for Retina )

          iPad水平模式時，大小為1024 * 44 ( 2048 * 88 for Retina )

樣式1: 

預設樣式:

navigationBar.barStyle = UIBarStyleDefault;

樣式2:

navigationBar.barStyle = UIBarStyleBlack;

樣式3 (半透明) :

navigationBar.barStyle = UIBarStyleDefault;

navigationBar.translucent = YES;

樣式4 (調整漸層顏色):

navigationBar.tintColor = [UIColor purpleColor];

樣式5 (設定bar的背景圖片):

[navigationBar setBackgroundImage:[UIImage imageNamed:@"bar.png"] forBarMetrics:UIBarMetricsDefault];

bar@2x.png ( 640 * 88)

樣式6 (設定bar的背景圖片，並設為半透明):

[navigationBar setBackgroundImage:[UIImage imageNamed:@"bar.png"] forBarMetrics:UIBarMetricsDefault];

navigationBar.translucent = YES;

樣式7 (設定去背的背景圖片):

[navigationBar setBackgroundImage:[UIImage imageNamed:@"bar.png"] forBarMetrics:UIBarMetricsDefault];

navigationBar.translucent = YES; 

說明:

如果圖片去背部分在bar的高度之內，則必須將translucent 設為YES，否則會有黑底。如下圖所示:

樣式8 (設定超過bar高度的去背背景圖片):

 [navigationBar setBackgroundImage:[UIImage imageNamed:@"bar.png"] forBarMetrics:UIBarMetricsDefault];

說明:

圖片去背的部分超過bar的高度，不用擔心黑底問題，不需額外將translucent 設為YES。

bar@2x.png ( 640 * 120)