Swift的一个简单布局Demo

Xcode快捷键:

格式化代码:

control + i (Editor-Structure-Re indent)

移动代码:

alt+command+[ (Editor-Structure-Move Line Up)
alt+command+] (Editor-Structure-Move Line Down)

从当前位置删除到分隔符:

例如: 如下代码, 我们想把dataArray改为resultArray:
let group = dataArray[section]
通常做法是将鼠标放到data后面, 然后按delete多次删除data, 其实删除的这一步可以按住alt+delete; 这样就会删除当前鼠标指针到前面分隔符之间的字符.

向后删除:

fn + delete; 只是Mac系统的功能, 也就是说, 所有的编辑界面都可以用, 不仅限于Xcode

创建桥接文件:

因为目前QMUI还没有Swift版本, 是OC版本, 而我们是Swift项目, 所有需要创建桥接文件, 方法是在项目里面创建一个OC文件, 会自动弹出提示询问是否添加桥接文件, 选择是就行了

#import <QMUIKit/QMUIKit.h>

使用:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = UIColor.systemPink
        
        view.addSubview(showMoreButtonView)
    }
    
    @objc func onPrimaryClick(){
        print("点击了按钮")
    }
    
    //懒加载
    lazy var showMoreButtonView: QMUIButton = {
        let result = QMUIButton(frame: CGRect(x: 50, y: 100, width: 200, height: 45))
        result.adjustsButtonWhenHighlighted = true//自动调整高亮效果
        result.titleLabel?.font = UIFont.systemFont(ofSize: 15)
        result.setTitleColor(.white, for: .normal)
        result.backgroundColor = UIColor.blue
        result.layer.cornerRadius = 5
        result.setTitle("从底部显示更多弹窗按钮", for: .normal)
        result.addTarget(self, action: #selector(onPrimaryClick), for: .touchUpInside)
        return result
    }()
}

