👨‍👩‍👧 😺 🍖 IOS के लिए कस्टम इनपुट के लिए कीबोर्ड लिखना 👨🏿‍🏭 🕺🏽 🧑🏾‍🤝‍🧑🏽

मानक पुस्तकालय UITextField और UITextView कई अलग-अलग प्रकार के कीबोर्ड प्रदान करता है, जिनमें से एक नियमित, ईमेल, URL (कई पात्रों द्वारा सामान्य रूप से भिन्न) और फोन (डिजिटल) है। अधिकांश जीवन स्थितियों के लिए, यह पर्याप्त है, लेकिन हमेशा नहीं।

कल्पना करें कि एप्लिकेशन में एक इनपुट फ़ील्ड है जो संख्याओं और अंकगणितीय अभिव्यक्तियों को स्वीकार कर सकता है।

फोन कीबोर्ड हमारे लिए पर्याप्त नहीं होगा - इसका कोई मतलब नहीं है, सभी ऑपरेशन प्रतीक नहीं हैं, आदि।

बेशक, आपको जो कुछ भी चाहिए वह एक नियमित कीबोर्ड पर है, लेकिन इस मामले में 95% का उपयोग नहीं किया जाएगा (याद रखें, हमें केवल अंक + अंकगणितीय संचालन के प्रतीक की आवश्यकता है)।

निष्कर्ष खुद पता चलता है: आपको अपना कीबोर्ड लिखने की आवश्यकता है, ~~ठीक है, आपको पता है कि क्या~~ !

तो हमें किस तरह के किरदारों की जरूरत है? ".0123456789% + - ×,", और संग्रह के लिए हम "↵" (वापसी) और "space" (बैकस्पेस) जोड़ते हैं। लेआउट ड्रा करें:

ठीक है, यह अच्छा लग रहा है। अब आपको इस चीज़ को टेक्स्ट इनपुट फ़ील्ड में पेंच करना होगा।

IOS 3 के बाद से, इंटरफ़ेस घटक जो इनपुट की अनुमति देते हैं (जैसे कि UITextField और UITextView ) में इनपुट inputView और inputAccessoryView के अद्भुत गुण हैं।

inputAccessoryView में पड़ा दृश्य कीबोर्ड के ऊपर दिखाया गया है (निश्चित रूप से, जब स्क्रीन पर उत्तरार्द्ध होता है)। यह आमतौर पर बटन और / या इनपुट क्षेत्र की एक जोड़ी के साथ एक टूलबार है।

लेकिन inputView मानक कीबोर्ड को फिर से परिभाषित करने के लिए है। दूसरे शब्दों में, यदि आप इस प्रॉपर्टी UIView क्लास का ऑब्जेक्ट असाइन करते हैं, तो जब टेक्स्ट फ़ील्ड firstResponder हो जाता है, तो यह वह कीबोर्ड नहीं होता है, जो प्रदर्शित होता है, बल्कि उसी UIView ऑब्जेक्ट को inputView में inputView । इसे उसी स्थान (तल, हेहे) में और नियमित कीबोर्ड के समान एनिमेशन के साथ दिखाया गया है। इसके अलावा, UIKeyboardWillShowNotification जैसी सूचनाएं भी भेजी जाएंगी! ठोस प्लसस।

लेकिन विपक्ष के बारे में क्या? मेरे पास है।

किसी भी गैर-मानक इनपुट का मुख्य नुकसान यह है कि कीबोर्ड और टेक्स्ट बॉक्स के बीच कनेक्शन को कैसे व्यवस्थित किया जाए। आप बहुत सारे समाधानों के साथ आ सकते हैं, लेकिन, निश्चित रूप से, यह आपके इनपुट को "देशी" बनाने के लिए आदर्श होगा, जितना संभव हो उपयोग के लिए पारदर्शी हो (उदाहरण के लिए, UITextInputTraits प्रोटोकॉल और UITextInputTraits एक्सटेंशन के साथ कुछ UITextInputTraits )। दुर्भाग्य से, मैंने इसके बारे में ज्यादा नहीं सोचा, हालांकि जब मेरे पास समय होता है, तो मैं निश्चित रूप से इसे खत्म करने की कोशिश करता हूं।

