美文网首页
老铁,原来做个iOS App这么简单~

老铁,原来做个iOS App这么简单~

作者: 狄仁杰666 | 来源:发表于2021-07-17 23:12 被阅读0次

前言

来啦老铁!

在前2期,我们一起探索了如何创建一个最简单的Android应用,有兴趣的朋友烦请移步:

今天呢,咱们再来简单学点iOS知识,拓展拓展视野:

  • 创建一个最简单的iOS应用!

(默认大家都有一台mac设备,都从appStore装好最新版的Xcode了哈~)

整体步骤

  1. Xcode中创建iOS项目;
  2. 运行iOS项目;
  3. 编写简单的交互;

1. Xcode中创建iOS项目;

  • 打开Xcode,选择创建新Xcode项目;


    新建Xcode项目
  • 选择要创建的app的类型,如跨平台或iOS或macOS等,我选择iOS,开发iOS应用;


    选择app类型
  • 配置项目基本信息;


    项目基本信息
  • 选择项目存放目录;


    项目存放目录

Create点击完成后,我们就能在Xcode中看到创建出的项目,其项目结构为:


项目结构

其实截止目前,整个项目已经可以运行!接下来我们来运行看看~

2. 运行iOS项目;

  • 选择要安装app的设备,可以选择连接至电脑的真机,也可以选择模拟器;


    设备选择入口
设备列表
  • 直接运行项目;


    运行入口1
运行入口2
  • 运行画面;
    由于笔者前段时间刚把iphone给换了,没有iphone机器,因此选择模拟器进行演示;
运行画面

期盼已久的 “Hello, world!” 终于出现在iphone上啦!

3. 编写简单的交互;

  1. 双击项目下com.example.test下的ContentView.swift文件,我们会看到打开了代码编辑器与预览窗口;
拖动添加元素.jpg 代码与预览.jpg
  1. 拖动元素到预览页面;


    添加页面元素入口.jpg
添加按钮.jpg 拖动添加元素.jpg

我们能看到一个按钮已经被添加到页面上了,所见即所得;

  1. 编写交互逻辑代码;
    我们来个简单的,将“Hello, world!”更改成其他文字,例如“你好世界!”;

思路是:

  • 声明一个变量如 outputText,默认值为“Hello, world!”,并将文本框的值设置为 outputText 变量;
  • 按钮绑定事件,更改 outputText 变量的值即可;
    ContentView.swift 代码如下:
//
//  ContentView.swift
//  com.example.test
//
//  Created by diren on 2021/7/17.
//

import SwiftUI

struct ContentView: View {
    @State var outputText: String = "Hello, world!"
    
    var body: some View {
        VStack {
            Text(outputText)
                .padding()
            Button(action: {
                self.outputText = "你好世界!"
            }) {
                Text("这是个按钮")
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
  1. 验证一下;


    重新编译安装app

点击按钮后:


改变文本

一个简单的交互就这么完成了,简单吧~

咱们今天也不做过于深入的学习了,到此为止,有兴趣的同学可以跟着玩玩看,也可以自己深入学习,咱们有机会再继续学习app知识~

如果本文对您有帮助,麻烦动动手指点点赞?

谢谢!

相关文章

  • 老铁,原来做个iOS App这么简单~

    前言 来啦老铁! 在前2期,我们一起探索了如何创建一个最简单的Android应用,有兴趣的朋友烦请移步: 老铁,原...

  • 微信抢红包助手实践

    前言 来啦老铁! 咱们在前一阵子的文章 老铁,原来做个Android App这么简单~[https://www.j...

  • 老铁,原来做个Android App这么简单~

    前言 来啦老铁! 俗话说,干一行爱一行,既然做了选择,选择了移动端相关的公司,咱们就要行动起来! 今天咱们先来简单...

  • 破解APP登录密码原来这么简单

    序言 iOS开发安全问题是不容忽视的,在传统互联网领域,安全已然是一个老生常谈的话题。业界大佬都不惜重金打造软件安...

  • 原来这么简单

    本文参加简书七大主题正文S2和故事 天空无云,晴朗正好。 我永远忘不了那一天,当我坐在气氛严肃紧张的中...

  • 原来这么简单

    眼前赫然立着那棵圣诞树,微红的手心仍在隐隐作痛,回眸望入他那明澈的目光,我已了然。喔,原来这么简单。 ...

  • 原来这么简单

    抛开一切思想杂念 摒弃诸多繁文缛节 不去计较得失与成败 不去揣测别人的行为动机 就做自己喜欢又想做的事情 —— 坐...

  • 原来这么简单

    回来了啊 这两天干什么去了 追了个女生 多大 十八 我去 怎么样 搞定 擦嘞 这么容易? 200 ……

  • 原来这么简单

    今天,在电脑上登录简书写文章,打字明显快多了。写什么呢?今天没做什么“正事”,一直在“打酱油”,哈哈。眼看要下班了...

  • 原来这么简单

    文/广州一考生 原以为两点一线的生活埋没了我的情感;原以为分数至上的世界里,让我的心变得木然;原以为每天泡...

网友评论

      本文标题:老铁,原来做个iOS App这么简单~

      本文链接:https://www.haomeiwen.com/subject/thwuyltx.html