iOS開發中標籤控制器的使用——UITabBarController

正文

iOS開發中標籤控制器的使用——UITabBarController

1、引言

        與導航控制器相相似，標籤控制器也是用於管理視圖控制器的一個UI控件，在其內部封裝了一個標籤欄，與導航不一樣的是，導航的管理方式是縱向的，採用push與pop切換控制器，標籤的管理是橫向的，經過標籤的切換來改變控制器，通常咱們習慣將tabBar做爲應用程序的根視圖控制器，在其中添加導航，導航中在對ViewController進行管理。

2、建立一個標籤控制器

        經過以下的步驟，咱們能夠很簡便的建立一個TabBarController：

UITabBarController * tabBar= [[UITabBarController alloc]init];

    NSMutableArray * controllerArray = [[NSMutableArray alloc]init];

    for (int i=0; i<4; i++) {

        UIViewController * con = [[UIViewController alloc]init];

        [con loadViewIfNeeded];

        con.view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];

        con.tabBarItem.image = [UIImage imageNamed:@"btn_publish_face_a.png"];

        con.tabBarItem.title=[NSString stringWithFormat:@"%d",i+1];

        con.title = [NSString stringWithFormat:@"%d",i+1];

        [controllerArray addObject:con];

    }

    tabBar.viewControllers = controllerArray;

    [self presentViewController:tabBar animated:YES completion:nil];

經過點擊下面的標籤按鈕，能夠很方便的切換控制器。若是咱們的控制器數超過4個，系統會被咱們建立一個more的導航，而且能夠經過系統自帶的編輯來調整控制器的順序，以下：

 

       

3、UITabBarController的屬性和方法

//管理的viewController數組

@property(nullable, nonatomic,copy) NSArray<__kindof UIViewController *> *viewControllers;

- (void)setViewControllers:(NSArray<__kindof UIViewController *> * __nullable)viewControllers animated:(BOOL)animated;

//選中的ViewControlle

@property(nullable, nonatomic, assign) __kindof UIViewController *selectedViewController;

//經過編號設置選中ViewController

@property(nonatomic) NSUInteger selectedIndex;

//當viewController大於4個時，獲取"更多"標籤的導航控制器

@property(nonatomic, readonly) UINavigationController *moreNavigationController; 

//這個屬性設置的是能夠進行自定義排列順序的視圖控制器，如上面第二張圖中的，默認是所有

@property(nullable, nonatomic, copy) NSArray<__kindof UIViewController *> *customizableViewControllers;

//標籤控制器中分裝的標籤欄

@property(nonatomic,readonly) UITabBar *tabBar NS_AVAILABLE_IOS(3_0);

//代理

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

4、關於標籤欄TabBar

        經過自定義標籤欄的一些屬性，使咱們能夠更加靈活的使用tabBar。

一、UITabBar屬性和方法

設置標籤：

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

//設置選中的標籤    

@property(nullable,nonatomic,assign) UITabBarItem *selectedItem; 

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

設置自定義標籤順序：

//調用這個方法會彈出一個相似上面第二張截圖的控制器，咱們能夠交換標籤的佈局順序

- (void)beginCustomizingItems:(NSArray<UITabBarItem *> *)items;  

//完成標籤佈局

- (BOOL)endCustomizingAnimated:(BOOL)animated;   

//是否正在自定義標籤佈局

- (BOOL)isCustomizing;

設置tabBar顏色相關：

//設置渲染顏色，會影響選中字體和圖案的渲染

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

//設置導航欄的顏色

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

設置背景圖案：

//設置導航欄背景圖案

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

//設置選中一個標籤時，標籤背後的選中提示圖案 這個會出如今設置的item圖案的後面

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

//設置陰影的背景圖案

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

TabBar中標籤的宏觀屬性：

//設置標籤item的位置模式

@property(nonatomic) UITabBarItemPositioning itemPositioning;

//枚舉以下

