使用Xcode13进行Swift开发

article/2025/9/14 18:18:26

使用Xcode13进行Swift开发

  • 1.软件
    • Xcode
  • 2.快捷键
  • 3.应用功能
    • 3.1 VStack,HStack,ZStack
    • 3.2 frame,foregroundColor,cornerRadius,shadow,resizable与aspicRatio
    • 3.3 font,fontWeight,offset,rotationEffect和rotation3DEffset
    • 3.4 @State,onTapGuesture与animation
    • 3.5 gesture和DispatchQueue
    • 3.6 stroke,trim与Linear Gradient
    • 3.7 加载动画:Binding与onAppear
    • 3.8 sheet
    • 3.9 拖动实现:CGSize
    • 3 .10 提取子视图
  • 4.小组件
  • 5.真机调试
  • Xcode更新换代有点频繁,谨慎更新。

1.软件

Xcode

从AppStore中获取
请添加图片描述
以及 SF Symbol

https://developer.apple.com/sf-symbols/

SF Symbols provides thousands of consistent, highly configurable symbols that integrate seamlessly with the San Francisco system font, automatically aligning with text in all weights and sizes.----苹果官网

2.快捷键

自动缩进:Ctrl + I
编译:Command + B
在模拟器上运行或真机调试:Command + R
当然还有很多,但是常用的就这些了

3.应用功能

3.1 VStack,HStack,ZStack

VStack指 vertical stack也就是垂直堆栈
请添加图片描述
HStack指 horizontal stack也就是水平堆栈请添加图片描述

ZStack是三维堆栈请添加图片描述

3.2 frame,foregroundColor,cornerRadius,shadow,resizable与aspicRatio

.frame用于设置框架
.resizable用于给图片重新设置大小
请添加图片描述
foregroundColor用于给View设置前景色。请添加图片描述
.aspicRatio用于将图片拉伸时保持纵横比,包括.fit和.fill
fit将固定短边的长度,长边纵横比缩放
fill将固定长边的长度,将短边纵横比缩放请添加图片描述

cornerRadius用于对一个View圆角
在这里插入图片描述

shadow用于对一个view创建投影(阴影)
在这里插入图片描述

3.3 font,fontWeight,offset,rotationEffect和rotation3DEffset

font:设置字体大小
fontWeight:设置字体重量
在这里插入图片描述
offset用于偏移一个View(视图)
在这里插入图片描述

rotationEffset和rotation3DEffset用于平面和立体旋转请添加图片描述

3.4 @State,onTapGuesture与animation

@State创建一个状态
onTapGuesture用于在点击时执行
animation用于动画
请添加图片描述

3.5 gesture和DispatchQueue

gesture需要带参数,例如LongPressGesture()和onEnded
DispatchQueue用于延迟
在这里插入图片描述

3.6 stroke,trim与Linear Gradient

stroke,镂空一个图形
trim,用于修建图形
Linear Gradient用于渐变
在这里插入图片描述

3.7 加载动画:Binding与onAppear

首先新建一个SwiftUI文件,命名为LoadingView
请添加图片描述

首先一个加载动画我想用一个圈转,但单转还单调了,所以还需要进行一些3D旋转
程序中的圈我打算复制前面代码中的渐变圈

onAppear是在看到时做出一个动作。这里用于触发条件
animation中用

.animation(Animation.linear(duration: /*一些代码*/)./*一些代码*/)

Binding:

调用:视图(变量 变量)   // 这里变量一般要加$
视图{@Binding var 变量: 变量类型
}

在这里插入图片描述
然后就可以在主程序中进行调用了
在这里插入图片描述

3.8 sheet

如果我想用一个按钮来召唤视图,那么我就需要它
在这里插入图片描述

3.9 拖动实现:CGSize

在App中有很多都有拖动一个有文字的框去移动,为了实现这个功能,我们需要一个变量来存放触控信息
在这里插入图片描述

3 .10 提取子视图

我可以将最上面的按钮提取一个子视图
在这里插入图片描述
然后按照相同步骤为下面的按钮和文本分别提取子视图
简洁了许多
在这里插入图片描述

