我们统整一下前16天的内容，我们花了很多的时间学习swift语言的基本，学完语言之後我们要开始进入到介面的部分。

正文

介面的部分会在content view 里写。

接着打开专案底下的ContentView.swift。

这面我们要写的东西其实也不多，因为可以用找的，不用一个一个背下来。

接着我们按下xcode右上角的加号。

按钮

我们找到button，拉到你想要的位置。

Button(action: {
    // 执行的内容
}) {
    // 按钮外观设置
}

当然，我们把它美观也是很重要的

Text("我好帅喔喔")
                .padding()
            Button(action: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Action@*/{}/*@END_MENU_TOKEN@*/) {
                Text("我超帅按钮")
                    .fontWeight(.bold)
                    .font(.title)
                    .padding()
                    .background(Color.green)
                    .cornerRadius(40)
                    .foregroundColor(.white)
                    .padding(10)
                    
            }
            .padding(.top)

底下美观的部分可以利用右边做细部的调整。

他会自动写进code。

图片按钮

这边我们已用内建库，如果版本超过ios 13 就可以使用SF Symbols。

我们可以到官网下载程序 SF Symbols

安装好後就可以打开应用程序找到各式各样的图案了！

在刚刚下载好的程序中，找到你想要的图片，复制名称到你的程序，这样子就可以罗！

Button(action: {
            }) {
                HStack {
                    Image(systemName: "person.fill.checkmark")
                        .font(.title3)
                    Text("帅起来！")
                        .fontWeight(.semibold)
                        .font(.title)
                }
                .padding()
                .foregroundColor(.black)
                .background(Color.blue)
                .cornerRadius(40)

自定义color

通常你会找不到你要的颜色，这时候要用自订义hex，并且宣告该色号的名称，之後可以直接套用在程序中。（话说你买劳斯莱斯的时候也有相同服务）

点选New Color Set

接着你会看两个选项Any 跟 Dark。因为自从ios 13 更新後，多了暗黑介面，所以如果两个介面相同颜色的话就两个年一样的Hex，也可以直接开panel调色。（建议把any删除，并且在右侧添加light）

右上color set 填入名称即可。

Button(action: {
            }) {
                HStack {
                    Image(systemName: "person.fill.checkmark")
                        .font(.title3)
                    Text("帅起来！")
                        .fontWeight(.semibold)
                        .font(.title)
                }
                .padding()
                .foregroundColor(.black)
                .background(Color("pppink"))
                .cornerRadius(40)
            }