天天看點

iOS開發UINavigation系列一——導航欄UINavigtionBariOS開發UINavigation系列一——導航欄UINavigtionBar

iOS開發UINavigation系列一——導航欄UINavigtionBar

一、導航欄的使用

       在iOS開發中,我們通常會使用導航控制器,導航控制器中封裝了一個UINavigationBar,實際上,我們也可以在不使用導航控制器的前提下,單獨使用導航欄,在UINavigationBar中,也有許多我們可以定制的屬性,用起來十分友善。

二、UINavigationBar的建立和風格類型

       導航欄繼承于UIView,是以我們可以像建立普通視圖那樣建立導航欄,比如我們建立一個高度為80的導航欄,将其放在ViewController的頭部,代碼如下:

UINavigationBar *bar = [[UINavigationBar alloc]initWithFrame:CGRectMake(0, 0, 320, 80)];

[self.view addSubview:bar];

效果如下:

iOS開發UINavigation系列一——導航欄UINavigtionBariOS開發UINavigation系列一——導航欄UINavigtionBar

我們也可以設定導航欄的風格屬性,從iOS6之後,UINavigationBar預設為半透明的樣式,從上面也可以看出,白色的導航欄下面透出些許背景的紅色。導航欄的風格屬性可以通過下面的屬性來設定:

@property(nonatomic,assign) UIBarStyle barStyle;

UIBarStyle是一個枚舉,其中大部分的樣式都已棄用,有效果的隻有如下兩個:

typedef NS_ENUM(NSInteger, UIBarStyle) {

   UIBarStyleDefault          = 0,//預設

   UIBarStyleBlack            = 1,//黑色

}

預設的風格就是我們上面看到的白色的風格,黑色的風格效果瑞如下:

iOS開發UINavigation系列一——導航欄UINavigtionBariOS開發UINavigation系列一——導航欄UINavigtionBar

三、導航欄常用屬性和方法

       從上面我們可以看到,iOS6後導航欄預設都是半透明的,我們可以通過下面的bool值來設定這個屬性,設定為NO,則導航欄不透明,預設為YES:

@property(nonatomic,assign,getter=isTranslucent) BOOL translucent;

下面一些方法用于設定NavigationBar及上面item的顔色相關屬性:

@property(null_resettable, nonatomic,strong) UIColor *tintColor;

tintColor這個屬性會影響到導航欄上左側pop按鈕的圖案顔色和字型顔色,系統預設是如下顔色:

@property(nullable, nonatomic,strong) UIColor *barTintColor;

BarTintColor用于設定導航欄的背景色,這個屬性被設定後,半透明的效果将失效:

iOS開發UINavigation系列一——導航欄UINavigtionBariOS開發UINavigation系列一——導航欄UINavigtionBar

- (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;

- (nullable UIImage *)backgroundImageForBarMetrics:(UIBarMetrics)barMetrics;

上面兩個方法用于設定和擷取導航欄的背景圖案,這裡需要注意,預設背景圖案是不做縮放處理的,是以我們使用的圖檔尺寸要和導航欄尺寸比對,這裡面還有一個UIBarMetrics參數,這個參數設定裝置的狀态,如下:

typedef NS_ENUM(NSInteger, UIBarMetrics) {

   UIBarMetricsDefault,//正常豎屏狀态

   UIBarMetricsCompact,//橫屏狀态

};

//設定導航欄的陰影圖檔

@property(nullable, nonatomic,strong) UIImage *shadowImage;

//設定導航欄的标題字型屬性

@property(nullable,nonatomic,copy) NSDictionary<NSString *,id> *titleTextAttributes;

标題字型屬性會影響到導航欄的中間标題,如下:

  bar.titleTextAttributes = @{NSForegroundColorAttributeName:[UIColor redColor]};

我們也可以通過下面的屬性設定導航欄标題的豎直位置偏移:

- (void)setTitleVerticalPositionAdjustment:(CGFloat)adjustment forBarMetrics:(UIBarMetrics)barMetrics;

- (CGFloat)titleVerticalPositionAdjustmentForBarMetrics:(UIBarMetrics)barMetrics;

還有一個細節,導航欄左側pop按鈕的圖案預設是一個箭頭,我們可以使用下面的方法修改:

@property(nullable,nonatomic,strong) UIImage *backIndicatorImage;

@property(nullable,nonatomic,strong) UIImage *backIndicatorTransitionMaskImage;

四、導航欄中item的push與pop操作

       UINavigationBar上面不隻是簡單的顯示标題,它也将标題進行了堆棧的管理,每一個标題抽象為的對象在iOS系統中是UINavigationItem對象,我們可以通過push與pop操作管理item組。

//向棧中添加一個item,上一個item會被推向導航欄的左側,變為pop按鈕,會有一個動畫效果

- (void)pushNavigationItem:(UINavigationItem *)item animated:(BOOL)animated;

//pop一個item

- (nullable UINavigationItem *)popNavigationItemAnimated:(BOOL)animated;

//目前push到最上層的item

@property(nullable, nonatomic,readonly,strong) UINavigationItem *topItem;

//僅次于最上層的item,一般式被推向導航欄左側的item

@property(nullable, nonatomic,readonly,strong) UINavigationItem *backItem;

//擷取堆棧中所有item的數組

@property(nullable,nonatomic,copy) NSArray<UINavigationItem *> *items;

//設定一組item

- (void)setItems:(nullable NSArray<UINavigationItem *> *)items animated:(BOOL)animated;

五、UINavigationBarDelegate

       在UINavigationBar中,還有如下一個屬性:

@property(nullable,nonatomic,weak) id<UINavigationBarDelegate> delegate;

通過代理,我們可以監控導航欄的一些push與pop操作:

//item将要push的時候調用,傳回NO,則不能push

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item;

//item已經push後調用

- (void)navigationBar:(UINavigationBar *)navigationBar didPushItem:(UINavigationItem *)item;

//item将要pop時調用,傳回NO,不能pop  

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item;

//item已經pop後調用

- (void)navigationBar:(UINavigationBar *)navigationBar didPopItem:(UINavigationItem *)item;

繼續閱讀