參考:對UIView的擴展(Category)

實現(xiàn)的效果

頭部標題欄.png

.h 文件

#import <UIKit/UIKit.h>

@interface YYFirstViewController : UIViewController

@end

.m 文件

#import "YYFirstViewController.h"
#import "UIView+YYExtension.h" // 引入頭文件

@interface YYFirstViewController ()
@property (nonatomic, strong)UIView *indicatorView; // 指示器
@property (nonatomic, strong)UIButton *selectedBtn; //選中按鈕
@end

@implementation YYFirstViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 初始化頂部標題欄
    [self setUpTitleView];
    
}

#pragma mark -初始化頂部標題欄
- (void)setUpTitleView{
    CGFloat y =  self.navigationController.navigationBar.height + [UIApplication sharedApplication].statusBarFrame.size.height;
    UIView *titleView = [[UIView alloc]initWithFrame:CGRectMake(0, y, self.view.width, 35)];
//    titleView.backgroundColor = [UIColor whiteColor];
//    titleView.alpha = 0.8; // 會讓內(nèi)部所有內(nèi)容半透明
    // 設(shè)置顏色半透明(三種方式)
    titleView.backgroundColor = [[UIColor whiteColor] colorWithAlphaComponent:0.7];
//    titleView.backgroundColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:0.7];
//    titleView.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.7];
    [self.view addSubview:titleView];
    
    
    // 創(chuàng)建指示器
    UIView *indicatorView = [[UIView alloc]init];
    indicatorView.backgroundColor = [UIColor redColor];
    indicatorView.height = 2; //(對UIView的擴展(Category))
    indicatorView.y = titleView.height - 2;//(對UIView的擴展(Category))
    self.indicatorView = indicatorView;
    [titleView addSubview:indicatorView];
    
    // 添加子標簽
    NSArray *titles= @[@"全部",
                       @"視頻",
                       @"聲音",
                       @"圖片",
                       @"段子"];
    CGFloat btnWidth = titleView.width / titles.count; //(對UIView的擴展(Category))
    CGFloat btnHeight = titleView.height;
    CGFloat btnY = 0.0;
    for (int i = 0; i < titles.count; i ++) {
        CGFloat btnX = i * btnWidth;
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        btn.frame = CGRectMake(btnX, btnY, btnWidth, btnHeight);
        [btn setTitle:titles[i] forState:UIControlStateNormal];
        [btn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
        [btn setTitleColor:[UIColor redColor] forState:UIControlStateDisabled];
        btn.titleLabel.font = [UIFont systemFontOfSize:14];
        [btn addTarget:self action:@selector(titleBtnAction:) forControlEvents:UIControlEventTouchUpInside];
        [titleView addSubview:btn];
        
        if (i == 0) {
            [btn layoutIfNeeded]; // 如果不加這句話,btn 的titleLabel的寬度為0(強制刷新一次)
            [self titleBtnAction:btn];
        }
    }
}

/**
 標題欄選中
 */
- (void)titleBtnAction:(UIButton *)btn{
    
    [UIView animateWithDuration:0.25 animations:^{
        // 交換三部曲
        self.selectedBtn.enabled = true;
        btn.enabled = false;
        self.selectedBtn = btn;
        // 交換三部曲
        /** 這種方法有問題
        self.selectedBtn.selected = false;
        btn.selected = true;
        self.selectedBtn = btn;
        */
        // 改變指示器
        self.indicatorView.width = btn.titleLabel.width;//1.重點  2.(對UIView的擴展(Category))
        self.indicatorView.centerX = btn.centerX; //(對UIView的擴展(Category))
    }];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
}

@end