SwiftUI: ViewModifier

protocol ViewModifier

應(yīng)用于視圖或另一個視圖修改器的修改器,產(chǎn)生原始值的不同版本。

struct BorderedCaption: ViewModifier{
    func body(content: Content) -> some View {
        content
            .font(.caption2)
            .padding(10)
            .overlay {
                RoundedRectangle(cornerRadius: 15)
                    .stroke(lineWidth: 1)
            }
            .foregroundColor(.blue)
        
    }
}

extension View{
    func borderedCaption() -> some View {
        modifier(BorderedCaption())
    }
}

struct ContentView1: View {
    var body: some View{
        Image(systemName: "bus")
            .resizable()
            .frame(width:50, height:50)
        Text("Downtown Bus")
            .borderedCaption()
    }
}
SwiftUI-View-ViewModifier@2x.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • SwiftUI要求 iOS13.0+ 快捷鍵 control + option + 點(diǎn)擊:出現(xiàn)屬性編輯器 comm...
    余青松閱讀 6,745評論 1 11
  • 在介紹Layout[https://developer.apple.com/documentation/swift...
    童星閱讀 1,297評論 0 0
  • 管理您的應(yīng)用程序用于驅(qū)動其界面的數(shù)據(jù)。 SwiftUI為用戶界面設(shè)計提供了一種聲明性方法。當(dāng)您編寫視圖層次結(jié)構(gòu)時,...
    xiaofu666閱讀 845評論 0 0
  • 學(xué)習(xí)文章 文集:Hacking with iOS: SwiftUI Edition[https://www.jia...
    xmb閱讀 4,690評論 3 14
  • SwiftUI簡介 SwiftUI是wwdc2019發(fā)布的一個新的UI框架,通過聲明和修改視圖來布局UI和創(chuàng)建流暢...
    iridescentzc閱讀 8,551評論 1 16

友情鏈接更多精彩內(nèi)容