技术标签: 开发
纯代码写界面有时候会降低开发效率,对于一些通用简单的界面,例如程序设置界面,我们可以使用xib进行开发。
1:IB是什么?
在终端下我们可以看到,NIB 其实是一个目录。它里面有两个也是后缀为 NIB 的文件:designable.nib 和 keyedobjects.nib。前者是一个 XML 文档,而后者则是一个二进制文件,XIB它是单一的 XML 文档,也就是一个纯文本文件。纯文本文件的好处是显而易见的。嗯,就是便于源代码版本管理。现在最新版本的 Xcode 在创建项目时,已经默认使用 XIB 格式的文档了,app启动的时候会根据xml构造xib对应的界面及其控件.
不论在 Interface Builder 中选择的是 NIB 还是 XIB 格式,Xcode 编译后都将得到一个供程序运行时使用的经过编译的 NIB 文件。该文件将视图等控件对象封装了起来,而在程序运行起来后,这些对象会被激活。
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
使用自定义属性
可能这个功能是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
文章浏览阅读650次。惠普电脑是目前市场上比较大的一个电脑品牌之一,有着一定量的用户。为了让各位友友们能更好的使用惠普电脑,为了让这些惠普的用户在遇到无法解决问题时,需要操作系统重装时有经验可寻,下面,小编就来给大家带来了惠普win7系统安装方法。随着u盘装机方式的普及,相信大家对于u盘装系统都很熟悉了,即使没有安装系统也略有耳闻,因此用户对u盘安装 win7系统还是有些陌生,没关系,为了给大家提供安装的资源,下面小编..._hp ml350服务器如何安装win7
文章浏览阅读279次。我们要学会利用各种软件工具来提升我们工作、生活、学习的效率!今天要分享的是笔记类工具,其中名气最大的当然是印象笔记、其他的还有有道云笔记、为知笔记、OneNote…这些都做的很不错的,在细节功能方面有些不同,后期会写一篇这些工具的对比横评,不过记得知乎里好像已经有人写过了,感兴趣可以去看下,我开始用的是印象笔记,后来改成用有道云笔记,主要感觉印象笔记还是有一点点的水土不服,有道云笔记是网易的,网易在教育这块做的还是不错的。首先说说这些笔记工具能干些什么?资料汇总(将各个网站的内容一键采集)工作素材库(_笔记软件怎么用
文章浏览阅读726次。---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------一、图像列表控件1、ImageList控件的属性1> 定义图像列表控件是含有图像对象的集合,可以通过索引或关键字引用该集合中的每个对象。ImageList控件不能独立使用,只用来为Windows窗体中的其他控件提供图像2_黑马listview
文章浏览阅读459次。一个简单的轮播为了更具有通用和参考性,轮播组件中,轮播只使用了react,没有添加其他的状态管理,或者参数类型限制的库. 所以这个轮播的方法,同样可以用于vue 等其他框架github地址最终效果显示无限循环原理如图所示,如果轮播里面有三个部分,那么可以在首端前添加一个跟最后一块一样的dom节点,同理在最末端添加跟首端相同的节点,这样当轮播到末端,在下一张的情况下,就可以无缝..._react carousel不暂停
文章浏览阅读2.7k次。微信小程序开发工具无法输入中文参考: https://www.cnblogs.com/xyyt/p/10005947.html异常描述操作系统工具版本类型Window10微信web开发者工具1.02.1902010bug官方回应处理方法经验证, ctrl(command) + shfit + w 重启下项目,是可行的,看来也只有如此了。期待下个..._vant输入框输入中文报无效参数
文章浏览阅读331次。汽车信息管理,员工可在汽车信息管理页面查看汽车名称、汽车类型、汽车品牌、图片、能源类型、颜色、排量、价格、咨询电话、详细地址、上架日期等内容,还可进行新增、修改、查看评论或删除等操作,如图5-11所示。_基于django的汽车俱乐部管理系统设计与实现
文章浏览阅读1.3w次,点赞6次,收藏21次。Key Reinstallation Attacks Breaking WPA2 by forcing nonce reuse 今年9月份CCS公布了一篇新论文,该论文提出了一种新的攻击方法:Key Reinstallation Attacks,这种攻击方法对WPA2危害甚大。本文简单介绍该攻击方法。我们都知道所有WiFi网络都是靠WiFi Protected Access 协议的某个实现版_wpa2重装
文章浏览阅读1.1k次,点赞27次,收藏22次。RC电路画一个RC电路,计算电容两端电压,画出电容电压时间曲线由电阻R和电容C组成的电路称为阻容电路,简称RC电路。从元件的连接的角度来看,又分RC串联电路与RC并联电路。_硬件工程师笔试常考电路
文章浏览阅读1.7k次。组合和继承是面向对象中两种代码复用的方式。组合是指在新类里面创建原有类的对象,重复利用已有类的功能。继承是面向对象的主要特性之一,它允许设计人员根据其他类的实现来定义一个类的实现。组合和继承都允许在新的类中设置子对象(subobject),只是组合是显式的,而继承是隐式的。组合和继承存在着对应关系:组合中的整体类和继承中的子类对应,组合中的局部类和继承中的父类对应。既然继承和组合都可以实现..._组合模式和继承模式区别
文章浏览阅读1.2k次。展示异步任务状态当有一个Future(异步)任务需要展示给用户时,可以使用FutureBuilder控件来完成,比如向服务器发送数据成功时显示成功提示:var _future = Future.delayed(Duration(seconds: 3), () { return '老孟,一个有态度的程序员'; });FutureBuilder( future: _future, builder: (context, snapshot) { ._flutter snapshot
文章浏览阅读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部分 给出了其理论和实践的依据,并指出围棋程序是不可能仿照国际象棋程序那样开发的(参见表一)。 _电脑围棋