봄날은 갔다. 이제 그 정신으로 공부하자

이번 글에서는 "라운드 프레임 버튼"을 두가지 방식("스토리 보드"와 "코딩으로 직접 추가")으로 만들어 보겠습니다. 스토리 보드로 라운드 프레임 버튼 만들기 우선 ViewController 중앙에 아래와 같이 UI 버튼을 추가합니다. 버튼을 중앙에 정렬 되도록 아래 그림과 같이 오토레이아웃 값을 설정해줍니다. 라운드 프레임 처리를 위해 Identity Inspector의 User DefinedRuntime Attributes에 아래와 같은 속성값을 입력해 줍니다. 추가로 Attributes Inspector로 이동해 View 부분의 Drawing 관련 부분의 Clip to Bounds를 체크해 줍니다. 추가로 오토레이아웃 설정에 width 값을 추가해줍니다. 자 이렇게 스토리보드를 사용해 1dp의 검은..

디자인적으로 앱의 완성도를 높이는 가장 간단한 방법 중 하나는 리스트에 보여지는 이미지를 라운드 처리하는 것 입니다. 이미지를 라운드 처리해서 보여주는 것만으로도 그럴 듯 해보이거든요... ^^ 이번 글에서는 UIImageView를 사용해 이미지를 라운드 처리하는 방법에 대해 설명 합니다. UIImageView의 모서리를 라운드 처리하기 위해서는 UIImageView의 layer를 사용해야 합니다. cornerRadius를 사용해 원하는 만큼 라운드 처리해준 후, borderWidth 두께를 지정해주고 borderColor를 이미지뷰의 배경과 동일한 색상으로 설정해주고 마지막으로 masksToBounds를 true로 설정해 마스킹 처리해 라운드 밖의 이미지는 보이지 않도록 해줍니다. masksToBoun..