码迷,mamicode.com
首页 > 编程语言 > 详细

Swift下使用Xib设计界面

时间:2018-02-21 21:36:33      阅读:3288      评论:0      收藏:0      [点我收藏+]

标签:运行   finish   ini   load()   pos   super   delegate   roo   idt   

虽然Swift可以纯代码设计界面,不过不利用先用的可视化工具有时候有点效率低。下面是使用xib设计方法,部分代码来自网上。

(1)新建View

技术分享图片

技术分享图片

 

 

 

2、新建View class
技术分享图片

技术分享图片

 

3、DemoView.swift中

class DemoView: UIView {

// MARK:- 创建视图
class func newInstance() -> DemoView? {
let nibView = Bundle.main.loadNibNamed("DemoView", owner: nil, options: nil);

if let view = nibView?.first as? DemoView {
return view
}
return nil
}

 4、ViewController中

class LoginViewController: UIViewController {

override func viewDidLoad() {
super.viewDidLoad()
var myView = Bundle.main.loadNibNamed("DemoView", owner: nil, options: nil)?.first as? DemoView

myView?.frame = CGRect(x: 0, y: 0, width: self.view.frame.width-50, height: self.view.frame.height-140)
myView?.center = self.view.center

if myView != nil {
self.view.addSubview(myView!)
}
}

5、调用ViewController

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

var window: UIWindow?


func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
window=UIWindow(frame: UIScreen.main.bounds)
window?.backgroundColor=UIColor.white
window?.makeKeyAndVisible()
window?.rootViewController=LoginViewController();
//window?.rootViewController=MainViewController()
return true
}

6、注意xib要设置

技术分享图片

7、添加几个控件效果

技术分享图片

8、点击两个圆环形状

技术分享图片

9、Button上右键连线代码

技术分享图片

 

 10、运行点击按钮看到控制台显示adfa.

 

Swift下使用Xib设计界面

标签:运行   finish   ini   load()   pos   super   delegate   roo   idt   

原文地址:https://www.cnblogs.com/zhaogaojian/p/8457408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!