사는 이야기

  • 홈
  • 태그
  • 방명록

animation 3

[SwiftUI] Animation 모음 - 좌우로 흔들리는 Animation

좌우로 계속해서 흔들리는 Animation 코드 Rectangle() .frame(width: 100, height: 100) .foregroundColor(.blue) .offset(x: xOffset) .animation(Animation.easeInOut(duration: 0.1).repeatForever(autoreverses: true)) .onAppear { self.xOffset = -10 } 특정 횟수만큼 흔들리도록 하기 위해서는 repeatForever 대신 repeatCount사용.

Dev-iOS/SwiftUI 2024.09.10

[SwiftUI] Animation 모음 - (하트 모양 좋아요 버튼)

struct HeartButton: View { @State var isLiked = false @State var scale: CGFloat = 1 var body: some View { Image(systemName: isLiked ? "heart.fill" : "heart") .resizable() .frame(width: 100, height: 100) .foregroundColor(isLiked ? .red : .gray) .scaleEffect(scale) .animation(.easeInOut(duration: 0.2)) .onTapGest..

Dev-iOS/SwiftUI 2024.09.10

[UI] Carousel (SwiftUI 2.0 - iOS 14 이상)

iOS 14 이상인 SDK에서 TabView를 이용하여 구현한 Carousel List는 아래와 같이 구현해볼 수 있다. TabView는 iOS 13 에서 나온 View이지만 Carousel List 형태로 표시하기 위해 사용되는 tabViewStyle modifier는 iOS 14 이상에서 사용할 수 있다. 1. 단순 Carousel List 1) 영화 이미지 파일 2) 구현 UI 3) 구현 소스 struct CarouselList_TabView: View { @State private var selectedTab = 1 var body: some View { TabView(selection: $selectedTab) { ForEach(1...5, id: \.self) { index in Image("..

Dev-iOS/UI 2023.07.11
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (77) N
    • 일상 (3) N
      • 골프 (6)
      • 여행 (0)
    • Dev-iOS (2)
      • UI (6)
      • Swift (2)
      • SwiftUI (6)
      • iOS (13)
    • Dev-기타 (15)
      • Flutter (4)
      • BackEnd (4)
      • Web (3)
      • Python (3)
      • 보안 (1)
      • DB (0)
    • IT (8)
      • 팁 (14)

Tag

ipad 점유율, 애플, javascript, SwiftUI, 네이버 적립, ios, ios14, cloudkit, Naver Pay, wwdc 2025, Flutter, 파이썬, 네이버 클릭 적립, 네이버 페이, Swift, xml설정, 클릭 적립, WCSession, ios 점유율, animation,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바