typedef NS_ENUM(NSInteger, UITabBarItemPositioning) {

    UITabBarItemPositioningAutomatic,//自動

    UITabBarItemPositioningFill,//充滿

    UITabBarItemPositioningCentered,//中心

} NS_ENUM_AVAILABLE_IOS(7_0);

//設置item寬度

@property(nonatomic) CGFloat itemWidth;

//設置item間距

@property(nonatomic) CGFloat itemSpacing;

與導航欄相似，也能夠設置tabBar的風格和透明效果：

//風格 分黑白兩種

@property(nonatomic) UIBarStyle barStyle;

//是否透明效果

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

二、UITabBarDelegate

//選中標籤時調用

- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item;

//將要開始編輯標籤時

- (void)tabBar:(UITabBar *)tabBar willBeginCustomizingItems:(NSArray<UITabBarItem *> *)items;          //已經開始編輯標籤時         

- (void)tabBar:(UITabBar *)tabBar didBeginCustomizingItems:(NSArray<UITabBarItem *> *)items;           

//將要進入編輯狀態時

- (void)tabBar:(UITabBar *)tabBar willEndCustomizingItems:(NSArray<UITabBarItem *> *)items changed:(BOOL)changed; 

//已經進入編輯狀態時

- (void)tabBar:(UITabBar *)tabBar didEndCustomizingItems:(NSArray<UITabBarItem *> *)items changed:(BOOL)changed;

5、再看UITabBarItem

        和NavigationItem相似，標籤欄上的item也能夠自定義，一些方法以下。

初始化方法：

//經過標題和圖案進行建立

- (instancetype)initWithTitle:(nullable NSString *)title image:(nullable UIImage *)image tag:(NSInteger)tag;

- (instancetype)initWithTitle:(nullable NSString *)title image:(nullable UIImage *)image selectedImage:(nullable UIImage *)selectedImage;

//建立系統類型的

- (instancetype)initWithTabBarSystemItem:(UITabBarSystemItem)systemItem tag:(NSInteger)tag;

UITabBarSystemItem的枚舉以下：

typedef NS_ENUM(NSInteger, UITabBarSystemItem) {

    UITabBarSystemItemMore,//更多圖標

    UITabBarSystemItemFavorites,//最愛圖標

    UITabBarSystemItemFeatured,//特徵圖標

    UITabBarSystemItemTopRated,//高級圖標

    UITabBarSystemItemRecents,//最近圖標

    UITabBarSystemItemContacts,//聯繫人圖標

    UITabBarSystemItemHistory,//歷史圖標

    UITabBarSystemItemBookmarks,//圖書圖標

    UITabBarSystemItemSearch,//查找圖標

    UITabBarSystemItemDownloads,//下載圖標

    UITabBarSystemItemMostRecent,//記錄圖標

    UITabBarSystemItemMostViewed,//所有查看圖標

};

UITabBarItem經常使用屬性：

//設置選中圖案

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

下面這個屬性能夠設置item的頭標文字：

 con.tabBarItem.badgeValue = @"1";

//設置標題的位置偏移

@property (nonatomic, readwrite, assign) UIOffset titlePositionAdjustment;

因爲UITabBarItem是繼承於UIBarItem，還有下面這個屬性能夠設置使用：

//標題

@property(nullable, nonatomic,copy)             NSString    *title;   

//圖案    

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

//橫屏時的圖案      

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

//圖案位置偏移

@property(nonatomic)                  UIEdgeInsets imageInsets; 

//橫屏時的圖案位置偏移

@property(nonatomic)                  UIEdgeInsets landscapeImagePhoneInsets ;

//設置和獲取標題的字體屬性

- (void)setTitleTextAttributes:(nullable NSDictionary<NSString *,id> *)attributes forState:(UIControlState)state;

- (nullable NSDictionary<NSString *,id> *)titleTextAttributesForState:(UIControlState)state;