2016년 1월 31일 일요일

UIDatePicker use mode option (사용법 및 정보) @@ in Swift2.x - Xcode 7.3 iOS 9.3


1. 스토리보드 UIDatePicker 추가

아래처럼 Main.storyboard 파일을 연다음 UIDatePicker 를 드래그



드래그하면 아래처럼 View Controller Scene 에 UIDatePicker가 추가된 것을 확인 할 수 있다.
ViewContoller.swift 파일로 이동하여
IBOutlet을 만들고 "DatePicker" 라고 이름으로 만든다



같은 방법으로 UILabel 도 드래그하여 추가후 IBOutlet을 만들고 "DateLabel" 라고 이름을 정한다




2. ViewController.swift 코딩 추가

//IBOutlet 생성 된 상태
@IBOutlet weak var DatePicker: UIDatePicker!
@IBOutlet weak var DateLabel: UILabel! // 날짜값을 출력할 라벨

override func viewDidLoad() {
  super.viewDidLoad()
    //날짜를 
yyyy-MM-dd 형식으로 문자열 값으로 불러오기
    let dateFormatter = NSDateFormatter()
    dateFormatter.dateFormat = "yyyy-MM-dd"
    let strDate = dateFormatter.stringFromDate(NSDate())
    //라벨에 날짜 표시
    self.DateLabel.text = strDate
}


시뮬레이터 실행해 보면 아래처럼 현재 날짜 값이 라벨에 출력됩니다.



'


날짜 값 변경 시 라벨의 날짜 값도 바뀌도록 하겠습니다.
이번엔 IBOutlet이 아닌 Action 을 만들고 "DatepickerAction" 라고 이름을 정한다.




추가된 함수에 아래처럼 코딩을 넣어줍니다.

@IBAction func DatepickerAction(sender: AnyObject) {

  let dateFormatter = NSDateFormatter()
  dateFormatter.dateFormat = "yyyy-MM-dd"
  let strDate = dateFormatter.stringFromDate(DatePicker.date)
  self.DateLabel.text = strDate
  print(strDate)
}


시뮬레이션 실행 하면 날짜가 변경됨에 따라 라벨의 텍스트도 변하는것을 확인 할 수 있

<프린트 출력값>




3. Date Picker Mode & option 참고용

- 다양한 모드를 지원 및 옵션 지원 -




- Mode -







- Date Picker 컬러 설정 -


<백그라운드 컬러>
DatePicker.backgroundColor = UIColor.blueColor()

<텍스트 컬러>
DatePicker.setValue(UIColor.whiteColor(), forKeyPath: "textColor")

< 알파값 설정>
DatePicker.setValue(0.8, forKeyPath: "alpha")

<하이라이트 효과 없애기 (선택 날짜 컬러)>
DatePicker.setValue(false, forKey: "highlightsToday")

댓글 없음:

댓글 쓰기

추천 게시물

애플 개발자 등록방법 2016년 5월 8일 기준!!

애플 개발자 등록 절차 1. 개발자 등록 페이지 이동    애플 개발자 로그인 > Account 페이지 이동 > 하단 영역 클릭 (이미지 참조)   >> Enroll 클릭 >> 무조건 승인!! ...