你點擊的是按鈕勋眯，我提供的是服務
本文您將能學到
8種酷炫效果
- 最簡單的文本按鈕
- 自定義文本按鈕
- 顏色背景按鈕
- 邊框按鈕
- 使用圖標的按鈕
- 圖片按鈕
- 帶形狀的圖片按鈕
- 漂浮的按鈕
3種高級用法
- Button Style protocol的高級使用
- Button styles and environment的高級使用
- PrimitiveButtonStyle protocol的高級使用
最終效果
Button按鈕大全
按鈕是 程序與用戶的紐帶，程序通過用戶點擊不同的按鈕來提供相應的服務忿晕。因此休弃，按鈕的使用是程序開發(fā)基礎吞歼。本文將給通過介紹按鈕使用的4種不同境界圈膏，來帶領大家了解并掌握按鈕的使用塔猾。
8種酷炫效果
Button 是一個pull-in視圖，按鈕既可以是簡單文本稽坤、一張照片圖像或者是更負責的視圖組合丈甸。接下來讓我們一起來看看格式各樣的按鈕吧糯俗！
1、最簡單的文本按鈕
image.png
Button(action:{
print("最簡單文本按鈕")
}){
Text("最簡單文本按鈕")
}.padding()
2睦擂、自定義文本按鈕
image.png
Button(action:{
print("自定義文本按鈕")
}){
Text("自定義文本按鈕")
.font(.largeTitle)
.foregroundColor(.orange)
}.padding()
3得湘、 顏色背景按鈕
image.png
Button(action:{
print("顏色背景的按鈕")
}){
Text("顏色背景的按鈕")
.padding()
.foregroundColor(.white)
.background(Color.purple)
.cornerRadius(8)
}.padding()
4、 邊框按鈕
image.png
Button(action:{
print("邊框的按鈕")
}){
Text("邊框的按鈕")
.padding()
.border(Color.orange)
.cornerRadius(10)
}.padding()
Button(action:{
print("邊框的按鈕2")
}){
Text("邊框的按鈕2")
.padding()
.background(RoundedRectangle(cornerRadius: 10)
.stroke(Color.green,lineWidth: 2)
)
}.padding()
5顿仇、使用圖標的按鈕
