SwiftUI에서 바삭 바삭한 Button 이미지 구현

환경



환경
Xcode11.5
Swift5
SwiftUI

무엇을 하고 있는가



SwiftUI 프레임 워크를 사용하면 UIButton에 자체 이미지를 저장하고 구현합니다.

이전 준비


  • UIButton에 저장할 자체 이미지를 만듭니다.
  • 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이 표시됩니다.


    참고문헌

    좋은 웹페이지 즐겨찾기