सबसे स्पष्ट समाधानों में से एक प्रतिनिधि है। हमारा कीबोर्ड बस अपने प्रतिनिधि को बताएगा कि कौन सा बटन दबाया गया है। और बटनों के बारे में। और कीबोर्ड को हार्डकोड क्यों नहीं किया, और इसे गतिशील रूप से कॉन्फ़िगर करने योग्य बनाएं? वास्तव में, क्यों नहीं? आइए इसके लिए डेटास्रोत प्रोटोकॉल प्राप्त करें।

तो, हम एक वर्ग और दो प्रोटोकॉल के साथ समाप्त होते हैं: कीबोर्ड, प्रतिनिधि, डेटा स्रोत।

 //KHKeyboard.h #import <UIKit/UIKit.h> #import "KHKeyboardDatasource.h" #import "KHKeyboardDelegate.h" @interface KHKeyboard : UIView @property (nonatomic, assign) id<KHKeyboardDatasource> datasource; @property (nonatomic, assign) id<KHKeyboardDelegate> delegate; @end //KHKeyboardDelegate.h #import <UIKit/UIKit.h> @class KHKeyboard; @protocol KHKeyboardDelegate <NSObject> @optional - (void)keyPressedInKeyboard:(KHKeyboard *)keyboard atIndex:(NSInteger)index; @end //KHKeyboardDatasource.h #import <UIKit/UIKit.h> @class KHKeyboard; @protocol KHKeyboardDatasource <NSObject> @required - (NSInteger)numberOfKeysInKeyboard:(KHKeyboard *)keyboard; - (UIButton *)buttonForKeyInKeyboard:(KHKeyboard *)keyboard atIndex:(NSInteger)index; @end

प्रतिनिधि के साथ सब कुछ स्पष्ट है - दबाया गया बटन सूचकांक द्वारा निर्धारित किया जाता है। डेटासोर्स को हमारे कीबोर्ड को कॉन्फ़िगर करने के लिए डिज़ाइन किया गया है: यह बटन की संख्या की रिपोर्ट करता है, और UIButton ऑब्जेक्ट्स (स्वयं बटन) भी प्रदान करता है। लौटे बटन को कॉन्फ़िगर करना, frame प्रॉपर्टी को सेट करना न भूलें - यह हमारे दृश्य पर बटन की स्थिति निर्धारित करता है।

प्रारंभ:

 self.rects = [NSArray arrayWithObjects: [NSValue valueWithCGRect:CGRectMake(0, 0, 64, 50)], [NSValue valueWithCGRect:CGRectMake(64, 0, 64, 50)], [NSValue valueWithCGRect:CGRectMake(128, 0, 64, 50)], [NSValue valueWithCGRect:CGRectMake(192, 0, 64, 50)], [NSValue valueWithCGRect:CGRectMake(256, 0, 64, 50)], [NSValue valueWithCGRect:CGRectMake(0, 50, 64, 50)], [NSValue valueWithCGRect:CGRectMake(64, 50, 64, 50)], [NSValue valueWithCGRect:CGRectMake(128, 50, 64, 50)], [NSValue valueWithCGRect:CGRectMake(192, 50, 64, 50)], [NSValue valueWithCGRect:CGRectMake(256, 50, 64, 50)], [NSValue valueWithCGRect:CGRectMake(0, 100, 64, 50)], [NSValue valueWithCGRect:CGRectMake(64, 100, 64, 50)], [NSValue valueWithCGRect:CGRectMake(128, 100, 64, 50)], [NSValue valueWithCGRect:CGRectMake(192, 100, 64, 50)], [NSValue valueWithCGRect:CGRectMake(256, 100, 64, 100)], [NSValue valueWithCGRect:CGRectMake(0, 150, 128, 50)], [NSValue valueWithCGRect:CGRectMake(128, 150, 64, 50)], [NSValue valueWithCGRect:CGRectMake(192, 150, 64, 50)], nil]; self.titles = [NSArray arrayWithObjects: @"7", @"8", @"9", @"×", @"←", @"4", @"5", @"6", @"÷", @"%", @"1", @"2", @"3", @"+", @"↵", @"0", @".", @"−", nil]; KHKeyboard *keyboard = [[[KHKeyboard alloc] init] autorelease]; keyboard.datasource = self; keyboard.delegate = self; self.textField.inputView = keyboard;

