SwiftUIでサクッとButtonのイメージを実装する

環境

環境
Xcode11.5
Swift5
SwiftUI

何をしているか

SwiftUIフレームワークを用いた場合に, UIButtonに自前のimageを格納して実装しています。

前準備

1. UIButtonに格納する自前のイメージを作成します。
   

2. Assetsに1.で作成した画像を格納します。

コードで実装

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        Button(action: {
            
        }, label: {
            // 自作したイメージのファイル名
            Image("button")
            .renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
        })
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

シュミレータ実行

以下、このように自前イメージが格納されたUIButtonが表示されます。

参考文献