【SwiftUI】 하이라이트하는 방법

소개

SwiftUI로 간편하게 하이라이트시킬 수 있었으므로 그것을 정리했습니다.
앱의 유저에게 무엇인가 알릴 때, 하이라이트로 시각적으로 호소할 수 있으면 좋겠다고 생각한 것이 계기입니다.

이런 느낌으로 하이라이트됩니다.

소스 코드

코드의 필요한 부분만 발췌했습니다.
레이아웃을 자유롭게 설정하고 사용할 수 있습니다.

ContentView.swift

struct ContentView: View {

  @State private var isHighlight = false

  var body: some View {
    VStack {
      Text("Hello World!")
        .overlay(Color.yellow
                  .opacity(isHighlight ? 1 : 0))

      Button("HIGHLIGHT") {
        isHighlight = true
        withAnimation(.easeOut(duration: 1)) {
          isHighlight = false
        }
      }
    }
  }
}

같은 버튼에 true와 false를 모두 넣어 움직이는 것인지 불안했습니다만, 예상대로의 움직임을 해 주었습니다.
먼저 isHighlight를 true로 하고, opacity를 1로 하고, 그 후 1초에 걸쳐 opacity를 0으로 해 가는 움직임이 됩니다.
이것으로 하이라이트다운 움직임이 되었습니다.

상기 동영상의 코드 전체는 이쪽.
htps : // 기 st. 기주 b. 코 m / 타쿠마 - 2531 / f c0946555 e7 f45d24 e b0 e72 e 545453

결론

SwiftUI는 조금 궁리하는 것만으로 다양한 움직임을 구현할 수 있어 재미있습니다.
하이라이트의 색이나 형태라든지 시간이라든지 바꾸어 사용해 주시면 기쁩니다!
동시에 문자 사이즈라든지 바꾸어도 재미있을 것 같네요.
끝까지 읽어 주셔서 감사합니다.