[SwitUI]テキストと画像

7579 ワード

個人プロジェクトを作成します.
調べたことは全部メモしておく.最も基礎的な始まりから.
テキスト
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) //투명도
詳細ブログ
知っているオプションが多ければ多いほど、符号化は自由になります.