001_swiftUi_HelloWorld

新建swift工程

先来看下之前如何创建

ViewController.swift中修改代码如下

//
//  ViewController.swift
//  SwiftUi
//
//  Created by liuan on 2020/3/23.
//  Copyright © 2020 liuan. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        //Create label
        
        let label = UILabel();
        label.text="Hello"
        label.translatesAutoresizingMaskIntoConstraints=false;
        view.addSubview(label)
        
//        Create constranints
        let centerX=NSLayoutConstraint(item: label, attribute: .centerX, relatedBy: .equal, toItem: view, attribute: .centerX, multiplier: 1, constant: 0);
        
         let centerY=NSLayoutConstraint(item: label, attribute: .centerY, relatedBy: .equal, toItem: view, attribute: .centerY, multiplier: 1, constant: 0);
        
        view.addConstraints([centerX,centerY]);
        
    }


}

 编译运行效果展示

还有一种通过拖拽布局添加Label

找到Main.storyboard 点击+号 搜索或者找到Lable标签。将Label标签拖拽到中间的布局当中

 

 

选中Label标签。为标签添加约束。。添加后就成为 居中显示了

修改文本内容。就完成了ui的创建

可以把ViewController.swift相关代码注释掉。然后运行和上面结果一样、

下面来展示下swiftUi

新建项目的时候  布局选择  swiftUi 然后

//
//  ContentView.swift
//  siwft_ui_test
//
//  Created by liuan on 2020/3/25.
//  Copyright © 2020 liuan. All rights reserved.
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

默认就是居中的布局。。改一下文字就好了