ios学习之 初识UIBarButtonItem

下面整理一下学习的UIBarButtonItem

UIBarButtonItem是在UINavigationController上的控件

负责UINavigationController上面左右两侧的视图，下面以左侧为例

他的初始化方法有如下几种

- (instancetype)initWithImage:(UIImage *)image style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action;
- (instancetype)initWithImage:(UIImage *)image landscapeImagePhone:(UIImage *)landscapeImagePhone style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action NS_AVAILABLE_IOS(5_0); // landscapeImagePhone will be used for the bar button image when the bar has Compact or Condensed bar metrics.
- (instancetype)initWithTitle:(NSString *)title style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action;
- (instancetype)initWithBarButtonSystemItem:(UIBarButtonSystemItem)systemItem target:(id)target action:(SEL)action;
- (instancetype)initWithCustomView:(UIView *)customView;

前两种为显示一张图片，且不能设置上面的文字，代码如下

//初始化一个UIImage
UIImage *leftImage=[[UIImage alloc]initWithContentsOfFile:[[NSBundle  mainBundle] pathForResource:@"home_pre_blue" ofType:@"png"]];
//添加UIImage到UIBarButtonItem
UIBarButtonItem *leftItem=[[UIBarButtonItem alloc]initWithImage:leftImage style:UIBarButtonItemStyleDone target:self action:@selector(leftClicked:)];
//设置左侧item为刚才定义的UIBarButtonItem
 self.navigationItem.leftBarButtonItem=leftItem;

效果图为

第三种为文字，代码不贴了，效果图如下：

最后一种最为灵活，可以向里面添加任何视图，这里我添加了一个按钮和一个图片，下面贴出关键代码

//准备向UIBarButtonItem中添加的布局
    UIView *parentView=[[UIView alloc]initWithFrame:CGRectMake(0, 0, 100, 30)];
    //初始化一个button
    UIButton *buttonTitle=[[UIButton alloc]initWithFrame:CGRectMake(10, 0, 50, 30)];

    [buttonTitle setTitle:@"返回" forState:UIControlStateNormal];
    [buttonTitle setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [buttonTitle setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
    UIImageView *imageView=[[UIImageView alloc]initWithImage:leftImage];
    
    
    [parentView addSubview:imageView];
    [parentView addSubview:buttonTitle];
    
    UIBarButtonItem *leftItem=[[UIBarButtonItem alloc]initWithCustomView:parentView];

效果图：