Swift学习(一)

一个视图的基本结构

视图块的基本结构
  • 结构(struct):关键字声明这是一个结构块
  • 结构块的名称(ContentView):必须遵守View协议,换言之就是必须返回一个View或者类似View的结构
  • 视图主体(body):这规定了必须返回一个some View的东西,这个some View是指一个透明的View,意思就是必须是一个View,但是这个View是文字的还是图片的,或者是其他类型的View,不做限制
  • 三种基础布局方式(HStack,VStack, ZStack):HStack(横向布局),VStack(垂直布局),ZStack(堆叠布局)
  • 布局样式设置:采取链式调用方式,类似CSS方式,内层样式权限高于外部,内部视图会自动继承外层视图样式

    【这里会发现,我的code里面跟官网有点不同,我这里有一个return。我在看斯坦福大学的教授在讲解时,发现了另外一种写法,上述图片中的code是一种缩略简写形式,完整版的应该如下图】
    完整版写法

    【说白了,其实每个视图块都是一些函数,通过函数的内部参数和方法实现返回视图,这也是Swift的一个特点,函数式编程】

自定义视图块

可以看到我上面代码中有个一个CardView,这个在内置视图块中是没有的,是我自定义的。
自定义视图

在自定义视图块中我定义了一个参数isFaceUp,而因为Swift是一门很强类型的语言,所以必须要有类型和初始值,这个初始值很有意思,你可以在定义的时候不加上,而是在调用的时候以参数的方式注入,同样能达到相应的效果

CardView(isFaceUp: false)

你可能感兴趣的:(Swift学习(一))