前言

	NS_CLASS_AVAILABLE_IOS(2_0) __TVOS_PROHIBITED @interface UIToolbar : UIView <UIBarPositioning>

	@available(iOS 2.0, *)						   public class UIToolbar : UIView, UIBarPositioning
  • 工具条控件 UIToolbar 用做工具条按钮项（UIBarButtonItem）的容器，可以盛放一个或者多个工具条按钮项，一般放置在界面顶部或者底部。如果要针对工具条按钮项自定义视图，可以使用 UIToolbarDelegate 设置。

1、UIToolbar 的创建

  • Objective-C

    	// 创建 UIToolbar 工具条，工具条上面可以放一些导航专用按钮项
    
	UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 20, self.view.bounds.size.width, 44)];
    
	[self.view addSubview:toolbar];

	// 创建工具条 UIBarButtonItem 按钮项

	// 创建编辑按钮
    
	UIBarButtonItem *editButton = [[UIBarButtonItem alloc]
    
                                   initWithBarButtonSystemItem:UIBarButtonSystemItemEdit
    
                                                        target:self
    
                                                        action:@selector(editClick)];

	// 创建刷新按钮
    
	UIBarButtonItem *refreshButton = [[UIBarButtonItem alloc]
    
	                                   initWithBarButtonSystemItem:UIBarButtonSystemItemRefresh
    
	                                                        target:self
    
	                                                        action:@selector(refreshClick)];

	// 创建弹簧按钮
    
	UIBarButtonItem *flexibleButton = [[UIBarButtonItem alloc]
    
	                                    initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
    
	                                                         target:nil
    
	                                                         action:nil];

	// 将按钮项添加到工具条，通过数组给工具条设置一些导航按钮
    
	toolbar.items = @[editButton, flexibleButton, refreshButton];

  • Swift

        // 创建 UIToolbar 工具条，工具条上面可以放一些导航专用按钮项
    
    let toolbar:UIToolbar = UIToolbar(frame: CGRectMake(0, 20, self.view.bounds.size.width, 44))
    
    self.view.addSubview(toolbar)

    // 创建工具条 UIBarButtonItem 按钮项

    // 创建编辑按钮
    
    let editButton:UIBarButtonItem = UIBarButtonItem(barButtonSystemItem: .Edit,
    
                                                                  target: self,
    
                                                                  action: #selector(UiToolbar.editClick))

    // 创建刷新按钮
    
    let refreshButton:UIBarButtonItem = UIBarButtonItem(barButtonSystemItem: .Refresh,
    
                                                                     target: self,
    
                                                                     action: #selector(UiToolbar.refreshClick))

    // 创建弹簧按钮
    
    let flexibleButton:UIBarButtonItem = UIBarButtonItem(barButtonSystemItem: .FlexibleSpace,
    
                                                                      target:nil,
    
                                                                      action:nil)

    // 将按钮项添加到工具条，通过数组给工具条设置一些导航按钮
    
    toolbar.items = [editButton, flexibleButton, refreshButton]

2、UIBarButtonItem 的创建

  • Objective-C

    • 系统类按钮

      	/*
      
    	UIBarButtonSystemItemDone,           Done
      
    	UIBarButtonSystemItemCancel,         Cancel
      
    	UIBarButtonSystemItemEdit,           Edit
      
    	UIBarButtonSystemItemSave,           Save
      
    	UIBarButtonSystemItemUndo,           Undo
      
    	UIBarButtonSystemItemRedo,           Redo
      
    	UIBarButtonSystemItemAdd,            加号 图标按钮
      
    	UIBarButtonSystemItemFlexibleSpace,  弹簧 按钮，将 button 推向两边
      
    	UIBarButtonSystemItemFixedSpace,     弹簧 按钮，将 button 推向两边，
      
    	                                     可设间距 fixedSpaceButton.width = 50;
      
    	UIBarButtonSystemItemCompose,        撰写 图标按钮
      
    	UIBarButtonSystemItemReply,          答复 图标按钮
      
    	UIBarButtonSystemItemAction,         详情 图标按钮
      
    	UIBarButtonSystemItemOrganize,       文件夹 图标按钮
      
    	UIBarButtonSystemItemBookmarks,      书籍 图标按钮
      
    	UIBarButtonSystemItemSearch,         搜索 图标按钮
      
    	UIBarButtonSystemItemRefresh,        刷新 图标按钮
      
    	UIBarButtonSystemItemStop,           X 号 图标按钮
      
    	UIBarButtonSystemItemCamera,         相机 图标按钮
      
    	UIBarButtonSystemItemTrash,          删除 图标按钮
      
    	UIBarButtonSystemItemPlay,           播放 图标按钮
      
    	UIBarButtonSystemItemPause,          暂停 图标按钮
      
    	UIBarButtonSystemItemRewind,         快退 图标按钮
      
    	UIBarButtonSystemItemFastForward,    快进 图标按钮
      
	*/
      
	UIBarButtonItem *done = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone
      
	                                                                      target:self
      
	                                                                      action:@selector(buttonClick)];



    • 文本类按钮

      	/*
      
		UIBarButtonItemStylePlain        默认按钮风格；按下时会闪动
      
		UIBarButtonItemStyleBordered     与 UIBarButtonItemStylePlain 相同，但显示的按钮有边框， NS_ENUM_DEPRECATED_IOS
      
		UIBarButtonItemStyleDone         显示一个蓝色按钮，提醒用户编辑完毕时应该点触（tap）该按钮。
      
	*/

	UIBarButtonItem *titleBtn = [[UIBarButtonItem alloc] initWithTitle:@"按钮"
      
	                                                             style:UIBarButtonItemStylePlain
      
	                                                            target:self
      
	                                                            action:@selector(buttonClick)];

    • 图片类按钮

      	// 对图片进行处理，以原图的样式显示，否则显示为蓝色块
      
	UIImage *image1 = [[UIImage imageNamed:@"001"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
      
	UIBarButtonItem *imageBtn1 = [[UIBarButtonItem alloc] initWithImage:image1
      
			                                                       style:UIBarButtonItemStylePlain
      
			                                                      target:self
      
			                                                      action:@selector(buttonClick)];

	UIImage *image2 = [[UIImage imageNamed:@"002"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
      
	UIImage *image3 = [[UIImage imageNamed:@"004"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
      
	UIBarButtonItem *imageBtn2 = [[UIBarButtonItem alloc] initWithImage:image2
      
                                                   landscapeImagePhone:image3
      
	                                                              style:UIBarButtonItemStyleDone
      
	                                                             target:self
      
	                                                             action:@selector(buttonClick)];

    • 自定义视图类按钮

      	UIProgressView *progress = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleBar];
      
	progress.frame = CGRectMake(0, 0, 80, 20);
      
	progress.progress = 0.5;
      
	progress.progressTintColor = [UIColor greenColor];
      
	progress.trackTintColor = [UIColor redColor];

	UIBarButtonItem *viewBtn = [[UIBarButtonItem alloc] initWithCustomView:progress];

  • Swift

    • 系统类按钮

      	/*
      
    	UIBarButtonSystemItemDone,           Done
      
    	UIBarButtonSystemItemCancel,         Cancel
      
    	UIBarButtonSystemItemEdit,           Edit
      
    	UIBarButtonSystemItemSave,           Save
      
    	UIBarButtonSystemItemUndo,           Undo
      
    	UIBarButtonSystemItemRedo,           Redo
      
    	UIBarButtonSystemItemAdd,            加号 图标按钮
      
    	UIBarButtonSystemItemFlexibleSpace,  弹簧 按钮，将 button 推向两边
      
    	UIBarButtonSystemItemFixedSpace,     弹簧 按钮，将 button 推向两边，
      
    	                                     可设间距 fixedSpaceButton.width = 50;
      
    	UIBarButtonSystemItemCompose,        撰写 图标按钮
      
    	UIBarButtonSystemItemReply,          答复 图标按钮
      
    	UIBarButtonSystemItemAction,         详情 图标按钮
      
    	UIBarButtonSystemItemOrganize,       文件夹 图标按钮
      
    	UIBarButtonSystemItemBookmarks,      书籍 图标按钮
      
    	UIBarButtonSystemItemSearch,         搜索 图标按钮
      
    	UIBarButtonSystemItemRefresh,        刷新 图标按钮
      
    	UIBarButtonSystemItemStop,           X 号 图标按钮
      
    	UIBarButtonSystemItemCamera,         相机 图标按钮
      
    	UIBarButtonSystemItemTrash,          删除 图标按钮
      
    	UIBarButtonSystemItemPlay,           播放 图标按钮
      
    	UIBarButtonSystemItemPause,          暂停 图标按钮
      
    	UIBarButtonSystemItemRewind,         快退 图标按钮
      
    	UIBarButtonSystemItemFastForward,    快进 图标按钮
      
	*/
      
	let done:UIBarButtonItem = UIBarButtonItem(barButtonSystemItem: .Done,
      
	                                                        target: self,
      
	                                                        action: #selector(UiToolbar.buttonClick))



    • 文本类按钮

      	/*
      
		case Plain        默认按钮风格；按下时会闪动
      
		case Bordered     与 UIBarButtonItemStylePlain 相同，但显示的按钮有边框， NS_ENUM_DEPRECATED_IOS
      
		case Done         显示一个蓝色按钮，提醒用户编辑完毕时应该点触（tap）该按钮。
      
	*/

	let titleBtn:UIBarButtonItem = UIBarButtonItem(title: "按钮",
      
	                                               style: UIBarButtonItemStyle.Plain,
      
	                                              target: self,
      
	                                              action: #selector(UiToolbar.buttonClick))

    • 图片类按钮

      	// 对图片进行处理，以原图的样式显示，否则显示为蓝色块
      
	let image1:UIImage = UIImage(named: "001")!.imageWithRenderingMode(.AlwaysOriginal)
      
	let imageBtn1:UIBarButtonItem = UIBarButtonItem(image: image1,
      
                                                    style: UIBarButtonItemStyle.Plain,
      
                                                   target: self,
      
                                                   action: #selector(UiToolbar.buttonClick))

	let image2:UIImage = UIImage(named: "002")!.imageWithRenderingMode(.AlwaysOriginal)
      
	let image3:UIImage = UIImage(named: "004")!.imageWithRenderingMode(.AlwaysOriginal)
      
	let imageBtn2:UIBarButtonItem = UIBarButtonItem(image: image2,
      
                                      landscapeImagePhone: image3,
      
                                                    style: UIBarButtonItemStyle.Plain,
      
                                                   target: self,
      
                                                   action: #selector(UiToolbar.buttonClick))

    • 自定义视图类按钮

      	let progress:UIProgressView = UIProgressView(progressViewStyle: UIProgressViewStyle.Bar)
      
	progress.frame = CGRectMake(0, 0, 80, 20)
      
	progress.progress = 0.5
      
	progress.progressTintColor = UIColor.greenColor()
      
	progress.trackTintColor = UIColor.redColor()

	let viewBtn:UIBarButtonItem = UIBarButtonItem(customView: progress)

3、navigation 中的 toolBar

  • navigationController 自带的 toolbar 属性是所有添加在 navigationController 上的视图所共用的，是属于 navigationController 的，不是属于每个 ViewController 的，但 toolbar 上显示的内容的是每个 ViewController 的，需要在每个 ViewController 上单独设置。

  • toolbar 的显示状态会被带到已经显示过的 ViewController 上，跳转到未显示过的 ViewController 时，toolbar 再次被隐藏。

  • Objective-C

    	// 显示 toolBar，toolBar 默认是隐藏的，首先需要让它显示出来，默认在屏幕的最下方
    
	self.navigationController.toolbarHidden = NO;

	// 向 toolBar 添加按钮，最多只能显示 8 个，往 self.navigationController.toolbarItems 上添加时无用
    
	self.toolbarItems = buttonArray;

  • Swift

    	// 显示 toolBar，toolBar 默认是隐藏的，首先需要让它显示出来，默认在屏幕的最下方
    
	self.navigationController!.toolbarHidden = false

	// 向 toolBar 添加按钮，最多只能显示 8 个，往 self.navigationController.toolbarItems 上添加时无用
    
	self.toolbarItems = buttonArray

iOS - UIToolbar的更多相关文章

  1. iOS:UIToolBar控件的使用

    UIToolBar控件:是经常使用的一个工具条控件,虽然在上面可以添加子控件,但是toolbar中只能添加UIBarButtonItem类型的子控件,其他子控件会被包装成这种类型的,例如UIButto ...

  2. iOS UIToolBar的使用

    UIToolBar存在于UINavigationController导航栏控制器中.并且默认被隐藏. 当设置UIToolBar显示,或者存在UITabBarController且tabbar被隐藏的时 ...

  3. iOS:UIToolBar、toolbarItems、BarButtonItem的几种关系

    工具栏:ToolBar 工具栏项目:Bar Button Item 调节按钮位置的固定调节:Fixed Space Bar Button Item 调节按钮位置的灵活调节:Flexible Space ...

  4. ios 开发UI篇— UIToolbar

    前言 NS_CLASS_AVAILABLE_IOS(2_0) __TVOS_PROHIBITED @interface UIToolbar : UIView <UIBarPositioning& ...

  5. iOS 开发 中级：UIToolbar，UINavigationBar，UITabBar，UIBarButtonItem，UITabBarItem自定义方法总结

    原文:  http://blog.csdn.net/songrotek/article/details/8692866?utm_source=tuicool 对于UIToolbar,UINavigat ...

  6. iOS开发——UI篇Swift篇&UIToolbar

    UIToolbar class UIToolBarUISearchBar: UIViewController,UISearchBarDelegate { var titleString:String! ...

  7. [iOS基础控件 - 6.10.3] DatePicker & UIToolBar

    A.需求 1. 学习DatePicker的基本配置 2.使用TextField召唤指定类型的输入键盘View,这里使用DatePicker 3.给输入键盘上方加上一个UIToolBar,实现如关闭键盘 ...

  8. 【iOS发展-70】点菜系统案例：使用文本框inputView和inputAccessoryView串联UIPickerView、UIDatePicker和UIToolBar

    (1)效果 (2)先在storyboard中设计界面,然后源码(直接在ViewController中码) #import "ViewController.h" @interface ...

  9. 【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )

    转载注明出处 : http://blog.csdn.net/shulianghan/article/details/50348982 一. 日期选择器 (UIDatePicker) UIDatePic ...

随机推荐

  1. 安装使用RESTful 框架SLIM方法

    相关框架: http://www.golaravel.com 是一个PHP框架,内置名为LUMEN的RESTful API框架,有中文文档, http://lumen.golaravel.com/do ...

  2. 使用glob()查找文件

    大部分PHP函数的函数名从字面上都可以理解其用途,但是当你看到 glob() 的时候,你也许并不知道这是用来做什么的,其实glob()和scandir() 一样,可以用来查找文件,请看下面的用法:摘自 ...

  3. 为ecshop红包增加”转赠”功能

    ecshop促销中使用红包激励用户购物,要想炒热活动,红包就需要有物以稀为贵的感觉.有人求有人送,这样红包之间的转赠有助于拉动第二梯队的顾客.但是如果已经把红包添加到自己的账户了怎么办?如果ecsho ...

  4. PRINCE2七大原则(1)

    PRINCE2七大原则(1) 我们先来回顾一下,PRINCE2七大原则分别是持续的业务验证,经验学习,角色与责任,按阶段管理,例外管理,关注产品,剪裁. 第二个原则:吸取经验教训. PRINCE2要求 ...

  5. java从命令行接收多个数字，求和之后输出结果

    设计思想:获取输入数的个数,然后将要相加的数字转换成为浮点型进行相加,最后进行输出 源代码: package Add; import java.util.Scanner; // 严羽卿   2015. ...

  6. EffectiveJava笔记（第一部分）

    考虑用静态构造方法代替构造器的好处: 1.静态构造方法有名字     BigInteger.probablePrime(int, int, Random)比 new BigInteger(int, i ...

  7. OracleHelper 动软生成

    using System; using System.Collections; using System.Collections.Specialized; using System.Data; usi ...

  8. fg、bg、jobs、&、ctrl + z

    原文地址:fg.bg.jobs.&.ctrl + z 作者:china-yuan http://blog.chinaunix.net/uid-22433093-id-1774026.html ...

  9. JAVA基础知识之Set集合

    Set集合的基本特征是不记录添加顺序,不允许元素重复(想想是为什么).最常用的实现类是HashSet. 本文将要介绍以下内容 HashSet类 HashSe的特征 HashSet的equals和has ...

  10. Uva(10048)，最短路Floyd

    题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem ...