• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

【Swift4】(8) 简单使用Storyboard | 上手练习一个小app | 跑个流程

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

开始

  • create xcode project

  • Main.storyboard 类似一个电影中的故事板(以图片呈现情节),在Xcode中是一个UI设计的主画面,APP的外观

    • 右下角,show the Object Library 供设计使用的小元件
    • 将小元件拖到Storyboard上,点选该元件,右侧’Show the Attributes inspector’会出现该元件的属性设置
  • ViewControllerller.swift 编码工作

  • 点选项目根目录,显示项目信息,基础设置

  • playground

  • storyboard 如何在不同分辨率大小的屏幕上,设计的元件能达到理想的效果、自适应?

    • 固定元件到屏幕边缘的x,y位置—>点选元件+‘control’键,拉至屏幕,弹出选框,选择"xxx Space To Safe Area"

ViewController

MVC

创建一个textInput ,类别为UITextField。

IBOutlet : Swift的源代码创建的变数,这个变数是连接着某个UI元件
IBAction : 函数,当某个UI有Event事件发生时,会执行这个函数。

这样就会建立起UIView和Controller之间的联系。

下面这个例子,将输入的小写,转换为大写。

MyViewController.swift

//核心代码
@IBOutlet weak var textInput: UITextField!
@IBOutlet weak var label: UILabel!
    
@IBAction func onUpdateLabelPressed(_ sender: Any) {    
    label.text = textInput.text?.uppercased()
}

实例

  • 产生一个随机数

//核心代码
@IBOutlet weak var textInput: UITextField!
@IBOutlet weak var label: UILabel!
    
@IBAction func onUpdateLabelPressed(_ sender: Any) {
        label.text = textInput.text?.uppercased()
}

注册Apple开发者账号

登录:https://developer.apple.com/
导航栏上点选 ‘Account’ ,可用你的AppleID进行登录

登录之后会有相关的Doc

之后回到Xcode中,选择菜单栏上的Preferences(‘偏好设置’),之后进入Account,添加你的AppleID:

然后你可以到项目的根目录,就是前面说到的设置项目信息中,设置:

至此,我们大体将一个app的开发流程跑了一下。当然,后面还需要更进一步学习。下次见^^


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Swift可空(Optional)类型基础发布时间:2022-07-13
下一篇:
Swift&NodeJS使用Alamofire进行Post(zhuan)发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap