SwiftUI/SwiftUI(Basic)66 6. [SwiftUI] .frame() 프레임 화면 위의 모든 객체들은 default 프레임(직사각형 영역)이 있음 alignment -> 프레임 내에서 객체를 어떻게 정렬할 것인가? 아래 결과물과 코드를 보면 프레임이 무엇인지 더 잘 알 수 있을 것이다. (프레임 프레임 프레임 프레임 프레임...) 이전 프레임들을 마지막 프레임이 감싸는 형태임 (마지막이 푸른 프레임이니, 해당 프레임의 alignment를 .top으로 해주면 내부에 있는 프레임들이 모두 top으로 정렬됨 (정확히는 노란 프레임이 정렬된 것인데, 노란 프레임 안에 핑크, 보라, 오렌지..그리고 Text고유 프레임(초록색)이 모두 있으니..) 약간 현대미술 같은.. ㅋㅋㅋ 사실 이렇게 프레임마다 색을 설정해주는 식으로 하지는 않겠지만.. 프레임의 영역을 확인하기 위해서 백그라운드 컬러.. 2023. 4. 3. 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. 이전 1 ··· 7 8 9 10 11 다음
