분류 전체보기260 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. 14 - Dynamic Type https://developer.apple.com/design/human-interface-guidelines/foundations/typography/ 우리가 텍스트의 글꼴이나 크기 등을 정할 때 위와 같은 종류들을 볼 수 있었다. 그런데 Accessibility(접근성)측면에서 보면 글자의 크기가 항상 고정되어 있으면 문제가 되는 경우도 있다. 시력이 안좋은 사람들의 경우 아이폰의 폰트크기 자체를 매우 크게 설정해서 사용하는 경우가 있을 것이다. 글자 크기가 변동되지 않는 것이 기획 의도가 아닌 이상, 사용자 설정에 맞게 컨텐츠의 사이즈도 커지는 것이 접근성 측면에선 옳은 방향이라는 말과 같다. 지난 시간 다이나믹 스크롤뷰에 사용되었던 코드의 일부이다. 여기서 .preferredFont, adjust.. 2023. 4. 1. 13 - Dynamic Scroll View 이전 다이나믹 스택뷰를 떠올리며 스크롤뷰와 합쳐서 만들어 보자. 근데.. 위치가 너무 들락날락 거린다 ㅋㅋㅋ 디버거를 통해 확인해 보자. 아하.. 버튼 스택뷰가 위아래로 늘어나 버린 것 같다. 스택뷰의 정렬이 Center로 되어 있었다. 따라서 Fill로 바꿔준다. 잘 동작한다. :) [학습 소스] 공식문서, 야곰 오토레이아웃 정복하기 강의 https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/index.html https://yagom.net/courses/autolayout/ 2023. 4. 1. 12 - Scroll Views 앱에서 굉장히 많이 쓰이는 스크롤뷰 기존과 비슷하게 화면을 꽉 채우기 위해서 View에 마진 없이 제약을 걸어주면 아래와 같은 빨간 줄이 생긴다... 스크롤뷰 위에 뷰를 하나 올리고 뷰를 스크롤뷰의 각 엣지에 맞게 정렬해주기 (Top, Leading, Bottom, Trailing 각 0으로) 그리고 위아래로만 스크롤 하기 위해서 스크롤뷰와 뷰(컨텐츠 영역)의 너비를 같게 해준다. 이후 컨텐츠뷰 안에 원하는 뷰(여기서는 레이블)을 넣고 Top,Leading,Bottom 제약을 걸어준다. 왜 이런 방식으로 ? 스크롤뷰가 움직여야 하는 전체 사이즈는 스크롤 뷰 내에 있는 콘텐츠 사이즈와 같음. 스크롤뷰 안에 컨텐츠가 없으면 안된다는 의미! (스크롤뷰 프레임 자체가 아니라 내부 컨텐츠 사이즈가 지정되지 않아서.. 2023. 4. 1. 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 ··· 35 36 37 38 39 40 41 ··· 44 다음
