UIControlとUIKeyInputでUIPickerViewを 手軽に下からシュッと出す

Transcript

1. 6*$POUSPMͱ6*,FZ*OQVUͰ 6*1JDLFS7JFXΛ
   खܰʹԼ͔Βγϡοͱग़͢ ,B[VIJSP
   )":"4)*
   J04
   -5
   
2. 6*1JDLFS7JFXΈ͍ͨͳೖྗ༻6*ΛԼ͔Βग़࣌ͬͯ͢
   Ͳ͜ʹஔ͍ͯ·͔͢ʁ
3. w "DUJPO
   4IFFU
   w ಠࣗͷ6*ʁ
   w 6*5FYU'JFMEͷJOQVU7JFX
4. w "DUJPO
   4IFFU
   w ಠࣗͷ6*ʁ
   w 6*5FYU'JFMEͷJOQVU7JFX
5. w "DUJPO
   4IFFU
   w ಠࣗͷ6*ʁ
   w 6*5FYU'JFMEͷJOQVU7JFX
6. ʔ
   ຊདྷͷ࢖͍ํͰ͸ͳ͍
   ʔ
   ࡞Δͷ໘౗
   ʔ 5FYU'JFME෦෼͍Βͳ͍ w "DUJPO
   4IFFU
   w ಠࣗͷ6*ʁ
   w 6*5FYU'JFMEͷJOQVU7JFX
7. ࣗ࡞7JFXͰ
   ΧελϜιϑτ΢ΣΞΩʔϘʔυ
   Λݺ΂ΔΑ͏ʹ͢Δͷ͕
   ָͰΧελϚΠζੑߴ͠
8. ࡞Γํ
9. 
   6*$POUSPMΛܧঝ͢Δ λονΛड͚औΔೖྗ༻Ϋϥεͱͯ͠ศརͳͷͰ࢖͍·͢ class PickerKeyboard: UIControl { private var textStore: String = "" }
10. 
    6*,FZ*OQVUΛܧঝ͢Δ 6*,FZ*OQVUΛܧঝͨ͠ΫϥεΛ࢖͏ͱࣗ༝ʹιϑτ΢ΣΞ ΩʔϘʔυ͕දࣔͤ͞ΒΕ·͢ extension PickerKeyboard: UIKeyInput { var hasText: Bool { return !textStore.isEmpty } func insertText(_ text: String) { textStore += text setNeedsDisplay() } func deleteBackward() { textStore.remove( at: textStore.characters.index( before: textStore.characters.endIndex)) setNeedsDisplay() } }
11. 
    6*,FZ*OQVUΛܧঝ͢Δ 6*,FZ*OQVUΛܧঝͨ͠ΫϥεΛ࢖͏ͱࣗ༝ʹιϑτ΢ΣΞ ΩʔϘʔυ͕දࣔͤ͞ΒΕ·͢ extension PickerKeyboard: UIKeyInput { var hasText: Bool { return !textStore.isEmpty } func insertText(_ text: String) { textStore += text setNeedsDisplay() } func deleteBackward() { textStore.remove( at: textStore.characters.index( before: textStore.characters.endIndex)) setNeedsDisplay() } } ͜ͷ̏ͭΛ࣮૷͢Ε͹େৎ෉
12. 
    6*,FZ*OQVUΛܧঝ͢Δ 6*,FZ*OQVUΛܧঝͨ͠ΫϥεΛ࢖͏ͱࣗ༝ʹιϑτ΢ΣΞ ΩʔϘʔυ͕දࣔͤ͞ΒΕ·͢ extension PickerKeyboard: UIKeyInput { var hasText: Bool { return !textStore.isEmpty } func insertText(_ text: String) { textStore += text setNeedsDisplay() } func deleteBackward() { textStore.remove( at: textStore.characters.index( before: textStore.characters.endIndex)) setNeedsDisplay() } }