4.小组件

有时候你需要为你的App创建小组件,那么具体步骤如下:
File->New->Target然后会弹出选项框请添加图片描述
根据步骤创建
请添加图片描述
确保你需要在小组件中调用的swift文件检查器如图所示

请添加图片描述

进入小组件的swift文件,将预览中的小组件如下复制三份,并分别设置小中大
请添加图片描述

然后按照下面步骤来创建子视图请添加图片描述
我这里暂时都用Hello World!
在这里插入图片描述

在主函数上添加

@Environment(\.widgetFamily)var family

然后用上子视图

struct Test_WidgetEntryView : View {var entry: Provider.Entry@Environment(\.widgetFamily)var familyvar body: some View {if family == .systemSmall {Test_Widget_small()}else if family == .systemMedium {Test_Widget_Medium()}else {Test_Widget_Large()}}
}

接着请添加图片描述

然后就是编程了请添加图片描述

5.真机调试

USB连接设备,然后
Xcode->Preferences->Accounts->±>Apple ID登陆,然后选择USB设备,运行。
完美!

Xcode更新换代有点频繁,谨慎更新。


http://chatgpt.dhexx.cn/article/hFSn5g2y.shtml

相关文章

Xcode使用教程详细讲解 1

Xcode使用教程详细讲解是本文要介绍的内容,Xcode是一个款强大的IDE开发环境,就像你在写Windows程序时需要VS2005一样 需要要Xcode为你写Mac程序提供环境。因此,如果你要成为Mac 程序的开发者,灵活运用Xcode工具是你必须做的第一步…

xcode编程c语言,使用xcode编写c语言的方法介绍

使用xcode编写c语言的方法介绍 发布时间:2020-03-26 17:08:31 来源:亿速云 阅读:149 作者:小新 今天小编分享的是使用xcode编写c语言的方法介绍,可能大家对xcode并不陌生,或者从来没有了解过xcode。但是不用…

使用Xcode 真机无线调试

1.iPhone和Xcode连在同一WIFI下 2.打开Xcode 顶部菜单 选中Window -> Device and Simulators 3.选中Connect via network (注意:勾选前还要用数据线连接,测试机要设置密码,出弹窗的话要点击信任) 真机设备旁边出现小地球 就代表成功了

Xcode 使用教程(简版)

1.Xcode IDE概览 说明:从左到右,依次是“导航窗格(Navigator)->边列(Gutter)->焦点列(Ribbon)->代码编辑窗口(Standard/Primary Editor)”。 边列&a…

Xcode使用教程详细讲解

from: http://mobile.51cto.com/iphone-273735.htm http://mobile.51cto.com/iphone-273738.htm Xcode使用教程详细讲解是本文要介绍的内容,Xcode是一个款强大的IDE开发环境,就像你在写Windows程序时需要VS2005一样 需要要Xcode为你写Mac程序提供环境…

Xcode使用教程详细讲解 (下)

转载:http://mobile.51cto.com/iphone-273738.htm Xcode使用教程详细讲解 (下)是本节要介绍的内容,继续Xcode使用教程详细讲解 (上)的内容开始介绍。 j)Xcode中书签的使用 如果你要将代码中的某个部分标注起…

Xcode使用教程详细讲解 (上)

http://mobile.51cto.com/iphone-273735.htm 本文介绍的是Xcode使用教程详细讲解,Xcode是一个款强大的IDE开发环境,就像你在写Windows程序时需要VS2005一样 需要要Xcode为你写Mac程序提供环境。 AD:2013云计算架构师峰会课程资料下载 Xcode使…

xcode使用教程

xcode 增加ios版本 window > Devices and Simulators 打开ios版本下载页面下载ios版本,并安装 xcode 增加设备 window > Devices and Simulators 打开选择系统和手机类型新增模拟器 遇到的问题 macOs版本过高, 无法创建 解决方案 打开Xcode…

IOS开发入门之Xcode使用教程详细讲解(全)

