博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
返回按钮定制方法之比较
阅读量:6301 次
发布时间:2019-06-22

本文共 2500 字,大约阅读时间需要 8 分钟。

hot3.png

如果你想在导航栏/工具栏定制一个带左箭头的Bar Button Item,那么有三种可能的方法:

q用png图片定制Bar Button Item ;

q用png图片定制Button ,然后addSubviews至导航栏/工具栏。

q使用私有API按钮类型101,然后addSubviews至导航栏/工具栏;

现在比较三种方法之异同:

一、第1种方法:用png图片定制BarButton Item

    UIBarButtonItem* buttonItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"backbutton_alpha.png"]

                                                                  style:UIBarButtonItemStylePlain

                                                                 target:self

                                                                 action:@selector(goBackAction)];

   

   

    toolbar.items = [NSArray arrayWithObjects:buttonItem,nil];

   

这种方法需要为BarButtonItem准备一张mask图片backbutton_alpha.png。backbutton_alpha.png图片将作为BarButtonItemd的mask(遮罩)图片,与tintcolor一起产生一张背景图片。你不能用一般的png图片,否则按钮会呈现一个实心的方块。一般的png图片,需要通过photoshop等进行处理。比如backbutton_alpha.png实际上是由backbutton_blue.png图片经过‘mask to alpha ’处理得到的。结果处理后的backbutton_alpha.png,只保留了原图的alpha通道信息。

这种方法的好处在于,BarButtonItem的颜色是根据工具栏/导航栏的tintcolor而变的。如上图的第1个按钮,不管工具栏/导航栏的tintcolor做何调整,BarButtonItem的颜色会随之调整,你不需要准备新的图片。缺点是,BarButtonItem不会保留原图的效果(因为颜色信息丢失),它的颜色会比其他两种方法制作的要浅些。

二、第2种方法:用png图片定制Button ,然后addSubviews至导航栏/工具栏

    //导航按钮"返回"=======

    UIButton* btn = [UIButtonbuttonWithType:UIButtonTypeCustom];

btn.frame = CGRectMake(80, 8, 47, 28);

[btnsetImage:[UIImageimageNamed:@"backbutton_green.png"forState:UIControlStateNormal];

[btnaddTargetselfaction@selector(goBackAction) forControlEventsUIControlEventTouchUpInside];

[toolbaraddSubview: btn];

 

这种方法制作的按钮见上图的第二个按钮。如代码所示,放在工具栏/导航栏上的按钮实际上已经不是BarButtonItem了,而是一个custom button。因此需要为它准备一张png位图。如果工具栏/导航栏的tintcolor发生改变,按钮的颜色样式仍然会是原来的样子,而不会自行调整。所以当工具栏/导航栏的tintcolor发生变化,你需要及时更换custom button的背景图片。优点是,由于使用的是位图,这个按钮可以显示得非常个性和真实。

   

三、 第3种方法:使用私有API按钮类型101,然后addSubviews至导航栏/工具栏

    UIButton* button = [UIButton buttonWithType:101];// left-pointing shape!

    [button addTarget:self action:@selector(goBackAction)forControlEvents:UIControlEventTouchUpInside];

    [button setTitle:@"返回1111" forState:UIControlStateNormal];

    button.frame = CGRectMake(140, 7, 87, 28);

[toolbar addSubview: button];

 

第3种方法本质上仍然同第2种方法,是UIButton的定制而不是BarButtonItem的定制, 如上图第3个按钮所示。

苹果的UIButtonType并不仅仅是API中申明的5个枚举值。超过100的UIButtonType将显示一些特殊的按钮。比如101就是一个backButton样式的导航按钮,110则指定各种tintcolor的水晶按钮。但是这些undocumented的UIButtonType属于苹果“私有API”,可能在新的iOS版本中得不到支持。

但这种方法的好处在于,你不需要让美工为你制作专门的按钮图片。而且它的标题是可以设置的(图片则不行,一旦制作好就不能更改),当文字内容较多时,你还可以指定按钮的frame大小,让按钮大小自然改变,以容纳更多标题文本。

遗憾的是,这种方法无法让按钮颜色根据工具栏/导航栏的tintcolor进行调整。UIButton仍然有tintcolor属性,但一旦你修改UIButton的tintcolor属性,按钮就会失去原有的样式,变成一个Round Rect  Button。所以你只能以默认的颜色(蓝色)使用这种类型的按钮(UIButtonType=101)。

四、 结论

尽量采用第2种方法。

demo位于:http://download.csdn.net/detail/kmyhy/4902209。

转载于:https://my.oschina.net/u/1984662/blog/291131

你可能感兴趣的文章
【Linux】查询某个字符串出现次数
查看>>
ASP.NET MVC3 基础教程 – Web Pages 1.0
查看>>
如何为数据进行加密与解密,避免使用者窃取机密数据?
查看>>
TW实习日记:第13天
查看>>
Introduction to Locking in SQL Server
查看>>
leetcode:Power of Two
查看>>
完整教程--idea使用git进行项目管理
查看>>
代数之管见(孟道骥)第二讲:漫谈数学学习
查看>>
[Leetcode]27. Remove Element
查看>>
解析和文件上传漏洞
查看>>
徽章组件
查看>>
js判断计算机语言
查看>>
Linux CentOS 6.5 使用自带jdk修改环境变量
查看>>
看博客学学Android(十)
查看>>
基于开源项目的在线网络视频直播项目---前言
查看>>
目标检测的图像特征提取之(三)Haar特征
查看>>
通过哪些方式可以降低网站的跳出率
查看>>
修改HTML5 input placeholder 颜色及修改失效的解决办法
查看>>
认识委托
查看>>
Android学习笔记(十八)——再谈升级数据库
查看>>