13. 
    λοϓͰ7JFXΛ'JSTU
    3FTQPOEFSʹ͢Δ ઌఔͷΫϥε͕'JSTU
    3FTQPOEFSʹͳΔͱιϑτ΢ΣΞΩʔ Ϙʔυ͕ग़͖ͯ·͢ class PickerKeyboard: UIControl { required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) } func didTap(sender: PickerKeyboard) { becomeFirstResponder() } override var canBecomeFirstResponder: Bool { return true } }
14. 
    λοϓͰ7JFXΛ'JSTU
    3FTQPOEFSʹ͢Δ ઌఔͷΫϥε͕'JSTU
    3FTQPOEFSʹͳΔͱιϑτ΢ΣΞΩʔ Ϙʔυ͕ग़͖ͯ·͢ class PickerKeyboard: UIControl { required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) } func didTap(sender: PickerKeyboard) { becomeFirstResponder() } override var canBecomeFirstResponder: Bool { return true } }
15. 
    λοϓͰ7JFXΛ'JSTU
    3FTQPOEFSʹ͢Δ ઌఔͷΫϥε͕'JSTU
    3FTQPOEFSʹͳΔͱιϑτ΢ΣΞΩʔ Ϙʔυ͕ग़͖ͯ·͢ class PickerKeyboard: UIControl { required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) } func didTap(sender: PickerKeyboard) { becomeFirstResponder() } override var canBecomeFirstResponder: Bool { return true } }
16. 
    λοϓͰ7JFXΛ'JSTU
    3FTQPOEFSʹ͢Δ ઌఔͷΫϥε͕'JSTU
    3FTQPOEFSʹͳΔͱιϑτ΢ΣΞΩʔ Ϙʔυ͕ग़͖ͯ·͢ class PickerKeyboard: UIControl { required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) } func didTap(sender: PickerKeyboard) { becomeFirstResponder() } override var canBecomeFirstResponder: Bool { return true } }
17. 
    6*3FTQPOEFSͷJOQVU7JFX
    ͱͯ͠6*1JDLFS7JFXΛฦ͢ JOQVU7JFX͕ฦ͢7JFX͸ɺιϑτ΢ΣΞΩʔϘʔυͷ୅ΘΓ ͱͯ͠දࣔ͞Ε·͢ class PickerKeyboard: UIControl { override var inputView: UIView? { let pickerView = UIPickerView() pickerView.delegate = self let row = data.index(of: textStore) ?? -1 pickerView.selectRow(row, inComponent: 0, animated: false) return pickerView } }
18. 
    6*3FTQPOEFSͷJOQVU7JFX
    ͱͯ͠6*1JDLFS7JFXΛฦ͢ JOQVU7JFX͕ฦ͢7JFX͸ɺιϑτ΢ΣΞΩʔϘʔυͷ୅ΘΓ ͱͯ͠දࣔ͞Ε·͢ class PickerKeyboard: UIControl { override var inputView: UIView? { let pickerView = UIPickerView() pickerView.delegate = self let row = data.index(of: textStore) ?? -1 pickerView.selectRow(row, inComponent: 0, animated: false) return pickerView } }
19. 
    6*3FTQPOEFSͷJOQVU7JFX
    ͱͯ͠6*1JDLFS7JFXΛฦ͢ JOQVU7JFX͕ฦ͢7JFX͸ɺιϑτ΢ΣΞΩʔϘʔυͷ୅ΘΓ ͱͯ͠දࣔ͞Ε·͢ class PickerKeyboard: UIControl { override var inputView: UIView? { let pickerView = UIPickerView() pickerView.delegate = self let row = data.index(of: textStore) ?? -1 pickerView.selectRow(row, inComponent: 0, animated: false) return pickerView } }