摘要:本次的IOS开发入门学习中,Xcode使用教程详细讲解是本文要介绍的内容,Xcode是一个款强大的IDE开发环境,就像你在写Windows程序时需要VS2005一样 需要要Xcode为你写Mac程序提供环境。因此,如果你要成为Mac 程序的开…

Xcode简明教程(使用Xcode编写C语言程序)

原文地址::http://c.biancheng.net/view/476.html 相关文章 1、IOS开发:Xcode入门开发第一个HelloWorld程序----https://jingyan.baidu.com/article/a17d5285c9afc48099c8f279.html 2、30分钟学会iOS 11开发环境xcode 9图文教程----https://blog.csdn.net/epubit1…

使用Xcode创建第一个c语言项目和源文件进行编程(xcodes使用教程)

一、Xcode简介 Xcode 是运行在操作系统Mac OS X上的集成开发工具(IDE),由Apple Inc开发。Xcode是开发 macOS 和 iOS 应用程序的最快捷的方式。Xcode 具有统一的用户界面设计,编码、测试、调试都在一个简单的窗口内完成。 二、如…

【Xcode】使用教程

之前一直都是用的windows下的codeblocks进行刷题的,现在改成mac电脑的之后,下载后发现codeblocks无法使用,改成使用Xcode进行刷题。 一、创建一个C文件 打开一个Xcode 这样就创建好了一个C文件 二、刷leetcode时的使用方式 如果用&l…

主流聚合支付对比分析【转】

前言 最近准备做聚合支付相关的产品,做新产品除了要知道自己做什么还要知道目前的竞品都做了些什么,所以对目前市面上的主流聚合支付产品做了对比分析,每家产品的一些实现细节,这里出于保护没有明确写出来,其实大家看…

福利工具,如何利用小程序免费下载积分文件呢?【第02期】

往前回顾 如何利用小程序免费下载积分文件呢? 福利工具,如何利用小程序免费下载积分文件呢?【第01期】 第02期可下载文件 全国大学生电子设计竞赛设计报告模板(最新).doc lcd1602滚屏显示 高频功率放大器设计-课程设计 pthreads-w32-2-7-0…

局域网共享设置软件_局域网软件(支持文件共享)

Windows 无论是在公司或者是学校,大家或多或少的会接触到共享文件,Windows XP 的网上邻居 ,一直到现在Windows10系统的文件共享,共享文件操作起来也许是不那么友好,有时候明明设置好了的,但是其他电脑就是访…

内网通v3.1.2141无捆绑绿色官方版

2019独角兽企业重金招聘Python工程师标准>>> 内网通软件是一款内网通讯软件。支持多种内网通讯,适合企业、机关、学校等机构,提高沟通效率。 功能介绍: 1.多标签聊天窗口 同时与多人聊天,无需不停切换窗口。 2.无限制群…

内网通修改积分文件_【页游逆向】4399小游戏积分系统分析及修改积分

这篇文章是几年前写的,当时发布在我的博客中,由于我的博客已经年久失修,这几天就把博客中的内容都搬运到这来分享给大家。现在4399小游戏的积分系统好像已经没有了,很多flash小游戏也都已经下架,猜测未来会朝着H5页游方向发展,但这篇文章也能学到逆向思路和技巧。 偶然看…

Crack内网通积分规则(基于版本3.4.3035)

公司内部通讯使用内网通(以下简称NWT),他有个好玩的功能:登陆积分可以兑换姓名后的皇冠等。在版本3.4.3035更新前,他的兑换机制还算合理,5000积分可以换个铜冠,所以内网通聊天列表里很多人名字后面顶着皇冠。(强制)升级…

内网通无限积分-------------

在打开内网通的前提下 运行文件后重新打开内网通即可 百度网盘下载地址: 链接:https://pan.baidu.com/s/1kUSFEAV 密码:gfmw

内网通刷积分/去除广告

输入内网通ID生成积分码 链接:https://pan.baidu.com/s/1xDcPIFQSYEWv4-85FG7u1g?pwd5u0m 提取码:5u0m