iOS改变UIBarButtonItem的大小

栏目: IOS · 发布时间: 5年前

内容简介:作者:雪山飞狐_91ae链接:https://www.jianshu.com/p/c4979c205024

我们在写代码自定义UIBarButtonItem的时候,一般是像下面这样来定义的:

self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"qr-code"] style:UIBarButtonItemStylePlain target:self action:nil];

这样创建就产生了一个问题,就是创建的这个UIBarButtonItem它的高度是充满UINavigationBar的,有一次PM就觉得这样上下充满UINavigationBar不是很好看,要我把这个UIBarButtonItem的尺寸调小一点(当然PM不知道这是UIBarButtonItem,它只知道这是个控件哈哈)。

下面讲的就是如何调整UIBarButtonItem的size。

步骤:

  • 1.创建一个自定义的控件,比如UIButton,后面我们需要用这个Button来创建UIBarButtonItem。

  • 2.约束这个Button的size。

  • 3.利用这个button来创建UIBarButtonItem。

创建一个自定义的控件,这里以UIButon为例

这一步和创建普通的控件没有区别:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];UIImage *image = [UIImage imageNamed:@"小qr-code"];
[button setImage:image forState:UIControlStateNormal];
[button addTarget:self action:@selector(weChatScanlogin) forControlEvents:UIControlEventTouchUpInside];

约束这个控件的size

测试的时候发现给这个Button设置frame是没有用的,仍然会充满UINavigationBar,我们需要通过下列方式来约束控件的width和height:

[button.widthAnchor constraintEqualToConstant:35].active = YES;
[button.heightAnchor constraintEqualToConstant:35].active = YES;

利用这个控件来创建UIBarButtonItem

UIBarButtonItem有一个实例方法:

- (instancetype)initWithCustomView:(UIView *)customView

这个方法可以用来通过自定义的控件创建UIBarButtonItem。

IBarButtonItem *buttonItem = [[UIBarButtonItem alloc] initWithCustomView:button];

作者:雪山飞狐_91ae

链接:https://www.jianshu.com/p/c4979c205024


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

React 进阶之路

React 进阶之路

徐超 / 清华大学出版社 / 2018-4 / 69.00元

《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法,包括React 16的新特性;进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念,同时对初学者容易困惑的知识点做了介绍;实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员,并通过实战项目讲解这些技术如......一起来看看 《React 进阶之路》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换