20. 
    6*1JDLFS7JFXͷ
    %FMFHBUF
    %BUB4PVSDFΛ࣮૷ class PickerKeyboard: UIControl { var data: [String] = ["Mon.", "Tue.", "Wed.", "Thu.", "Fri.", "Sut.", "Sun."] // .. } extension PickerKeyboard: UIPickerViewDelegate, UIPickerViewDataSource { func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int { return data.count } func numberOfComponents(in pickerView: UIPickerView) -> Int { return 1 } func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? { return data[row] } func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) { textStore = data[row] setNeedsDisplay() } }
21. 
    6*1JDLFS7JFXͷ
    %FMFHBUF
    %BUB4PVSDFΛ࣮૷ class PickerKeyboard: UIControl { var data: [String] = ["Mon.", "Tue.", "Wed.", "Thu.", "Fri.", "Sut.", "Sun."] // .. } extension PickerKeyboard: UIPickerViewDelegate, UIPickerViewDataSource { func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int { return data.count } func numberOfComponents(in pickerView: UIPickerView) -> Int { return 1 } func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? { return data[row] } func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) { textStore = data[row] setNeedsDisplay() } } આ໌লུ ཁ͢Δʹ6*1JDLFS7JFXΛී௨ʹ࣮૷͍ͯͩ͘͠͞
22. 
    JOQVU"DDFTTPSZ7JFXʹด͡ΔϘλ ϯΛ഑ஔ͢Δ 6*3FTQPOEFSͷJOQVU"DDFTTPSZ7JFX͸
    ΩʔϘʔυͷ্ʹ͍ͬͭͯ͘͘Δ೚ҙͷ7JFXΛฦͤ·͢ class PickerKeyboard: UIControl { // .. func didTapDone(sender: UIButton) { resignFirstResponder() } override var inputAccessoryView: UIView? { let button = UIButton(type: .system) // .. button.addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) let view = UIView(frame: CGRect(x: 0, y: 0, width: self.bounds.width, height: 44)) // .. view.addSubview(button) return view } }
23. 
    JOQVU"DDFTTPSZ7JFXʹด͡ΔϘλ ϯΛ഑ஔ͢Δ 6*3FTQPOEFSͷJOQVU"DDFTTPSZ7JFX͸
    ΩʔϘʔυͷ্ʹ͍ͬͭͯ͘͘Δ೚ҙͷ7JFXΛฦͤ·͢ class PickerKeyboard: UIControl { // .. func didTapDone(sender: UIButton) { resignFirstResponder() } override var inputAccessoryView: UIView? { let button = UIButton(type: .system) // .. button.addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) let view = UIView(frame: CGRect(x: 0, y: 0, width: self.bounds.width, height: 44)) // .. view.addSubview(button) return view } }
24. 
    JOQVU"DDFTTPSZ7JFXʹด͡ΔϘλ ϯΛ഑ஔ͢Δ 6*3FTQPOEFSͷJOQVU"DDFTTPSZ7JFX͸
    ΩʔϘʔυͷ্ʹ͍ͬͭͯ͘͘Δ೚ҙͷ7JFXΛฦͤ·͢ class PickerKeyboard: UIControl { // .. func didTapDone(sender: UIButton) { resignFirstResponder() } override var inputAccessoryView: UIView? { let button = UIButton(type: .system) // .. button.addTarget(self, action: #selector(PickerKeyboard.didTap(sender:)), for: .touchUpInside) let view = UIView(frame: CGRect(x: 0, y: 0, width: self.bounds.width, height: 44)) // .. view.addSubview(button) return view } }
25. σϞ
26. ·ͱΊ w 6*,FZ*OQVUΛܧঝ͢Δͱιϑτ΢ΣΞΩʔϘʔ υΛΧελϚΠζͨ͠7JFX͕ग़ͤΔ
    w 6*1JDLFS7JFX͸͜ΕͰग़͢ͷ͕Ұ൪ͬ͘͠Γ͘ Δؾ͕͢Δ
27. ࢀߟࢿྉ w ࠓ೔ॻ͍ͨίʔυͷશମ
    w IUUQTHJTUHJUIVCDPNLB[VIJSPEBDEFEEGGFF
    w ݩهࣄ
    ʮ6*$POUSPMͱ6*,FZ*OQVUͰ6*1JDLFS7JFXΛखܰʹԼ͔Βγϡοͱग़͢
    
    2JJUBʯ
    w IUUQRJJUBDPNLB[VIJSPJUFNTEGDBC
    w 6*,FZ*OQVUͷϦϑΝϨϯε
    w IUUQTEFWFMPQFSBQQMFDPNSFGFSFODFVJLJUVJLFZJOQVU