前言

	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. Java生产者消费者模型

    在Java中线程同步的经典案例,不同线程对同一个对象同时进行多线程操作,为了保持线程安全,数据结果要是我们期望的结果. 生产者-消费者模型可以很好的解释这个现象:对于公共数据data,初始值为0,多个 ...

  2. 【PHP设计模式 03_JianDanGongChang.php】 简单工厂

    <?php /** * [简单工厂] * 之前 02.php 面向接口开发,客户端还是知道了服务器端的所有类. * 现在想让客户端只知道一个类,就用工厂. */ header("Con ...

  3. HDU 4035:Maze(概率DP)

    http://acm.split.hdu.edu.cn/showproblem.php?pid=4035 Maze Special Judge Problem Description   When w ...

  4. C#:向控件添加信息类

    using System; using System.Collections.Generic; using System.Text; using System.Windows.Forms; names ...

  5. 使用crontab不能正常执行的问题

    crontab -l:   列出当前用户的crontab列表crontab -e:   以vi打开crontab文件,可以进行编辑.如果需要加新的自启动项目,可以在此进行添加后再输入:wq 保存. & ...

  6. css弹性盒子学习

    css3弹性盒子是一种布局方式,在适应不同的屏幕大小的时候,能够确保元素拥有更恰当的排布行为.它只是视觉呈现上的,即显示顺序适应显示空间,与源代码无关,源代码顺序不受影响. 定义一个弹性盒子: 在cs ...

  7. Python科学计算环境推荐——Anaconda

    最近在用Python做中文自然语言处理.使用的IDE是PyCharm.PyCharm确实是Python开发之首选,但用于科学计算方面,还略有欠缺.为此我尝试过Enthought Canopy,但Can ...

  8. reactjs入门到实战(一)---- hello world例子

    React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西 ...

  9. cetos6.5安装Tomcat

    一. 下载Tomcat 官网下载Tomcat  tar.gz文件 二. 解压tar.gz文件 tar -zxvf tomcat.tar.gz 三. 在catalina.sh最上面添加一下内容 expo ...

  10. 【leetcode❤python】26. Remove Duplicates from Sorted Array

    #-*- coding: UTF-8 -*-class Solution(object):    def removeDuplicates(self, nums):        "&quo ...