xib基本概念和常用快捷操作-程序员宅基地

技术标签: 开发  

纯代码写界面有时候会降低开发效率,对于一些通用简单的界面,例如程序设置界面,我们可以使用xib进行开发。

1:IB是什么?

在终端下我们可以看到,NIB 其实是一个目录。它里面有两个也是后缀为 NIB 的文件:designable.nib 和 keyedobjects.nib。前者是一个 XML 文档,而后者则是一个二进制文件,XIB它是单一的 XML 文档,也就是一个纯文本文件。纯文本文件的好处是显而易见的。嗯,就是便于源代码版本管理。现在最新版本的 Xcode 在创建项目时,已经默认使用 XIB 格式的文档了,app启动的时候会根据xml构造xib对应的界面及其控件.

不论在 Interface Builder 中选择的是 NIB 还是 XIB 格式,Xcode 编译后都将得到一个供程序运行时使用的经过编译的 NIB 文件。该文件将视图等控件对象封装了起来,而在程序运行起来后,这些对象会被激活。

  1. xib文件的若干属性

    File’s Owner: File’s Owner是控制对象,可以说是nib文件的所有者,控制管理可视化对象。File’s Owner也可以简单理解为就是Custom Class类型的对象,而xib中的其他元素都是该对象的成员变量,但是需要手动来关联Custom Class中的成员变量与xib中对象之间的关系。

    xib文件中的视图的Class 从xib加载进来的View大小是确定的,但是该视图在父视图中的位置是不确定的,因此需要开发者自行指定.

    xib文件中的视图的Outlet 是针对xib文件中希望能够在外部引用的控件成员.

    First Responder View中每次只会有一个对象与用户进行交互,那么当前交互的对象即为First Responder。

3:常用小技巧

1:选中任意的一个view,然后Editor->Size to Fit Content,或者简单的按 ⌘=, 接着就会按照下面的规则对选中view的Size做出与之Content对应的适应。

1)对于图片会按照原图大小进行显示.ImageView/Button的size会设置为图像的原始size(最常见的用法).
2)Label/Button的size会被设置为与当前text内容相当的尺寸.
3)parent container view会与其subviews的frames相适应。

图一在未使用Size to Fit Content时,由于大小不适应所以图片被压缩了 图二在使用Size to Fit Content之后显示正常的图片.这种方式简单快速,避免了去设置对应的大小.

这里写图片描述 这里写图片描述

2> 按住option键—观察所选中view与另外view边缘之间的距离.

按住option键之后,选择一个view,然后将鼠标悬停在别的一些view上,会看到一些距离——选中view与别的view边缘之间的距离。

3: Editor -> Embed In View 该操作添加对应子视图的父视图

只要选中所有需要的子视图,然后 Editor -> Embed In View即可,其实就是类似于在storyboard中视图控制器嵌入导航控制器或者标签栏控制器.

4:在不影响subview的位置时给view自由的添加padding,就是在按住⌘时(command键)拖动view的边缘即可.

5:利用箭头进行移动视图中相应的控件只要选中对应控件,然后使用键盘中的上下左右箭头进行移动即可.

6: IBOutletCollection(多个相同控件的集合)排序

有时候IBOutletCollection里面元素的顺序对我们来说非常重要:我们希望按某个顺序对其进行迭代。IBOutletCollection的顺序取决于我们dragged connection的顺序,可以通过^+单击 File’s Owner来查看当前的顺序.也可以右击File’s Owner査看.下面部分代码是自定义view.h文件中与xib中UIButton连线之后的情况.
@interface CustomView : UIView
//好比如UIButton,选中集合类型之后,只要直接使用鼠标拖动到其他对应的UIButton即可完成关联.可以选中父视图右键査看是否关联上以及先后顺序.
@property (strong, nonatomic) IBOutletCollection(UIButton) NSArray *button1;

@end
  1. 使用自定义属性

    可能这个功能是IB中很少被使用的:使用Identity inspector中的User Defined Runtime Attributes(用户自定义运行时属性)在view上设置自定义属性:使用自定义属性可以设置圆角, 边框,避免在手写代码.对应部分为下图:

这里顺便贴一个地址常用属性设置说明:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UIButton.html#//apple_ref/doc/uid/TP40012857-UIButton-SW1

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/longshihua/article/details/49801469

智能推荐

hp服务器光盘安装win7系统安装教程,惠普win7系统安装方法,教您惠普win7系统怎么安装...-程序员宅基地

文章浏览阅读650次。惠普电脑是目前市场上比较大的一个电脑品牌之一,有着一定量的用户。为了让各位友友们能更好的使用惠普电脑,为了让这些惠普的用户在遇到无法解决问题时,需要操作系统重装时有经验可寻,下面,小编就来给大家带来了惠普win7系统安装方法。随着u盘装机方式的普及,相信大家对于u盘装系统都很熟悉了,即使没有安装系统也略有耳闻,因此用户对u盘安装 win7系统还是有些陌生,没关系,为了给大家提供安装的资源,下面小编..._hp ml350服务器如何安装win7

【工具杂谈】笔记类软件使用_笔记软件怎么用-程序员宅基地

