2016년 1월 10일 일요일

UITextField 오른쪽 아이콘 버튼 (돋보기 등) 의 표시하기



위 그림에서 처럼 TextField의 돋보기 버튼 같은 이미지를 추가 하고 클릭 했을때
이벤트를 처리를 위해서는 아래와 같은 코드를 이용한다.

        //텍스트 필드 돋보기 표시
        let magnifyingGlassButton = UIButton()
        let image = UIImage(named: "ic_input_search_n")
        magnifyingGlassButton.setBackgroundImage(image, forState: .Normal)
        magnifyingGlassButton.frame = CGRectMake(0,0, 36, 36)
        magnifyingGlassButton.addTarget(self, action: "magnifyingGlassButtonClick", forControlEvents: .TouchUpInside)
        inputKeywordTextField.rightView = magnifyingGlassButton
        inputKeywordTextField.rightViewMode = UITextFieldViewMode.Always
        

        inputKeywordTextField.delegate = self


    //돋보기 클릭
    func magnifyingGlassButtonClick() {
        //검색 시작
    }

커스텀 버튼을 하나 설정 한다. 
이미지를 할당 하고 이벤트 함수를 addTarget으로 설정 한다.
텍스트 필드에 표시될 버튼이 클릭 되었을때 처리할 이벤트 코드를 작성한다.

해당 이벤트를 
TextField의 rightView에 버튼을 할당 한다.
나와야 하는 상황에 따라 rigthViewMode를 설정 한다.

간단한 팁 끝!

댓글 없음: