ios 开发UI篇— UIToolbar

前言

    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];

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)];

      Toolbar1


      Toolbar2

    • 文本类按钮

          /*
              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];
    • Toolbar1

    • Toolbar2

    • 文本类按钮

          /*
              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;    

原文地址:https://www.cnblogs.com/jiuyi/p/10495623.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


当我们远离最新的 iOS 16 更新版本时,我们听到了困扰 Apple 最新软件的错误和性能问题。
欧版/美版 特别说一下,美版选错了 可能会永久丧失4G,不过只有5%的概率会遇到选择运营商界面且部分必须连接到iTunes才可以激活
一般在接外包的时候, 通常第三方需要安装你的app进行测试(这时候你的app肯定是还没传到app store之前)。
前言为了让更多的人永远记住12月13日,各大厂都在这一天将应用变灰了。那么接下来我们看一下Flutter是如何实现的。Flutter中实现整个App变为灰色在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下:ColorFiltered(颜色过滤器)看名字就知道是增加颜色滤镜效果的,ColorFiltered( colorFilter:ColorFilter.mode(Colors.grey, BlendMode.
flutter升级/版本切换
(1)在C++11标准时,open函数的文件路径可以传char指针也可以传string指针,而在C++98标准,open函数的文件路径只能传char指针;(2)open函数的第二个参数是打开文件的模式,从函数定义可以看出,如果调用open函数时省略mode模式参数,则默认按照可读可写(ios_base:in | ios_base::out)的方式打开;(3)打开文件时的mode的模式是从内存的角度来定义的,比如:in表示可读,就是从文件读数据往内存读写;out表示可写,就是把内存数据写到文件中;
文章目录方法一:分别将图片和文字置灰UIImage转成灰度图UIColor转成灰度颜色方法二:给App整体添加灰色滤镜参考App页面置灰,本质是将彩色图像转换为灰度图像,本文提供两种方法实现,一种是App整体置灰,一种是单个页面置灰,可结合具体的业务场景使用。方法一:分别将图片和文字置灰一般情况下,App页面的颜色深度是24bit,也就是RGB各8bit;如果算上Alpha通道的话就是32bit,RGBA(或者ARGB)各8bit。灰度图像的颜色深度是8bit,这8bit表示的颜色不是彩色,而是256
领导让调研下黑(灰)白化实现方案,自己调研了两天,根据网上资料,做下记录只是学习过程中的记录,还是写作者牛逼
让学前端不再害怕英语单词(二),通过本文,可以对css,js和es6的单词进行了在逻辑上和联想上的记忆,让初学者更快的上手前端代码
用Python送你一颗跳动的爱心
在uni-app项目中实现人脸识别,既使用uni-app中的live-pusher开启摄像头,创建直播推流。通过快照截取和压缩图片,以base64格式发往后端。
商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。CSDN前端领域优质创作者,资深前端开发工程师,专注前端开发,在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享,欢迎咨询交流,共同学习。),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;2.判断支付方式,如果是1,则是微信支付方式。1.判断是否在微信内支付,需要在微信外支付。
Mac命令行修改ipa并重新签名打包
首先在 iOS 设备中打开开发者模式。位于:设置 - 隐私&安全 - 开发者模式(需重启)
一 现象导入MBProgressHUD显示信息时,出现如下异常现象Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_MBProgressHUD", referenced from: objc-class-ref in ViewController.old: symbol(s) not found for architecture x86_64clang: error: linker command failed wit
Profiles >> 加号添加 >> Distribution >> "App Store" >> 选择 2.1 创建的App ID >> 选择绑定 2.3 的发布证书(.cer)>> 输入描述文件名称 >> Generate 生成描述文件 >> Download。Certificates >> 加号添加 >> "App Store and Ad Hoc" >> “Choose File...” >> 选择上一步生成的证书请求文件 >> Continue >> Download。
今天有需求,要实现的功能大致如下:在安卓和ios端实现分享功能可以分享链接,图片,文字,视频,文件,等欢迎大佬多多来给萌新指正,欢迎大家来共同探讨。如果各位看官觉得文章有点点帮助,跪求各位给点个“一键三连”,谢啦~声明:本博文章若非特殊注明皆为原创原文链接。