一起养成写作习气!这是我参与「日新方案 4 月更文挑战」的第1天,点击检查活动概况。

前语:过了良久,总算是拿起笔来,记载一下自己学习SwiftUI的进程。刚开始学习ios编程的时分,在网上找了许多材料,也买过许多课程,但收获甚微。要么便是材料太老了,要么便是照本宣科,要么便是朴实瞎写….学习的每一步都很艰辛。现在,想着把学习的进程都记载下来,也同步尝试着分享给咱们。

今日职言:一旦走出公司的大门,你的能力还能像现在一样行得通吗?

在本章中,你将学会怎么运用Xcode创立一个SwifUI项目。

首要,启动Xcode,在顶栏创立一个新项目,挑选File,New,Project。

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

在iOS类目下,挑选App,挑选Next继续到下一个屏幕并键入项目的称号。

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

完善项目基本信息:

  • 项目称号:UIText,当然也能够运用其他称号;
  • 安排称号:能够设置为“公司”或“个人安排”;
  • 安排标识符:该应用程序的唯一标识符;
  • 反向域名:主动生成,安排标识符+项目称号;
  • 用户界面:挑选SwiftUI;
  • 言语:挑选Swift;

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

点击Next,挑选文件保存目录后,咱们将成功创立一个SwiftUI项目。

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

下面,咱们学习下Text文字的运用。

在ContentView.swift文件中,咱们能够看到生成的示例代码。

Text("Hello World”)
  .padding()

该代码初始化了一个文本,咱们在模拟器上能够看到显现了Hello World文本,这是创立文本视图的基本语法。当然你也能够更改为想要的任何值,并在画布显现你更改的内容。

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

在SwiftUI中,能够通过调用Modifiers的办法来改动控件的特点,像改动文字色彩、字体大小、字体款式等;

常见的办法如下:

//设置字重,示例:字体加粗
Text("Hello World”)
 .fontWeight(.bold) //设置字重

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置字体款式,示例:标题款式
Text("Hello World”)
.fontWeight(.bold)
 .font(.title) //设置字体款式

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置字体大小,示例:17号
Text("Hello World”)
 .fontWeight(.bold)
 .font(.system(size: 17)) //设置字体大小

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置字体色彩,示例:蓝色
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
 .foregroundColor(.blue) //设置字体色彩

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置边距,为控件树立更大的空间
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.blue)
  .padding() //设置边距

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置暗影,示例:暗影色彩黑色,暗影半径10
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.blue)
 .shadow(color: Color.black, radius: 10) //设置暗影
.padding()

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

//设置布景色彩,示例:字体白色,布景色彩蓝色
Text("Text的常规用法")
  .fontWeight(.bold)
  .font(.system(size: 17))
  .foregroundColor(.white)
  .background(Color.blue) //设置布景色彩
  .padding()

SwiftUI极简教程01:搭建一个新项目&Text文字的使用

更多参数设置,来试试吧。

参数 称号 描述
.multilineTextAlignment() 对齐方式 .multilineTextAlignment(.center),文本中间对齐
.lineSpacing() 行间距 .lineSpacing(5),行间距5
.truncationMode() 切断模式 .truncationMode(.head),文本头部切断省掉
.border() 边框 .border(Color.blue, width: 1),边框为蓝色,边框宽度为1
.blur() 含糊 .blur(radius: 1),含糊度1
.rotationEffect() 2D旋转 .rotationEffect(.degrees(20), anchor: UnitPoint(x: 0, y: 0)),00为起点旋转20度
.rotation3DEffect() 3D旋转 .rotation3DEffect(.degrees(60), axis: (x: 1, y: 0, z: 0)),空间坐标轴旋转60度

至此,第一天的内容就到这儿了。

也没想过可能会有多少人会看,但养成学习和记载的习气也不错!