SwiftUI15 5. [SwiftUI] Image() 이미지 삽입 외부 이미지를 삽입하는 방법. Shape와 동일하게 사이즈 변경 가능하게 .resizable() 해준 다음 frame, aspectRatio 등 다양한 Modifier를 활용 가능하다. 이미지가 만약 흰 배경이라면.. 렌더링 모드를 .template으로 해서 위와 같이 색을 바꿔주는 것도 가능하다. 혹은 Assets의 인스펙터에서 Render As를 Template Image로 바꿔줄 수도 있다. // Created by Toughie on 2023/04/03. // import SwiftUI struct ImageView: View { var body: some View { Image("프사") .renderingMode(.template) //이미지를 템플릿으로 쓰겠다. .resizable() .fr.. 2023. 4. 3. 4. [SwiftUI] System Icons 시스템 아이콘 기본 제공 아이콘들의 퀄리티가 좋기 때문에, 잘 활용하면 좋다. https://developer.apple.com/sf-symbols/ SF Symbols - Apple Developer With nearly 4,500 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms. developer.apple.com 아이콘 이름은 SF Symbols 앱에서 확인할 수 있다. fill vs fit frame의 위 아래에 꽉 맞춰 채우는 .fill(가장자리 삐져나옴) frame 내부에 딱 맞게 채우는 .fit(프레임 밖으로 삐.. 2023. 4. 2. 3. [SwiftUI] Gradients (Linear, Radial, Angular) _ 그라데이션 LinearGradient RadialGradient (방사형) AngularGradient (conic_원뿔형) // Created by Toughie on 2023/04/02. // import SwiftUI struct Gradients: View { var body: some View { ZStack { RoundedRectangle(cornerRadius: 25) .fill( LinearGradient( gradient: Gradient(colors: [Color.white,Color.red,Color.orange, Color.blue, Color.green]), startPoint: .topLeading, endPoint: .bottomTrailing) ) .fill( RadialGradien.. 2023. 4. 2. 2. [SwiftUI] Color() 컬러 Assets.xcassets에 커스텀 컬러 추가 가능 (라이트/다크모드에 따라 변경 가능하게도 가능) Shape에 음영을 주고 세부적으로 커스텀도 가능(투명도 등) // Created by Toughie on 2023/04/02. // import SwiftUI struct Colors: View { var body: some View { var color = #colorLiteral(red: 0.2381178439, green: 0.7076231241, blue: 1, alpha: 0.509571606) //#colorLiteral( //컬러피커에서 Hex Color 적용 가능 RoundedRectangle(cornerRadius: 25) .fill( Color.primary //라이트모드에서 prim.. 2023. 4. 2. 1. [SwiftUI] Shapes 도형 원, 타원, 캡슐, 직사각형, 모서리 깎은 직사각형 등을 통해 원하는 것들을 구현할 수 있다. (버튼, 뷰 등) 색깔 변경, 외곽선, 트림, 프레임 등을 통해 필요한 형태로 변형해서 사용하면 된다. 아래는 예시 Modifiers 코드이다. // Created by Toughie on 2023/04/02. // import SwiftUI struct Shapes: View { var body: some View { Circle() //원 Ellipse() //타원 Capsule(style: .circular) //캡슐모양 Rectangle() //직사각형 RoundedRectangle(cornerRadius: 50) //모서리 깎은 직사각형_자주 씀(텍스트, 사진 삽입 등) .fill(Color.blue).. 2023. 4. 2. 0. [SwiftUI] Text() - 텍스트 기초부터 차근차근.. 컴포넌트들의 특징과 사용법을 익혀보자. SwiftUI에서 텍스트 다루기 (component & modifier) 텍스트 한 가지만 해도 정말 수많은 Modifier가 있다. 아래 modifier들을 참고해 필요한 형태의 텍스트를 구현해 보자. // Created by Toughie on 2023/03/27. // import SwiftUI struct TextBootCamp: View { var body: some View { Text("Hello, SwiftUI!") Text("Hello, SwiftUI".uppercased()) // 전체 대문자 Text("Hello, SwiftUI".lowercased()) // 전체 소문자 Text("Hello, SwiftUI".capital.. 2023. 3. 28. 이전 1 2 3 다음
