Question

如何用Swift创建自定义iOS控件

Answer 1

用户界面控件是许多应用的重要组成部分。使用这些控件，可以让用户查看应用的内容或与他们的应用进行交互。苹果提供了一个控件集，像 UITextField , UIButton 和UISwitch 。灵活使用这些工具箱中已经存在的控件，可以让你创建各种各样的用户界面...

Answer 2

基于代码的自定义控件实现的基本步骤（纯文字版,阅读障碍者请跳过~）创建一个新类，基类选择UIView实现init(frame:)方法overrideinit(frame:CGRect){super.init(frame:frame)setupSubviews()}funcsetupSubviews(){//..}实现init()方法convenienceinit(){self.init(frame:CGRect.zero)}实现init(coder:)方法基本逻辑跟init(frame:)是类似的requiredinit?(coderaDecoder:NSCoder){super.init(coder:aDecoder)setupSubviews()}init(coder:)和init(frame:)是在两个不同的情境下被调用的。前者是当自定义控件在XIB中使用的时候被调用，后者是使用代码直接创建自定义控件时被调用的。当自定义控件在XIB中使用时候还有一个方法会被触发：awakeFromeNib，此方法是当空间从NIB文件加载完毕之后触发的,它和init(coder:)的触发机制是不同的,init(coder:)要做真正的反序列化的工作,awakeFromNib是反序列化完毕并且设置好相关的Outlet变量之后被调用的。重写layoutSubviews方法，调整子View的大小。overridefunclayoutSubviews(){asubview.bounds=self.bounds//}有时候也可以在上述创建子View的时候设置相关的大小和约束，但是如果子View的大小或约束需要依赖self的大小的话，就只有在这个方法里进行,因为之后这个方法被调用的时候self的frame才是正确的,同时,在self的frame发生变化的时候(包括发生了旋转),这个方法也会再次被调用。基于XIB创建自定义控件我们假设想写一个类似百度个税计算机的App,想让其中的税率条目做成自定义控件自定义控件界面创建一个新类MyCustomView，派生类选择UIView创建新类创建一个和类同名的XIB文件创建XIB文件修改XIB文件中View的Size为Freedom,Statusbar为NoneMetrices属性设计自定义控件的试图布局和约束设计布局和约束在XIB的File'sOwner界面的CustomClass中选择自定义类的名字File'sOwner注意：不是在View自身的CustomClass中填写，如果你调试的时候出现init(coder:)递归调用了的话，那就是这个地方弄错了错误的示范File'sOwner设置的CustomView是设定子View关联Outlet变量到哪个类的对象,这个对象跟后面通过UINib加载Xib文件传递的Owner对象的关系就是"类"与"对象"的关系.而View的CustomView是指当Xib文件被加载进来的时候其跟View对象的类型.默认是UIView,后面我们会展示在Xib中使用我们的自定义控件MyCustomView的时候,我们就会用到这个特性.给子View拉线关联必要的Outlet变量。@IBOutletweakvartitleLabel:UILabel!@IBOutletweakvarselfTaxRateInput:UITextField!@IBOutletweakvarselfTaxResultLabel:UILabel!@IBOutletweakvarcompanyTaxRateInput:UITextField!@IBOutletweakvarcompanyTaxResultLabel:UILabel!定义一个加载XIB文件的方法和一个完整的初始化子类的方法//loadviewfromxibfuncloadViewFfromNib()->UIView{letbundle=NSBundle(forClass:self.dynamicType)letnib=UINib(nibName:String(self.dynamicType),bundle:bundle)letview=nib.instantiateWithOwner(self,options:nil)[0]as!UIViewreturnview}//setupview'sautoresizetofillparent,andadda%viewtoinputviewfuncsetupSubviews(){view=loadViewFfromNib()view.autoresizingMask=[UIViewAutoresizing.FlexibleWidth,UIViewAutoresizing.FlexibleHeight]addSubview(view)selfTaxRateInput.rightViewMode=.AlwaysletlabelMaker:()->UIView={letprecentLabel=UILabel();precentLabel.text="%";returnprecentLabel}selfTaxRateInput.rightView=labelMaker()companyTaxRateInput.rightViewMode=.AlwayscompanyTaxRateInput.rightView=labelMaker()}//resetsubview'sframeoverridefunclayoutSubviews(){view.frame=boundsletprecentRect=CGRect(x:0,y:0,width:20,height:bounds.size.height)selfTaxRateInput.rightView?.bounds=precentRectcompanyTaxRateInput.rightView?.bounds=precentRect}这里需要一个添加一个view的属性,用来保存从Xib中加载得到的View,然后作为子View添加给self.这里可能有点迷惑,我们不就是一个view吗?其实,在现在这个用法里面,self只是一个容器,它的作为就是作为Xib中View的容器编写我们的各个初始化函数weakvarview:UIView!overrideinit(frame:CGRect){super.init(frame:frame)setupSubviews()}convenienceinit(){self.init(frame:CGRect.zero)}requiredinit?(coderaDecoder:NSCoder){super.init(coder:aDecoder)setupSubviews()}上面的步骤已经完成了自定义控件的编写了,下面接着介绍如何在Xib中使用它?打开我们主界面的Xib文件,拖入一个UIView设置好大小位置和约束使用自定义控件把这个UIView的CustomView设置为我们上面开发的"MyCustomView"设置CustomView这里设置了子View的CustomView为MyCustomView,那么当主Xib被加载的时候,解析到这个子View的时候,就会用这个CustomView的类型来创建对象.伪代码类似这样:lettheClass:AnyClass!=NSClassFromString(CustomClassName)letclassObject:NSObject.Type!=theClassas!NSObject.Type!letobj=classObject.init()rootView.addSubview(obj)文／子达如何原文链接：/p/6d73d3b16918