文章浏览阅读279次。我们要学会利用各种软件工具来提升我们工作、生活、学习的效率!今天要分享的是笔记类工具,其中名气最大的当然是印象笔记、其他的还有有道云笔记、为知笔记、OneNote…这些都做的很不错的,在细节功能方面有些不同,后期会写一篇这些工具的对比横评,不过记得知乎里好像已经有人写过了,感兴趣可以去看下,我开始用的是印象笔记,后来改成用有道云笔记,主要感觉印象笔记还是有一点点的水土不服,有道云笔记是网易的,网易在教育这块做的还是不错的。首先说说这些笔记工具能干些什么?资料汇总(将各个网站的内容一键采集)工作素材库(_笔记软件怎么用

黑马程序员--使用ListView控件展示数据_黑马listview-程序员宅基地

文章浏览阅读726次。---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------一、图像列表控件1、ImageList控件的属性1> 定义图像列表控件是含有图像对象的集合,可以通过索引或关键字引用该集合中的每个对象。ImageList控件不能独立使用,只用来为Windows窗体中的其他控件提供图像2_黑马listview

react 实现一个无限循环的轮播器 附github地址-程序员宅基地

文章浏览阅读459次。一个简单的轮播为了更具有通用和参考性,轮播组件中,轮播只使用了react,没有添加其他的状态管理,或者参数类型限制的库. 所以这个轮播的方法,同样可以用于vue 等其他框架github地址最终效果显示无限循环原理如图所示,如果轮播里面有三个部分,那么可以在首端前添加一个跟最后一块一样的dom节点,同理在最末端添加跟首端相同的节点,这样当轮播到末端,在下一张的情况下,就可以无缝..._react carousel不暂停

微信小程序开发——开发者工具无法输入中文的处理_vant输入框输入中文报无效参数-程序员宅基地

文章浏览阅读2.7k次。微信小程序开发工具无法输入中文参考: https://www.cnblogs.com/xyyt/p/10005947.html异常描述操作系统工具版本类型Window10微信web开发者工具1.02.1902010bug官方回应处理方法经验证, ctrl(command) + shfit + w 重启下项目,是可行的,看来也只有如此了。期待下个..._vant输入框输入中文报无效参数

[附源码]Python计算机毕业设计Django的4s店车辆管理系统_基于django的汽车俱乐部管理系统设计与实现-程序员宅基地

文章浏览阅读331次。汽车信息管理,员工可在汽车信息管理页面查看汽车名称、汽车类型、汽车品牌、图片、能源类型、颜色、排量、价格、咨询电话、详细地址、上架日期等内容,还可进行新增、修改、查看评论或删除等操作,如图5-11所示。_基于django的汽车俱乐部管理系统设计与实现

随便推点

WPA2协议新攻击方法(KRACK)—WPA2密钥重安装漏洞_wpa2重装-程序员宅基地

文章浏览阅读1.3w次,点赞6次,收藏21次。Key Reinstallation Attacks Breaking WPA2 by forcing nonce reuse 今年9月份CCS公布了一篇新论文,该论文提出了一种新的攻击方法:Key Reinstallation Attacks,这种攻击方法对WPA2危害甚大。本文简单介绍该攻击方法。我们都知道所有WiFi网络都是靠WiFi Protected Access 协议的某个实现版_wpa2重装

【硬件工程师面经整理17_RC电路】_硬件工程师笔试常考电路-程序员宅基地

文章浏览阅读1.1k次,点赞27次,收藏22次。RC电路画一个RC电路,计算电容两端电压,画出电容电压时间曲线由电阻R和电容C组成的电路称为阻容电路,简称RC电路。从元件的连接的角度来看,又分RC串联电路与RC并联电路。_硬件工程师笔试常考电路

【面试题】组合和继承有什么区别_组合模式和继承模式区别-程序员宅基地

文章浏览阅读1.7k次。组合和继承是面向对象中两种代码复用的方式。组合是指在新类里面创建原有类的对象,重复利用已有类的功能。继承是面向对象的主要特性之一,它允许设计人员根据其他类的实现来定义一个类的实现。组合和继承都允许在新的类中设置子对象(subobject),只是组合是显式的,而继承是隐式的。组合和继承存在着对应关系:组合中的整体类和继承中的子类对应,组合中的局部类和继承中的父类对应。既然继承和组合都可以实现..._组合模式和继承模式区别

Flutter Widgets 之 FutureBuilder_flutter snapshot-程序员宅基地

文章浏览阅读1.2k次。展示异步任务状态当有一个Future(异步)任务需要展示给用户时,可以使用FutureBuilder控件来完成,比如向服务器发送数据成功时显示成功提示:var _future = Future.delayed(Duration(seconds: 3), () { return '老孟,一个有态度的程序员'; });FutureBuilder( future: _future, builder: (context, snapshot) { ._flutter snapshot

springboot/java/php/node/python西塘草舍农场管理系统【计算机毕设】-程序员宅基地

文章浏览阅读19次。后端由Spring Boot提供支持,前端由Vue.js构建,数据存储和管理通过MySQL和Navicat实现,整个开发流程由Maven进行管理,并在Tomcat服务器上运行。开发工具:idea/eclipse/myeclipse。环境配置软件: JDK1.8+Maven3.3.9。数据库管理工具:Navicat10以上版本。操作系统:win7以上,最好是win10。文末可领取本课题的JAVA源码参考。数据库:mysql5.7或8.0。服务器:Tomcat7.0。

电脑围棋-程序员宅基地

文章浏览阅读3.4k次。1.0 概述本文旨在向读者介绍电脑围棋领域的状况及 Internet 上的相关资源。 为照顾尚不熟悉围棋的读者,第2部分介绍了围棋的基本常识和规则,熟悉这些的读者可以跳过它,或在必要时参考。 第6部分将告诉读者,由于各自的特点,目前围棋程序的水平与国际象棋程序相比差距极大,有待于进一步投入力量开发;第3部分 给出了其理论和实践的依据,并指出围棋程序是不可能仿照国际象棋程序那样开发的(参见表一)。 _电脑围棋

推荐文章

热门文章

相关标签