一起养成写作习气!这是我参与「日新方案 4 月更文挑战」的第1天,点击检查活动概况。
前语:过了良久,总算是拿起笔来,记载一下自己学习SwiftUI的进程。刚开始学习ios编程的时分,在网上找了许多材料,也买过许多课程,但收获甚微。要么便是材料太老了,要么便是照本宣科,要么便是朴实瞎写….学习的每一步都很艰辛。现在,想着把学习的进程都记载下来,也同步尝试着分享给咱们。
今日职言:一旦走出公司的大门,你的能力还能像现在一样行得通吗?
在本章中,你将学会怎么运用Xcode创立一个SwifUI项目。
首要,启动Xcode,在顶栏创立一个新项目,挑选File,New,Project。
在iOS类目下,挑选App,挑选Next继续到下一个屏幕并键入项目的称号。
完善项目基本信息:
- 项目称号:UIText,当然也能够运用其他称号;
- 安排称号:能够设置为“公司”或“个人安排”;
- 安排标识符:该应用程序的唯一标识符;
- 反向域名:主动生成,安排标识符+项目称号;
- 用户界面:挑选SwiftUI;
- 言语:挑选Swift;
点击Next,挑选文件保存目录后,咱们将成功创立一个SwiftUI项目。
下面,咱们学习下Text文字的运用。
在ContentView.swift文件中,咱们能够看到生成的示例代码。
Text("Hello World”)
.padding()
该代码初始化了一个文本,咱们在模拟器上能够看到显现了Hello World文本,这是创立文本视图的基本语法。当然你也能够更改为想要的任何值,并在画布显现你更改的内容。
在SwiftUI中,能够通过调用Modifiers的办法来改动控件的特点,像改动文字色彩、字体大小、字体款式等;
常见的办法如下:
//设置字重,示例:字体加粗
Text("Hello World”)
.fontWeight(.bold) //设置字重
//设置字体款式,示例:标题款式
Text("Hello World”)
.fontWeight(.bold)
.font(.title) //设置字体款式
//设置字体大小,示例:17号
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17)) //设置字体大小
//设置字体色彩,示例:蓝色
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.blue) //设置字体色彩
//设置边距,为控件树立更大的空间
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.blue)
.padding() //设置边距
//设置暗影,示例:暗影色彩黑色,暗影半径10
Text("Hello World”)
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.blue)
.shadow(color: Color.black, radius: 10) //设置暗影
.padding()
//设置布景色彩,示例:字体白色,布景色彩蓝色
Text("Text的常规用法")
.fontWeight(.bold)
.font(.system(size: 17))
.foregroundColor(.white)
.background(Color.blue) //设置布景色彩
.padding()
更多参数设置,来试试吧。
参数 | 称号 | 描述 |
---|---|---|
.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度 |
至此,第一天的内容就到这儿了。
也没想过可能会有多少人会看,但养成学习和记载的习气也不错!