반응형
Notice
Recent Posts
Recent Comments
Link
Today
Total
07-07 21:40
«   2024/07   »
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 31
Archives
관리 메뉴

iOS 개발 기록 블로그

iOS(Swift) 배경 이미지 다크모드에 따라 바뀌게 하기 본문

iOS

iOS(Swift) 배경 이미지 다크모드에 따라 바뀌게 하기

crazydeer 2022. 6. 10. 09:00
반응형

배경 이미지를 다크 모드에 따라 변경

낮에 적용할 이미지와 밤에 적용할 이미지 파일을 갖고 있다.

위 방법처럼 Color Set을 만들 필요는 없고 vector images와 PDF Image를 사용하여 해결할 수 있다.

 

아래와 같이 Assets.xcassets 파일에 background의 이미지 폴더로 간다.

 

이미지 파일을 열어서 확대해보면 아래와 같이 픽셀이 보인다.

 

vector 이미지로 만들면 위와 같이 계단처럼 보이는 걸 없앨 수 있다.

 

 

Assets.xcassets 파일에 기존의 이미지를 지운다.

pdf 파일을 올리고 우측에 ‘Preserve Vector Data’라는 체크박스를 체크한다.

 

 

그리고 아래에 Scale을 Single로 바꾼다.

 

Appearance를 Any, Light, Dark로 변경해준다.

 

 

dark_background.pdf 파일을 아래와 같이 넣어주면 끝.

 

 

결과

배경 다크모드 적용 이미지

 

 

 

참고

안젤라유 강의: https://www.udemy.com/course/ios-13-app-development-bootcamp/

 

iOS & Swift - The Complete iOS App Development Bootcamp

From Beginner to iOS App Developer with Just One Course! Fully Updated with a Comprehensive Module Dedicated to SwiftUI!

www.udemy.com

 

반응형