创建可以在InterfaceBuilder中渲染的自定义视图-创新互联

Xcode 6加了一个新特性,让开发着可以创建自定义控件,并且可以在Interface Builder中显示效果! 程序猿们再也不用猜测自定义控件的样子了!

在忠县等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、成都网站设计 网站设计制作按需策划设计,公司网站建设,企业网站建设,品牌网站制作,全网营销推广,成都外贸网站建设公司,忠县网站建设费用合理。
1 . 创建一个包含自定义视图的框架

创建一个iOS应用程序框架File > New > Target,选择Cocoa Touch Framework
创建可以在Interface Builder中渲染的自定义视图

2 . 创建新类

File > New > File选择Cocoa Touch Class模板,选择UIView作为父类,填入类名。
创建可以在Interface Builder中渲染的自定义视图

下一步,保存项目。
创建可以在Interface Builder中渲染的自定义视图

3 . 在Xcode的工程导航栏中选择刚才创建的MyDrawFrameRectViewClass头文件,使它的内容变为:
#import IB_DESIGNABLE@interface MyDrawFrameRectViewClass : UIView@end
4 . 选择Storyboard文件,在Interface Builder中打开它。
5 . 从控件栏中拖入一个控件到画布上。
6 . 选择刚才拖入的视图,选择属性探测器View > Utilities > Show Identity Inspector
7 . 输入刚才自定义的类名。

创建可以在Interface Builder中渲染的自定义视图

8 . View > Assistan Editor > Show Assistant Editor打开辅助编辑器。
9 . 在自定义视图中编写代码,我们可以实时的在Interface Builder中看到效果。

创建可以在Interface Builder中渲染的自定义视图
修改代码:
创建可以在Interface Builder中渲染的自定义视图

10 . 通过增加辅助编辑器,可以同时查看自定义类的实现和头文件View > Assistant Editor > Add Assistant Editor

创建可以在Interface Builder中渲染的自定义视图

11 . 使用IBInspectable声明的属性可以在属性探测器中出现。

创建可以在Interface Builder中渲染的自定义视图

12 . 选中Interface Builder中刚才的自定义视图,显示属性View > Utilities > Show Attributes,可以看到刚才定义的两个属性。

创建可以在Interface Builder中渲染的自定义视图

13 . 改变属性值,Interface Builder会自动变化。

创建可以在Interface Builder中渲染的自定义视图

下面这些类型的属性可以用IBInspectable修饰:
boolean, integer, float, localized string, rectangle, point, size, color, range, nil等。

长沙戴维营教育,做最好的iOS开发培训!

Swift开发视频教程地址:http://www.ubuntucollege.cn

首家长沙iOS培训机构,湖南地区最诚实iOS开发培训中心!

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


当前文章:创建可以在InterfaceBuilder中渲染的自定义视图-创新互联
网页地址:http://pwwzsj.com/article/dhciop.html