UITextView和UITextField的使用小技巧

其實應該是要說UIResponder才對, 不過範圍好像大了點, 為了偷懶, 就只記錄最近開發過程一些使用的技巧。

(via http://blog.fashionguide.com.tw/602/posts/38191-iDM)

以上面的圖片內容作為參考, 在做這個畫面互動的時候, 我想我會用數個按鈕(UIButton)點下去後, 在將UIPickerView顯示出來, 最後再點擊完成將Picker的內容記錄下來並更新UIButton的title,這樣的作法以這個App來說應該已經足夠了。

But, 就是這個萬惡的But…

現在是一個比較複雜的輸入表單, 這個Layout有幾個內容會需要被填寫, Name、birthday和地址…等等, 這樣該怎麼辦?

• 由一堆的UITextField(UITextView,文字內容較多使用)外加一堆Button來做的話
• 全部由UITextField & UITextView 來做

以上兩個方式都是可以去實現並且可行的, 關於第一點就不多說, 來說說第二點吧~

UIResponder

從Apple Developer Docs上的解釋是說這是處理事件(Events)的基本Class; UIView …etc.都是繼承自UIResponder, 不過今天不是專門提它的; 這邊先提一下在UIViewController要叫出UIPickerView要怎麼實作.

UIResponder’s method.

1 2 3

- (BOOL)canBecomeFirstResponder; - (UIView*)inputView; - (UIView*)inputAccessoryView;

在iPhone開發中, 如果要在UIViewController呼叫出UIPickerView, 會需要override canBecomeFirstResponder 跟 inputView

@ViewController Require to override

1 2 3 4 5 6 7 8

// UIViewController default is NO. - (BOOL)canBecomeFirstResponder { return YES; } - (UIView*) inputView { return [[UIPickerView alloc] init]; }

讓Controller本身可以成為FirstResponder, 及成為FirstResponder時會呈現的inputView;

如果有需要一個ControlBar去控制inputView的話, 就覆寫inputAccessoryView

add a toolbar for inputView

1 2 3

- (UIView*) inputAccessoryView { return [[UIToolbar alloc] init]; }

UITextField & UITextView

一般來說,當你Tapped UITextField(UITextView)時, 會顯示一個Keyboard; 這邊的Keyboard就是UITextField預設的inputView(前面有提到UIView是繼承UIResponder)。

在UITextField&UITextView可以直接去Assign inputView & inputAccessoryView, 如果要直接使用Keyboard就不用設定inputView。

UITextView & UITextField

1 2 3

UITextField* textField = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 200, 44)]; textField.inputView = {your inputView}; textField.inputAccessoryView = {your inputAccessoryView};

特別一提的是, 如果你預設使用Keyboard(沒有設定inputView),並且設定inputAccessoryView的時候;觀察UIKeyboardWillShowNotication…etc.的通知, 系統會自動把inputAccessoryView的高度自動加上去…(一開始沒注意到害我自己debug半天找不到錯在哪)

用這樣的方式, 就可以輕鬆的去處理需要多個輸入但是要不同的inputView的狀況。