SnapKit -- 登录注册页

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.title = "登录"
        
        //输入框
        view.addSubview(accountView)
        view.addSubview(passwordView)
        view.addSubview(primaryButtonView)
        view.addSubview(registerButtonView)
        
        accountView.snp.makeConstraints { make in
            make.left.equalToSuperview().offset(16) //距离父视图左边距离
            make.right.equalToSuperview().offset(-16)//距离父视图右边距离
            if #available(iOS 11.0, *) {
                //距离安全区域的距离
                make.top.equalTo(self.view.safeAreaLayoutGuide.snp.top).offset(16)
            } else {
                // Fallback on earlier versions
            }
            make.height.equalTo(50)
        }
        
        passwordView.snp.makeConstraints { make in
            make.left.equalToSuperview().offset(16) //距离父视图左边距离
            make.right.equalToSuperview().offset(-16)//距离父视图右边距离
            make.top.equalTo(accountView.snp.bottom).offset(16)
            make.height.equalTo(50)
        }
        
        primaryButtonView.snp.makeConstraints { make in
            make.left.equalToSuperview().offset(16) //距离父视图左边距离
            make.right.equalToSuperview().offset(-16)//距离父视图右边距离
            make.top.equalTo(passwordView.snp.bottom).offset(16)
            make.height.equalTo(50)
        }
        
        registerButtonView.snp.makeConstraints { make in
            make.centerX.equalToSuperview() //水平居中
            make.top.equalTo(primaryButtonView.snp.bottom).offset(16)
        }
    }
    
    //懒加载
    lazy var accountView: QMUITextField = {
        let result = QMUITextField()
        result.textInsets = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 0)
        result.backgroundColor = .lightGray
        result.layer.cornerRadius = 5
        result.placeholder = "请输入用户名"
        return result
    }()
    
    lazy var passwordView: QMUITextField = {
        let result = QMUITextField()
        result.textInsets = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 0)
        result.backgroundColor = .lightGray
        result.layer.cornerRadius = 5
        result.placeholder = "请输入密码"
        result.isSecureTextEntry = true
        return result
    }()
    
    lazy var primaryButtonView: QMUIButton = {
        let view = QMUIButton()
        view.adjustsButtonWhenHighlighted = true
        view.titleLabel?.font = UIFont.systemFont(ofSize: 16)
        view.setTitleColor(.white, for: .normal)
        view.backgroundColor = .blue
        view.layer.cornerRadius = 5
        view.setTitle("登录", for: .normal)
        view.addTarget(self, action: #selector(onPrimaryClick), for: .touchUpInside)
        return view
    }()
    
    lazy var registerButtonView: QMUIButton = {
        let view = QMUIButton()
        view.adjustsButtonWhenHighlighted = true
        view.titleLabel?.font = UIFont.systemFont(ofSize: 16)
        view.setTitleColor(.gray, for: .normal)
        view.setTitle("去注册", for: .normal)
        view.sizeToFit() //宽高根据文字大小自适应
        view.addTarget(self, action: #selector(onRegisterClick), for: .touchUpInside)
        return view
    }()
    
    @objc func onPrimaryClick(){
        print("登录")
        navigationController?.pushViewController(SettingController(), animated: true)
    }
    @objc func onRegisterClick(){
        print("去注册")
    }
}

SnapKit -- 设置页

SettingView.swift中, 封装组件:

/// 设置itemVIew
class SettingView: UIView {

    //重写构造方法
    init(){
        super.init(frame: CGRect.zero)
        
        innerInit()//定义公共的init方法
    }

    //重写可视化的init方法
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        
        innerInit()//定义公共的init方法
    }
    
    func innerInit() {
        backgroundColor = .white
        addSubview(iconView)
        addSubview(titleView)
        addSubview(moreIconView)
    }
    
    /// 当视图加入父视图时 / 当视图从父视图移除时调用
    override func didMoveToSuperview() {
        super.didMoveToSuperview()
        
        //添加约束
        iconView.snp.makeConstraints { make in
            make.left.equalToSuperview().offset(16)
            make.centerY.equalToSuperview()
            make.width.equalTo(20)
            make.height.equalTo(20)
        }
        
        titleView.snp.makeConstraints { make in
            make.left.equalTo(iconView.snp.right).offset(16)
            make.centerY.equalToSuperview()
            //不用设置宽高, 根据内容自动宽高
        }
        
        moreIconView.snp.makeConstraints { make in
            make.right.equalToSuperview().offset(-16)
            make.centerY.equalToSuperview()
            make.width.equalTo(20)
            make.height.equalTo(20)
        }
    }
    
    /// 左侧图标
    lazy var iconView: UIImageView = {
        let result = UIImageView()
        result.image = UIImage(named: "Setting")
        return result
    }()
    
    /// 标题
    lazy var titleView: UILabel = {
        let result = UILabel()
        result.text = "设置"
        result.textColor = .black
        return result
    }()
    
    /// 右侧图标
    lazy var moreIconView: UIImageView = {
        let result = UIImageView()
        result.image = UIImage(named: "Arrow")
        return result
    }()
}

SettingController.swift中, 使用组件:

class SettingController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.title = "设置"
        self.view.backgroundColor = .systemGray
        
        //-------设置item
        self.view.addSubview(settingView)
        self.view.addSubview(collectionView)
       
        //-----设置约束
        settingView.snp.makeConstraints { make in
            make.left.equalToSuperview()
            make.right.equalToSuperview()
            if #available(iOS 11.0, *) {
                make.top.equalTo(self.view.safeAreaLayoutGuide.snp.top).offset(16)
            } else {
                // Fallback on earlier versions
            }
            make.height.equalTo(55)
        }
        
        collectionView.snp.makeConstraints { make in
            make.left.equalToSuperview()
            make.right.equalToSuperview()
            make.top.equalTo(self.settingView.snp.bottom).offset(0.5)
            make.height.equalTo(55)
        }
        
    }
    
    
    
    /// 设置Item
    lazy var settingView: SettingView = {
        let result = SettingView()
        result.titleView.text = "设置"
        //设置点击事件
        result.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(onSettingClick(recognizer:))))
        
        return result
    }()
    
    /// 收藏Item
    lazy var collectionView: SettingView = {
        let result = SettingView()
        result.titleView.text = "收藏"
        
        return result
    }()
    
    @objc func onSettingClick(recognizer:UITapGestureRecognizer) {
        print("点击了设置界面的一个item")
    }
}

iOS-屏幕适配(SnapKit) https://juejin.cn/post/6979390190192164878

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容