UIView 테두리 만드는 방법

태그: ,

3 답변 글타래를 보이고 있습니다
  • 글쓴이
    • 도미닉
      참가자
      • 글작성 : 46
      • 답글작성 : 88

      안녕하세요. 도미닉입니다.

      오늘은 UIView 의 테두리를 보여주는 방법을 알아보겠습니다.

      UIView 를 상속받는 UIImageView, UIButton, UILabel 등도 아래의 방법으로 테두리를 보여줄 수 있습니다.

      테두리 만드는 방법

      UIView 에는 CALayer 객체인 layer 프로퍼티가 있습니다.

      layer 에는 borderWidthborderColor 값이 있습니다.

      이 값들을 변경해서 테두리를 보여줄 수 있습니다.

      let button = UIButton()
      button.layer.borderWidth = 1
      button.layer.borderColor = UIColor.black.cgcColor

      테두리를 두껍게 하고 싶다면 borderWidth 의 값을 원하는 만큼 설정하시면 됩니다.
      테두리의 색을 바꾸고 싶다면 borderColor 의 값을 원하는 색으로 설정하면 됩니다.

      정리
      간단히 뷰의 테두리를 만드는 방법을 알아봤습니다.

      질문있다면 남겨주세요.

      감사합니다.

      출처 : https://appleceo.github.io/2020/04/01/border/

      • 이 게시글은 도미닉에 의해 4 years 전에 수정됐습니다. 이유: 태그가 제대로 적용 안됨
      • 이 게시글은 도미닉에 의해 4 years 전에 수정됐습니다. 이유: 눈 아픔
    • 야곰
      키 마스터
      • 글작성 : 37
      • 답글작성 : 580

      질문요!
      테두리를 적용하면 뷰의 바깥쪽으로 생기나요 아니면 안쪽으로 생기나요? borderWidth를 높게하면 뷰의 영역이 침범당하는건지 뷰 바깥쪽으로 넓어지는건지 궁금하네요!
      만약 바깥쪽으로 넓어진다면 다른 뷰와의 거리가 더 좁아져보이는 효과가 생기겠네요?

      두번째로는 테두리를 곡선으로 만들수 없는지 궁금합니다!

    • 도미닉
      참가자
      • 글작성 : 46
      • 답글작성 : 88

      안 쪽으로 생겨서 타이틀 영역이 침범되는 효과가 있었습니다.
      테두리를 곡선으로 만드는 방법은 제가 전에 올렸던 테두리를 둥글게 하는 소스와 같이 쓰면 됩니다.
      소스는 아래와 같습니다.
      button.layer.borderColor = UIColor.buttonBorder.cgColor
      button.layer.borderWidth = 1
      button.layer.cornerRadius = 4
      button.layer.masksToBounds = true

      • 야곰
        키 마스터
        • 글작성 : 37
        • 답글작성 : 580

        상세한 답변 고맙습니다!

    • 도미닉
      참가자
      • 글작성 : 46
      • 답글작성 : 88

      놓치고 있던 부분 생각하게 해주셔서 감사합니다~

3 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.

logo landscape small

사업자번호 : 743-81-02195
통신판매업 신고번호 : 제 2022-충북청주-1278 호
고객센터 : 카카오톡채널 @yagom