iPad应用程序的自定义数字键盘

Posted

技术标签:

【中文标题】iPad应用程序的自定义数字键盘【英文标题】:Custom Number Pad For iPad App 【发布时间】:2014-10-20 20:58:21 【问题描述】:

我正在为在 ios 8 上运行的 iPad 创建一个内部应用程序(不适用于应用商店),其中一个要求是一个自定义键盘,可以复制 iPad 解锁/PIN 码输入数字键盘。

我的自定义数字键盘基于这个项目:https://github.com/lnafziger/Numberpad

在我的项目中,我向 UIViewController 添加了一个新的 UIView,这样我就可以复制输入 4 位 PIN 码时出现的点,如下所示:

我的问题是,当我点击它们时,我无法正确定位数字。我的目标是,当我点击数字 0 到 9 时,第一次点击会将该数字放入第一个文本框中,第二次放入第二个文本框,等等。但我无法让数字键盘上的点击注册到 4 个中的任何一个可用的 UITextFields。

[编辑]

这是目前为止的那部分代码:

#pragma mark - KEYPAD IBACTIONS

// A number (0-9) was just pressed on the number pad
// Note that this would work just as well with letters or any other character and is not limited to numbers.
- (IBAction)numberpadNumberPressed:(UIButton *)sender 
    if (self.targetTextInput) 
        NSString *numberPressed  = sender.titleLabel.text;
        if ([numberPressed length] > 0) 
            UITextRange *selectedTextRange = self.targetTextInput.selectedTextRange;
            if (selectedTextRange) 
                [self textInput:self.targetTextInput replaceTextAtTextRange:selectedTextRange withString:numberPressed];
            
        
    


// The delete button was just pressed on the number pad
- (IBAction)numberpadDeletePressed:(UIButton *)sender 
    if (self.targetTextInput) 
        UITextRange *selectedTextRange = self.targetTextInput.selectedTextRange;
        if (selectedTextRange) 
            // Calculate the selected text to delete
            UITextPosition  *startPosition  = [self.targetTextInput positionFromPosition:selectedTextRange.start offset:-1];
            if (!startPosition) 
                return;
            
            UITextPosition  *endPosition    = selectedTextRange.end;
            if (!endPosition) 
                return;
            
            UITextRange     *rangeToDelete  = [self.targetTextInput textRangeFromPosition:startPosition
                                                                               toPosition:endPosition];

            [self textInput:self.targetTextInput replaceTextAtTextRange:rangeToDelete withString:@""];
        
    


// The clear button was just pressed on the number pad
- (IBAction)numberpadClearPressed:(UIButton *)sender 
    if (self.targetTextInput) 
        UITextRange *allTextRange = [self.targetTextInput textRangeFromPosition:self.targetTextInput.beginningOfDocument
                                                                     toPosition:self.targetTextInput.endOfDocument];

        [self textInput:self.targetTextInput replaceTextAtTextRange:allTextRange withString:@""];
    


// The done button was just pressed on the number pad
- (IBAction)numberpadDonePressed:(UIButton *)sender 
    if (self.targetTextInput) 
        [self.targetTextInput resignFirstResponder];
    


- (BOOL)textFieldShouldEndEditing:(UITextField *)textField

    return YES;


- (BOOL)textViewShouldEndEditing:(UITextView *)textView

    return YES;


// Replace the text of the textInput in textRange with string if the delegate approves
- (void)textInput:(id <UITextInput>)textInput replaceTextAtTextRange:(UITextRange *)textRange withString:(NSString *)string 
    if (textInput) 
        if (textRange) 
            // Calculate the NSRange for the textInput text in the UITextRange textRange:
            int startPos                    = [textInput offsetFromPosition:textInput.beginningOfDocument
                                                                 toPosition:textRange.start];
            int length                      = [textInput offsetFromPosition:textRange.start
                                                                 toPosition:textRange.end];
            NSRange selectedRange           = NSMakeRange(startPos, length);

            if ([self textInput:textInput shouldChangeCharactersInRange:selectedRange withString:string]) 
                // Make the replacement:
                [textInput replaceRange:textRange withText:string];
            
        
    


- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string 
    NSString *passcode = [textField text];
    passcode = [passcode stringByReplacingCharactersInRange:range withString:string];

    switch ([passcode length]) 
        case 0:
            self.txtBulletField0.text = nil;
            self.txtBulletField1.text = nil;
            self.txtBulletField2.text = nil;
            self.txtBulletField3.text = nil;
            break;
        case 1:
            self.txtBulletField0.text = @"*";
            self.txtBulletField1.text = nil;
            self.txtBulletField2.text = nil;
            self.txtBulletField3.text = nil;
            break;
        case 2:
            self.txtBulletField0.text = @"*";
            self.txtBulletField1.text = @"*";
            self.txtBulletField2.text = nil;
            self.txtBulletField3.text = nil;
            break;
        case 3:
            self.txtBulletField0.text = @"*";
            self.txtBulletField1.text = @"*";
            self.txtBulletField2.text = @"*";
            self.txtBulletField3.text = nil;
            break;
        case 4:
            self.txtBulletField0.text = @"*";
            self.txtBulletField1.text = @"*";
            self.txtBulletField2.text = @"*";
            self.txtBulletField3.text = @"*";

            // Notify delegate a little later so we have a chance to show the 4th bullet
            [self performSelector:@selector(notifyDelegate:) withObject:passcode afterDelay:0];

            return NO;

            break;
        default:
            break;
    

在原始项目中,数字键盘定位到一个 UITextField 并将所有数字抽头放入其中。现在我想让它在我的 4 个 UITextField 之间自动移动(一个 UITextField 应该只接受 1 个字符,然后移动到下一个 UITextField)。 numberpadNumberPressed 方法似乎根本不会触发更新文本字段。

[结束编辑]

我该怎么做?

【问题讨论】:

为什么不只使用一个UITextField 并将secureTextEntry 字段设置为YES @quark 您能否扩展您的意思,因为我不明白?问题是我的水龙头没有将数字放入字段中(并且在我删除时也需要删除)。 你能显示你点击一个数字时会发生什么的代码吗?这将是一个很好的起点。 @KrisGellci 我已经用一些代码更新了我的问题。 【参考方案1】:

这可能很简单。

只需将已点击的数字保留在 one 可变字符串变量中。按下一个键时,添加下一个数字。如果按下删除键,则删除最后一个数字(如果有)。那应该很容易。例如

if (pinString.length < 4) 
   [pinString appendString:sender.titleLabel.text]

if (pinString.length) 
   [pinString deleteCharactersInRange:NSMakeRange(pinString.length-1,1)];

您没有编辑文本字段中的数字,因此您应该改用标签。在下文中,我假设您已经给它们添加了标签101102103104

然后做这样的事情:

for (UILabel *label in theFourTextLabels) 
   label.text = label.tag - 100 > pinString.length ? "" : "*";

【讨论】:

您应该接受这个答案,因为它解决了您关于逻辑的问题。您在评论中提出的问题是一个不同的问题 - 您应该提出一个新问题。 (也许你应该检查你的按钮连接。)

以上是关于iPad应用程序的自定义数字键盘的主要内容,如果未能解决你的问题,请参考以下文章

iOS应用程序中的自定义数字键盘问题

如何阻止我的自定义键盘在 iPad 上“浮动”或脱离

React Native 中的 iPad 数字键盘

键盘 Swift 上的自定义键

如何在 iPad 上运行的 iPhone 应用程序中获取 iOS 8 自定义键盘的主机应用程序屏幕几何图形?

Kotlin 中的自定义数字键盘