iOS开发inputView和inputAccessoryView

1、简介

  起初看到这两个属性是在UIResponder中,只是可读的:

@property (nullable, nonatomic, readonly, strong) __kindof UIView *inputView NS_AVAILABLE_IOS(3_2);
@property (nullable, nonatomic, readonly, strong) __kindof UIView *inputAccessoryView NS_AVAILABLE_IOS(3_2);

  后来在UITextField和UITextView中也有,是可读可写的:

@property (nullable, readwrite, strong) UIView *inputView;             
@property (nullable, readwrite, strong) UIView *inputAccessoryView;

  用一张输入法的图片简单说明一下这两个属性:

  inputAccessoryView:附件视图,就是上面汉子和拼音

  inputView:就是下面的按键输入法

  最上面的输入框:之前作法——监听键盘的通知,获取键盘高度处理输入框位置;

          现在——是否可以把输入框放入到附件视图inputAccessoryView?只是一种想法,后期我会自己试试 勿喷!

 

2、自定义inputAccessoryView和inputView

  2.1、直接赋值UITextField的这两个属性

    UIToolbar *toolBar = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 0, 90)];
    UIBarButtonItem *right = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(endEdi:)];
    UIBarButtonItem *right2 = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(endEdi:)];
    toolBar.items = [NSArray arrayWithObjects:right,right2,right,right,right,right,right, nil];
    self.inputTextField.inputAccessoryView = toolBar;
    UIView *inputView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 320)];
    UIImageView *igView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 180)];
    igView.image = [UIImage imageNamed:@"pic2.png"];
    [inputView addSubview:igView];
    inputView.backgroundColor = [UIColor greenColor];
    self.inputTextField.inputView =inputView;

  • 设置坐标时只有高度才能起到约束,x、y、weight设置也不会有作用;
  • 整个弹出视图的高度是inputView.height+inputAccessoryView.height,而且附件视图会紧贴inputView视图上面;
  • inputView和inputAccessoryView的子视图需要有详细坐标约束;
  • UIToolbar继承UIView,常用于附件视图上,作点击事件处理;

  2.2、自定义控件的这两个属性

    往往会用这两个属性来自定义键盘,其实可以自定义许多底部的弹出框!

    由于UIResponder有这两个属性,所有大多数视图可以重写这个两个属性,以UILabel为例:

@interface MenuLabel()<UIPickerViewDelegate,UIPickerViewDataSource>
{
    UIToolbar *_inputAccessoryView;
    UIPickerView    *_inputView;
}
@end
@implementation MenuLabel

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        [self setUI];
    }
    return self;
}
- (void)awakeFromNib{
    [super awakeFromNib];
    self.multipleTouchEnabled = YES;
    [self setUI];
}
- (void)setUI{
    self.userInteractionEnabled = YES;
    UITapGestureRecognizer *tap =[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGes:)];
    [self addGestureRecognizer:tap];
}

- (void)tapGes:(UITapGestureRecognizer *)ges{
    [self becomeFirstResponder];
}
-(UIView *)inputAccessoryView{
    if(!_inputAccessoryView)
    {
        UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 100)];
        view.backgroundColor = [UIColor grayColor];

        UIToolbar *toolBar = [[UIToolbar alloc]init];
        toolBar.frame = CGRectMake(0, 0, 100, 44);
        UIBarButtonItem *right = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(dodo)];
        toolBar.items = [NSArray arrayWithObject:right];
        
        [view addSubview:toolBar];
        return view;
    }
    return _inputAccessoryView;
}
-(UIPickerView *)inputView{
    if(!_inputView)
    {
        UIPickerView *  pickView = [[UIPickerView alloc]init];
        pickView.delegate =self;
        pickView.dataSource = self;
        pickView.showsSelectionIndicator = YES;
        return pickView;
    }
    return _inputView;
}
-(void)dodo{
    [self resignFirstResponder];
}
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
    return 1;
}
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{
    return [NSString stringWithFormat:@"%ld",row];
}
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
    return 5;
}
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    self.text =[NSString stringWithFormat:@"%ld",row];
}

- (BOOL)canBecomeFirstResponder{
    return YES;
}
@end

  • 要设置  self.userInteractionEnabled = YES;重写- (BOOL)canBecomeFirstResponder{     return YES; } 方法;
  • 这种方法附件的高度可以修改,但是底部并不会随inputView高度改变而变化,是固定的;
  • inputView不设置坐标,会自适应展示,由于系统inputView高度固定,也不知道不同版本会不会变化,所以就不设置自定义视图inputView的高度 过高会覆盖附件,过低会覆盖不全;
  • 附件的子视图需要详细坐标约束;

 

posted @ 2018-08-22 17:03  ForeverGuard  阅读(6019)  评论(0编辑  收藏  举报