SwiftUI 基礎之圓形文字按鈕ZStack Button Circle(2020)

本文介紹了圓形文字按鈕的制作過程
使用的技術

ZStack
Button
Circle()
Text

代碼

import SwiftUI

struct ContentView: View {
    var body: some View {
          Button(action: {
              }){
                  ZStack{
                      Circle()
                      .frame(width: 100, height: 100)
                      .foregroundColor(.blue)
                    Text("Press me")
                        .foregroundColor(.white)
                  }
              }
    }
}

效果

[email protected]

更多SwiftUI教程和代碼關注專欄

請關注我的專欄icloudend, SwiftUI教程與源碼
 https://www.jianshu.com/c/7b3e3b671970

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/104113056

智能推薦

SwiftUI Button實現切換顏色動畫

本文價值與收獲看完本文后，您將能夠作出下面的界面 Button基礎知識 Button是SwiftUI最常用的交互控件，下面就是Button簡單代碼我們也可以用更簡單的方式表示，例如代碼...

SwiftUI如何自定義Button效果設置字體顏色和控制變色效果中禁用按鈕時防止按鈕褪色

本文價值與收獲看完本文后，您將能夠作出下面的界面一、Button基礎知識（一）什么是Button Button是觸發時執行操作的控件。他的定義如下 “觸發”按鈕的方法可能會有所不同。例如，在iOS上，通過點擊屏幕上的按鈕可以觸發按鈕，而在tvOS上，可以通過在按鈕處于焦點狀態時按下外部遙控器上的“選擇”來觸發按鈕。（二）Button如何使用 ...

SwiftUI 解決List中點擊button觸發其他button響應的問題

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200427-222352.gif 實戰需求 SwiftUI中在List列表中放置兩個Button按鈕，當點擊任何一個按鈕時，將調用兩個按鈕的操作回調，這個問題該如何解決，下面是代碼看完本文您將掌握的技能解決多個button在list共同觸發問題掌握snackbar使用 ...

SwiftUI 復用舊項目代碼之UIViewcontroller(2020版教程)

SwiftUI 復用舊項目代碼之UIViewcontroller(2020版教程) SwiftUI 非常好用，開發界面高效快捷，但是具體到業務層面，復用歷史代碼是必須要研究到事情。如何在SwiftUI中調用UIViewcontroller 1、創建一個 Wrapper 例如我們有個Example1ViewController舊代碼，我們可以先通過UIViewControllerRepresen...