[SwiftUI] Text 와 Image

개인 프로젝트를 만들면서
찾아본것은 모두 기록 해본다. 가장 기초적인 것부터 시작 한다.

텍스트

Text("hello jhchoo")

옵션추가

Text("hello jhchoo")
    .kerning(-3) // 텍스트 간격 설정 //
    //.tracking(5) // 자간 설정 // 텍스트 바로 아래에 적용 해야 함
// .tracking은 합자를 분리 시키고, .kerning은 합자를 분리시키지 않습니다.
    .font(.system(size: 50, weight: .bold))
    .frame(width: 100, height: 100)
    .foregroundColor(Color.red)
    .background(Color.black)
    .minimumScaleFactor(0.5) // 스케일 줄이기
    .lineLimit(3) //3줄까지만 제한을 둔다. ()안에 nil을 쓰면 무제한
    .multilineTextAlignment(.center) //여러줄의 텍스트 표시 정렬방식
    .lineSpacing(10) //텍스트 줄간격 조절
    .truncationMode(.middle) // 잘리는곳 위치
    .allowsTightening(true) // 글자 압축 - 점점점 처리 없도록
    .blur(radius: 1.0) // 흐림 효과

좀더 자세한 블로그

이미지

Image("hk_ci")

옵션추가

Image("hk_ci")
    .resizable() //크기조정
    .aspectRatio(contentMode: .fit) //종횡비
    .cornerRadius(50) //코너반경
    .padding(.all) //여백
    .clipShape(Circle()) //원
    .frame(width:100, height:50) //프레임
    .clipped() //프레임을 벗어나는 이미지 제거
    .offset(x: ,y: ) //위치 조정
    .opacity(0.x) //투명도

좀더 자세한 블로그

옵션을 많이 알수록 좀 더 자유로운 코딩이 가능하다.