iOS
iOS - Image#1: Template Image
이미지 렌더링 모드와 템플릿 이미지에 대해서 알아보도록 하겠습니다. 우선 버튼, 이미지 뷰, bar 버튼에 이미지를 넣을게요. 넣은 후 실행! 넣은 후 실행 상태입니다. 버튼과 이미지 뷰에는 원본 이미지가 등록되었지만 bar 버튼에는 템플릿 이미지로 등록되었습니다. 그 이유는 bar 버튼에서 이미지를 표시할 때는 템플릿 이미지를 표시하기 때문입니다. 그렇다면 원래 이미지는 사용하지 못하는 걸까요? 아니죠~ Render As에서 Default를 Original Image로 변경하면 사용할 수 있습니다. 이번에는 코드를 통해서 이미지들을 템플릿 이미지로 변경해보도록 하겠습니다.
iOS - Image View
안녕하세요:) 오늘은 이미지를 출력하고 간단한 애니메이션 효과를 구현하는 방법에 대해서 알아보도록 하겠습니다. 1. 프로젝트 생성 프로젝트를 생성 후 Image View와 Button 두 개를 추가해 주세요. 2. Image View 이미지는 종횡비가 중요한 요소기 때문에 특별한 이유가 없다면 Aspect Fit을 사용하거나 Aspect Fill을 사용합니다. Aspect Fill로 바꾸면 프레임을 벗어나는 부분이 생기는데 Clips to Bounds가 체크되어 있으면 프레임을 벗어나는 부분이 Clip 되고 체크를 해제하면 프레임을 벗어나는 부분도 다시 표시됩니다. 이미지는 텍스트와 크기를 비교해보면 상당히 큰 데이터입니다. 가능하다면 이미지 뷰의 크기와 같거나 유사한 크기를 가진 이미지를 사용하는 것이..
iOS - Stepper
안녕하세요:) 이번에는 Stepper를 활용해서 지정된 범위 내의 값을 증가시키거나 감소시키는 UI를 구현해보도록 하겠습니다. 1. 프로젝트 생성 2. UI 추가 Shift + Command + L Label, Stepper, Switch를 추가해 주도록 하겠습니다. Stepper의 Attributes inspector를 보겠습니다. value는 시작하는 값을 의미합니다. Minimum과 Maximum은 최솟값과 최댓값을 의미합니다. Step은 Stepper를 터치했을 때 증가시키거나 감소시킬 값의 크기입니다. Autorepeat가 선택되어 있으면 Stepper를 터치하는 동안 값이 반복적으로 업데이트됩니다. Continuous는 valueChanged 이벤트..
iOS - Switch 사용법
안녕하세요:) 오늘은 Switch를 활용해서 on/off 상태를 구현하는 방법에 대해서 알아보도록 하겠습니다. 1. 프로젝트 생성하기 우선 프로젝트를 하나 만들겠습니다. 2. 이미지 추가 Assets.xcassets를 선택한 후 이미지를 추가하겠습니다. 3. View 추가 Shift + Command + L ! Label, Image View, Switch, Button을 추가해 줍니다. 그다음 Attributes inspector에서 설정을 해주겠습니다. Label을 선택한 후 Attributes inspector에서 Font 크기를 50, Bold Style로 변경, Alignment에서 center! Image View를 선택한 후 image, highlighted에서 이미지를 전구 off, 전구 ..
iOS Start
안녕하세요:) Swift 문법을 공부했으면 이제 앱을 만드는 법을 알아봐야겠죠? 이제부터 하나하나 xcode의 여러 가지 기능을 소개하는 포스팅을 하려고 합니다! 글 쓰는 재주가 없어서 도움이 될지는 모르겠지만 최대한 열심히 작성하도록 하겠습니다. 오늘은 앱이 어떤 식으로 구성되어 있고 실행되는지 보여드리려고 합니다. 시작해볼까요? 1. 시작 우선 xcode를 실행하도록 할게요. xcode를 실행하면 이런 팝업이 뜨실 텐데요? 여기서 Create a new Xcode project를 클릭! App을 클릭하시고 Next! Product Name에 원하는 프로젝트 이름을 작성하시면 됩니다. 프로젝트 이름은 한글은 안됩니다. 영 대소문자 조합, 숫자로 만드셔야 합니다. 대부분 영어로 작성하고 숫자로 시작하는 ..