iOS项目开发实战——使用Xcode6设计自己定义控件与图形
2017-06-30 17:27
716 查看
在iOS开发中,有很多控件都是Xcode默认提供的。使用这些控件是很方便的。可是因为某些须要。须要自己设计控件,那么应该怎么做呢?在Xcode6中提供了这种接口,同意开发人员高速开发自己定义控件,而且能够提供实时预览功能。详细实现过程例如以下:
(1)新建一个Single View Application。Language选择Swift。然后在系统配置主界面中点击项目名称,选择Add Target.
.
.
(2)然后在弹出的对话框中选择Cocoa Touch Framework,输入名字就可以。我输入的项目名称是CustomViews。
。
(3)新建完上述的Cocoa Touch Framework后。项目文件夹下多出了两个文件夹,如今的文件夹结构例如以下:
。
(3)在CustomViews中新建一个Cocoa Touch Class。
语言选择Swift,类名随意取,注意SubClass of要选择UIView。点击创建就可以。然后就会生成一个swift类。
。
(4)首先在Main.storyboard中拖入一个View控件,能够自己任意设置一个背景颜色等。
等下就要用刚才的Swift类来自己定义设置这个View控件。注意这是个View控件。
。
(5)然后在这个控件的右側选择Indentity Inspector中的Class中输入刚才创建的Swift类,我输入的是MyViews,然后系统默认会把Module也填上。
。
(6)然后我们就能够去MyViews.swift中对控件进行自己定义设置了。写入例如以下代码:首先要把该类声明为@IBDesignable。表示是可被又一次设计的。
(7)然后再来到Main.storyboard中,选中刚才的View控件,此时发现右側多了几个设置属性的选项。各自是设置边框宽度。边框颜色,圆角半径和背景颜色,如图:
。
通过改变属性。能够在界面中实施查看当前的设计结果:
。
通过以上步骤。我们就能够任意的设计自己喜欢的控件效果了。
github主页:https://github.com/chenyufeng1991 。
欢迎大家訪问。
(1)新建一个Single View Application。Language选择Swift。然后在系统配置主界面中点击项目名称,选择Add Target.
.
.
(2)然后在弹出的对话框中选择Cocoa Touch Framework,输入名字就可以。我输入的项目名称是CustomViews。
。
(3)新建完上述的Cocoa Touch Framework后。项目文件夹下多出了两个文件夹,如今的文件夹结构例如以下:
。
(3)在CustomViews中新建一个Cocoa Touch Class。
语言选择Swift,类名随意取,注意SubClass of要选择UIView。点击创建就可以。然后就会生成一个swift类。
。
(4)首先在Main.storyboard中拖入一个View控件,能够自己任意设置一个背景颜色等。
等下就要用刚才的Swift类来自己定义设置这个View控件。注意这是个View控件。
。
(5)然后在这个控件的右側选择Indentity Inspector中的Class中输入刚才创建的Swift类,我输入的是MyViews,然后系统默认会把Module也填上。
。
(6)然后我们就能够去MyViews.swift中对控件进行自己定义设置了。写入例如以下代码:首先要把该类声明为@IBDesignable。表示是可被又一次设计的。
import UIKit @IBDesignable class MyViews: UIView { //边框宽度; @IBInspectable var borderWidth:CGFloat = 0{ didSet{ layer.borderWidth = borderWidth } } //边框颜色。 @IBInspectable var borderColor:UIColor = UIColor.clearColor(){ didSet{ layer.borderColor = borderColor.CGColor } } //圆角半径; @IBInspectable var cornerRadius:CGFloat = 0{ didSet{ layer.cornerRadius = cornerRadius } } //背景颜色; @IBInspectable var backgroundColors:UIColor = UIColor.clearColor(){ didSet{ layer.backgroundColor = backgroundColors.CGColor } } }
(7)然后再来到Main.storyboard中,选中刚才的View控件,此时发现右側多了几个设置属性的选项。各自是设置边框宽度。边框颜色,圆角半径和背景颜色,如图:
。
通过改变属性。能够在界面中实施查看当前的设计结果:
。
通过以上步骤。我们就能够任意的设计自己喜欢的控件效果了。
github主页:https://github.com/chenyufeng1991 。
欢迎大家訪问。
相关文章推荐
- iOS项目开发实战——使用Xcode6设计自定义控件与图形
- iOS项目开发实战——学会使用TableView列表控件(二)
- iOS项目开发实战——学会使用TableView列表控件(一)
- iOS项目开发实战——学会使用TableView列表控件(四)plist读取与Section显示
- 高仿新浪微博iOS项目实战(数据库建模、UI设计、动画优化、性能优化、控件使用)
- iOS项目开发实战——学会使用TableView列表控件(四)plist读取与Section显示
- iOS项目开发实战——学会使用TableView列表控件(三)了解Section
- iOS项目开发实战——学会使用TableView列表控件(四)plist读取与Section显示
- iOS项目开发实战——使用定时器实现循环操作
- iOS项目开发实战——自定义圆形进度提示控件
- iOS项目开发实战——使用同步请求获取网页源代码
- iOS开发--使用Xcode6给项目重命名
- iOS项目开发实战——使用AFNetworking进行Http Get请求
- iOS项目开发实战——使用ShareSDK进行QQ和微信分享
- iOS项目开发实战——使用CoreLocation实现定位
- 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目
- iOS项目开发实战——使用CALayer实现图片的淡入淡出效果
- iOS项目开发实战——使用代码实现页面跳转
- iOS项目开发实战——如何使用Autoresizing进行屏幕适配
- iOS项目开发实战——使用用户首选项数据进行启动提示