iOS 修改导航栏按钮的位置

作者: 紧张的牛排 | 来源:发表于2016-07-09 18:01 被阅读6142次
  • UINavigationItem可以理解为Navigation Bar中的内容,通过编辑UINavigationItem,我们可以使得在Navigation Bar中显示想要的东西,比如设置标题、添加按钮等。

  • 当我们使用系统原生控件时,有时候不能满足需求,因此需要自定义重写,最近在项目中需要用导航栏的右侧按钮,先是直接用系统原生的控件。

  • 代码如下:

    UIButton *settingButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [settingButton setFrame:CGRectMake(0.0, 0.0, 44.0, 44.0)];
    [settingButton addTarget:self action:@selector(settingButtonOnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [settingButton setImage:[UIImage imageNamed:@"ic_main_setting"] forState:UIControlStateNormal];
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:settingButton];
  • 效果如图:
    系统原生按钮位置效果
  • 按钮右侧与屏幕右侧有20 point的间距,按钮图标居中显示,需求来讲该按钮是偏左了。当然你可以修改图标的位置也可以。

  • 代码来修改是不是更灵活?当然是了,如果再需求变更也不用重新切图了。

  • 修改后代码如下:

    UIButton *settingButton = [UIButton buttonWithType:UIButtonTypeCustom];
    
    //修改按钮向右偏移10 point
    [settingButton setFrame:CGRectMake(10.0, 0.0, 44.0, 44.0)];
    [settingButton addTarget:self action:@selector(settingButtonOnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [settingButton setImage:[UIImage imageNamed:@"ic_main_setting"] forState:UIControlStateNormal];
    
    //修改方法
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0.0, 0.0, 44.0, 44.0)];
    [view addSubview:settingButton];
    
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:view];
  • 效果如图:
修改后效果图
  • 如果文章对你有帮助,请点下“喜欢”吧,感谢!

相关文章

网友评论

  • Sword_xxx_ooo: UIBarButtonItem *item = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(itemAction)];
    UIBarButtonItem *spacer = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
    spacer.width = -10.f;
    self.navigationItem.leftBarButtonItems = @[spacer,item];
  • QoQzzz:虽然表面上是实现了,但是存在一个严重的缺点,热点区域的问题,点击热点区域是button与uiview的交集区域,扩大uiview的宽度不能解决问题,博主是怎么解决的呢?
    QoQzzz:刚找到解决方案,在右侧插入一个占位的控件,向右侧挤压,就可以整体移动,
    UIButton *settingButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [settingButton setFrame:CGRectMake(0.0, 0.0, 44.0, 44.0)];
    [settingButton addTarget:self action:@selector(settingButtonOnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [settingButton setImage:[UIImage imageNamed:@"ic_main_setting"] forState:UIControlStateNormal];
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:settingButton];

    引:http://www.jianshu.com/p/9600afd0cf25

本文标题:iOS 修改导航栏按钮的位置

本文链接:https://www.haomeiwen.com/subject/hnarjttx.html