前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【从零开始用Swift开发一个iOS应用(仿微博)】开篇-1. demo上手体验

【从零开始用Swift开发一个iOS应用(仿微博)】开篇-1. demo上手体验

作者头像
悟空聊架构
发布2020-07-23 10:19:48
3.5K0
发布2020-07-23 10:19:48
举报

最近在学iOS开发,本系列会针对iOS从前到后的开发进行全面讲解,小到开发工具使用,大到应用市场上线。

本篇思维导图
本篇思维导图

需求:

代码语言:javascript
复制
1.显示一个橘黄色矩形
2.矩形上面一个按钮可以点击,并有响应事件
3.界面中心显示一张图片

系统版本:

代码语言:javascript
复制
Mac OS 版本:10.15.5
Xcode版本:11.5

一、创建demo项目

1.1 选择创建一个Xcode Project

mark
mark

1.2 选择Single View App

mark
mark

二、代码实现

2.1 程序入口说明

Application/AppDelegate.swift文件中的@UIApplication注解,表示这个Class类是程序的入口

mark
mark

2.2 代码结构说明

所有方法放到一个{}中,并有缩进。

和Java编码格式非常相似。

2.3 功能实现

2.3.1 创建一个视图,添加一个黄色矩形

代码语言:javascript
复制
import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // 1.创建一个视图
        let v = UIView(frame: CGRect(x:0, y:0, width: 100, height: 100))
        
        // 2.设置背景颜色
        v.backgroundColor = UIColor.yellow
        
        // 3.添加到当前视图
        view.addSubview(v)
    }
}

效果如下所示:一个黄色矩形在左上角

效果图
效果图

2.3.2 添加一个按钮,并添加按钮点击事件的监听方法

代码语言:javascript
复制
// 2.创建一个按钮
let btn = UIButton(type: .contactAdd)

// 2.1 添加到当前视图
v.addSubview(btn)

// 2.2 添加点击事件
btn.addTarget(self, action: #selector(btnClick), for: .touchUpInside)

// 2.3 btnClick事件方法输出日志

效果如下所示,一个按钮在左上角,点击按钮将会输出日志

效果图
效果图

2.3.3 添加一个图片

代码语言:javascript
复制
// 3.1 添加一个图片
let iv = UIImageView(image: #imageLiteral(resourceName: "2.jpeg"))

// 3.2 添加到视图
iv.center = view.center

图片的资源路径可以通过代码添加,也可以通过工具添加

工具添加资源路径
工具添加资源路径

效果如下所示,图片会显示在屏幕中间。

效果图
效果图

三、上述示例swift与object-c的语法对比

3.1 创建视图类比

代码语言:javascript
复制
- Swift: UIView(XXX:)
- OC: [[UIView alloc] initWithXXX:]
  类名() == alloc / init 等价

3.2 类方法类比

代码语言:javascript
复制
Swift: UIColor.yellow
OC: [UIColor yellow]

3.3 访问当前对象的属性类比

  • 建议:都不使用self.。当编译器提示的时候,再添加,会对语境有更好的机会;
  • 原因:闭包(类似于 OC block)需要使用self。

3.4 不需要;

除非多行代码语句写在同一行中。

3.5 枚举类型 type对比

代码语言:javascript
复制
Swift:`type: .contactAdd`
OC: UIButtonType.ContactAdd

3.6 监听方法对比

代码语言:javascript
复制
Swift: #selector,如果带参数,不需要使用`:`
OC: @selector

3.7 调试对比

  • Swift: print(xxx) 效率高,log中不包含时间,用#function来打印当前执行的方法
  • OC: NSLog,用__FUNCTION__ 来打印当前执行的方法

四、注释的妙用

当我们想标注某段代码是需要refine的,我们可以添加注释标签:TODO

如下图所示,我在注释中添加了MARKTODOFIXME标签前缀,这些特殊标记的锚点菜单将会显示在导航栏上,点击菜单即可跳转到对应注释的地方,非常方便。

注释标签
注释标签
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-07-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、创建demo项目
    • 1.1 选择创建一个Xcode Project
      • 1.2 选择Single View App
      • 二、代码实现
        • 2.1 程序入口说明
          • 2.2 代码结构说明
            • 2.3 功能实现
              • 2.3.1 创建一个视图,添加一个黄色矩形
              • 2.3.2 添加一个按钮,并添加按钮点击事件的监听方法
              • 2.3.3 添加一个图片
          • 三、上述示例swift与object-c的语法对比
            • 3.1 创建视图类比
              • 3.2 类方法类比
                • 3.3 访问当前对象的属性类比
                  • 3.4 不需要;
                    • 3.5 枚举类型 type对比
                      • 3.6 监听方法对比
                        • 3.7 调试对比
                        • 四、注释的妙用
                        领券
                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档