web-dev-qa-db-ja.com

UITextFieldを選択するときにUIPickerViewを表示する方法

これが私が今までにやったことのスクリーンショットです：

enter image description here

だから私がやろうとしているのは、「名前を選ぶ」テキストフィールドを選択したとき、@「ジャック」と入力して、表示するピッカーが必要です。

iosobjective-cuitextfielduipickerview
19
sillersam

それはあなたのために働くでしょう..私はそれを編集しました。そしてそのためにあなたはテキストフィールドのデリゲートを設定する必要があります。そして、NIbファイルにUIPIckrViewを作成します。

- (BOOL) textFieldShouldBeginEditing:(UITextView *)textView
{
    pickrView.frame = CGRectMake(0, 500, pickrView.frame.size.width,    pickrView.frame.size.height);
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:.50];
    [UIView setAnimationDelegate:self];
    pickrView.frame = CGRectMake(0, 200, pickrView.frame.size.width, pickrView.frame.size.height);
    [self.view addSubview:pickrView];
    [UIView commitAnimations];
    return NO;
}
4
PJR

IOS 3.2以降、UITextFieldはinputViewプロパティをサポートして、キーボードとして使用するカスタムビューを割り当て、UIPickerViewを表示する方法を提供します。

inputViewのUITextFieldプロパティは、おそらくinputAccessoryViewプロパティと組み合わせて使用​​できます。 pickerViewをinputViewプロパティに割り当て、ピッカーを閉じるには、完了ボタンをinputAccessoryViewプロパティに割り当てます。

UIPickerView *myPickerView = [[UIPickerView alloc] init];
//myPickerView configuration here...
myTextField.inputView = myPickerView;

そのように。 UIPickerViewには戻るボタンがないため、ビューを直接閉じる方法はありません。inputAccessoryViewプロパティを使用してツールバーに[完了]ボタン（ barは美学のためだけであり、UIButtonオブジェクトを使用することもできます）：

UIToolbar *myToolbar = [[UIToolbar alloc] initWithFrame:
 CGRectMake(0,0, 320, 44)]; //should code with variables to support view resizing
UIBarButtonItem *doneButton =
 [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone
 target:self action:@selector(inputAccessoryViewDidFinish)];
 //using default text field delegate method here, here you could call
 //myTextField.resignFirstResponder to dismiss the views
[myToolbar setItems:[NSArray arrayWithObject: doneButton] animated:NO];
myTextField.inputAccessoryView = myToolbar;
67
Tom

私はこれを使用して、サブビューを追加してUIPickerをアニメーション化するよりもずっときれいだと思います

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {
responder = textField;

    if ([textField isEqual:self.txtBirthday]) {
    UIDatePicker *datepicker = [[UIDatePicker alloc] initWithFrame:CGRectZero];
    [datepicker setDatePickerMode:UIDatePickerModeDate];

    textField.inputView = datepicker;
    }

    return YES;
}
14
thesummersign

まあ、あなたは UITextFieldDelegate を使ってこの種の機能を処理することができます。

内部

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField

現在のUITextFieldのテキストを設定し、UIPickerViewを初期化して表示する場所です。

重要なお知らせ：

UIPickerViewDelegate に準拠することもできます。

HTH

2
Faizan S.

Swift：

internal var textFieldHandlerToolBar: UIToolbar = {
    let tb = UIToolbar.init(frame: CGRect.init(Origin: .zero, size: CGSize.init(width: UIScreen.main.bounds.width, height: 44.0)))
    let doneBarButton = UIBarButtonItem.init(title: "Done", style: UIBarButtonItemStyle.done, target: self, action: #selector(actionDonePickerSelection))
    tb.setItems([doneBarButton], animated: false)
    return tb
}()

internal var pickerView: UIPickerView = {
    let pv = UIPickerView.init()
    return pv
}()

@objc internal func actionDonePickerSelection() {
     textField.resignFirstResponder()
}

override func viewDidLoad() {
    super.viewDidLoad()
    self.pickerView.delegate = self
    self.pickerView.datasource = self
}

このように使用します：

textField.inputAccessoryView = self.textFieldHandlerToolBar
textField.inputView = self.pickerView
1
Hemang

ViewController.h

@interface ChangeCurrencyVC : UIViewController <UIPickerViewDataSource, UIPickerViewDelegate>
{
      NSArray *availableCurreniesArray;
}
@property (weak, nonatomic) IBOutlet UITextField *chooseCurrencyTxtFldRef;

ViewController.m

 - (void)viewDidLoad {
[super viewDidLoad];
availableCurreniesArray = @[@"Indian Rupee", @"US Dollar", @"European Union Euro", @"Canadian Dollar", @"Australian Dollar", @"Singapore Dollar", @"British Pound", @"Japanese Yen"];
// Do any additional setup after loading the view.
[self pickerview:self];
}

 #pragma mark -  picker view Custom Method
 -(void)pickerview:(id)sender{
  UIPickerView *pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
pickerView.showsSelectionIndicator = YES;
pickerView.dataSource = self;
pickerView.delegate = self;

// set change the inputView (default is keyboard) to UIPickerView
self.chooseCurrencyTxtFldRef.inputView = pickerView;

// add a toolbar with Cancel & Done button
UIToolbar *toolBar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
toolBar.barStyle = UIBarStyleBlackOpaque;

UIBarButtonItem *doneButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(doneTouched:)];
UIBarButtonItem *cancelButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(cancelTouched:)];
// the middle button is to make the Done button align to right
[toolBar setItems:[NSArray arrayWithObjects:cancelButton, [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], doneButton, nil]];
self.chooseCurrencyTxtFldRef.inputAccessoryView = toolBar;
}
 #pragma mark - doneTouched
- (void)cancelTouched:(UIBarButtonItem *)sender{
// hide the picker view
[self.chooseCurrencyTxtFldRef resignFirstResponder];
 }
  #pragma mark - doneTouched
- (void)doneTouched:(UIBarButtonItem *)sender{
// hide the picker view
[self.chooseCurrencyTxtFldRef resignFirstResponder];
// perform some action
 }
#pragma mark - The Picker Challenge
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 1;
}
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
return [availableCurreniesArray count];
}
- (nullable NSString *)pickerView:(UIPickerView *)pickerView titleForRow: (NSInteger)row forComponent:(NSInteger)component{
return availableCurreniesArray[row];
}

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
self.chooseCurrencyTxtFldRef.text = availableCurreniesArray[row];
}
0
Mannam Brahmam

何ができるかは、UIButtonにカスタムタイプを使用してUITextFieldを作成することです。どちらも同じサイズです。ボタンを押すだけで、UIPickerViewを表示できます。

0
Nitish

http://tmblr.co/ZjkSZteCOUBS

これを正確に行うためのコードとすべてがブログにレイアウトされています。しかし、以下では、基本的な概念を説明しました。

基本的にソリューションには、githubのActionSheetPickerと呼ばれるオープンソースプロジェクトが含まれ、textFieldShouldBeginEditingに関数UITextFieldDelegateを実装します。そこでキーボードを閉じて、代わりにUIPickerViewを提供できます。基本的なコードは次のとおりです。

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {
    // We are now showing the UIPickerViewer instead

    // Close the keypad if it is showing
    [self.superview endEditing:YES];

    // Function to show the picker view
    [self showPickerViewer :array :pickerTitle];

    // Return no so that no cursor is shown in the text box
    return  NO;
}
0
KVISH