कॉन्फ़िगर डेटा स्रोत:

 - (NSInteger)numberOfKeysInKeyboard:(KHKeyboard *)keyboard { return [self.rects count]; } - (UIButton *)buttonForKeyInKeyboard:(KHKeyboard *)keyboard atIndex:(NSInteger)index { NSString *title = [self.titles objectAtIndex:index]; CGRect rect = [(NSValue *)[self.rects objectAtIndex:index] CGRectValue]; UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; button.frame = rect; [button setTitle:title forState:UIControlStateNormal]; [button setUserInteractionEnabled:NO]; [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; [button setTitleColor:[UIColor blackColor] forState:UIControlStateHighlighted]; [button setReversesTitleShadowWhenHighlighted:YES]; if (index == 14) { // return key [button setBackgroundImage:[UIImage imageNamed:@"button_normal_2.png"] forState:UIControlStateNormal]; [button setBackgroundImage:[UIImage imageNamed:@"button_highlighted_2.png"] forState:UIControlStateHighlighted]; } else if (index == 15) { // "0" key [button setBackgroundImage:[UIImage imageNamed:@"button_normal_1.png"] forState:UIControlStateNormal]; [button setBackgroundImage:[UIImage imageNamed:@"button_highlighted_1.png"] forState:UIControlStateHighlighted]; } else { [button setBackgroundImage:[UIImage imageNamed:@"button_normal.png"] forState:UIControlStateNormal]; [button setBackgroundImage:[UIImage imageNamed:@"button_highlighted.png"] forState:UIControlStateHighlighted]; } [button.titleLabel setFont:[UIFont boldSystemFontOfSize:16]]; return button; }

और अकेला प्रतिनिधि:

 - (void)keyPressedInKeyboard:(KHKeyboard *)keyboard atIndex:(NSInteger)index { if (index == 14) { // return key [self.textField resignFirstResponder]; } else if (index == 4) { // backspace key NSInteger length = [self.textField.text length]; if (length == 0) { return; } else { NSString *newValue = [self.textField.text substringToIndex:length - 1]; self.textField.text = newValue; } } else { NSString *value = [self.titles objectAtIndex:index]; NSMutableString *newValue = [NSMutableString stringWithFormat:@"%@%@", self.textField.text, value]; self.textField.text = newValue; } }

परिणाम लेख की शुरुआत में स्क्रीनशॉट में देखा जा सकता है, साथ ही साथ जीथब पर महसूस किया जा सकता है।

यह, सिद्धांत रूप में, पूरा हो सकता था, लेकिन कुछ प्रश्न शेष हैं।

उदाहरण के लिए, यह कार्यान्वयन अच्छी तरह से अनुकूल है यदि केवल एक इनपुट फ़ील्ड है जिसे कस्टम कीबोर्ड की आवश्यकता है। और अगर कई हैं? आखिरकार, आपको किसी तरह यह निर्धारित करने की आवश्यकता है कि फिलहाल उनमें से कौन सा firstResponder ।

वैकल्पिक रूप से, आप कीबोर्ड की उपस्थिति के बारे में पहले से ही उल्लेखित अधिसूचनाओं का पालन कर सकते हैं (यह मत भूलो कि वे कहीं गायब नहीं होते हैं)। NSNotification वर्ग की किसी object की object प्रॉपर्टी में वह नियंत्रण होगा जिसे कीबोर्ड कहा जाता है। इसलिए, हम इसे सहेजते हैं और बाद में keyPressedInKeyboard:atIndex: में इसका उपयोग करते हैं keyPressedInKeyboard:atIndex:

मैं इस काम में सुधार और एकीकरण के लिए किसी भी उपयोगी इच्छाओं और सुझावों के लिए बहुत आभारी रहूंगा।

IOS के लिए कस्टम इनपुट के लिए कीबोर्ड लिखना

More articles: